/* ASA CSS Template 				*/
/* nuun gmbh, sam mueller, nuun.ch 	*/

/* Colors
rot:		#a84548
dunkelblau:	#4088b8
hellblau:	#bad7ea
lauftext:	#404040
hellgrau:	#dadada
dunkelgrau:	#828282
 */
 
body{
	font-family:arial,verdana,sans-serif;
	font-size:62.5%;
	background:#ffffff url(asa_folge/images/bg_page.gif) center 50px repeat-y;
	color:#404040;
	line-height:1.2em;
	margin:0 auto;
	padding:0;}
	
#bodywrapper{
	background: url(asa_folge/images/bg_asa.gif) no-repeat center 20px;
	color:#404040;
	width:100%;
	padding:0;}

#contentwrapper{
	background: url(asa_folge/images/bg_white_85.png) repeat;
	width:940px;
	margin:0px auto;
	padding:0px 20px 0px 20px;}

#contentwrapper p{
	font-size:1.2em;
	}

#header{
	margin:0 0 20px 0;
	height:140px;}

#logo{ 
	float:left;
	margin: 10px 0px 10px 0px;
	width:761px;
	height:120px;}

#sernav{
	float:right; 
	padding:20px 20px 2px 3px;}


a{
	text-decoration:none;
	color:#4088b8;
	font-weight:normal;
	position:relative;}

a:hover{text-decoration:underline;}
a img{border:0;}
#content ul, #content ol, #content dl{font-size:1.2em; padding:0px;}
#content ol {margin-left: 3em;}
#content ul {list-style-type: none; margin:2px 0 16px 15px; padding:0px;}
#content ul li{background:url(asa_folge/images/bullet.gif) no-repeat 0px 3px; padding-left: 15px; margin-top: 0.5em;}
ul ul,ol ol, #content ul li ul{margin:4px 0 4px 16px; list-style-type:none;}
#content ul li ul li{background:url(asa_folge/images/bullet_small.gif) no-repeat 0px 5px; padding-left: 10px; margin-top: 0.5em; font-size:0.8em;}

hr {border-top:1px solid #a84548; color:#fff;}

h1.pagetitle{
	font-size:2em;
	color:#a84548;
	border-bottom:1px solid #a84548;
	padding:0 0px 5px 0px;
	margin:0 0 1em 0;
	line-height:1.2em;
	display:block;
}

h1{
	font-size:1.8em;
	color:#a84548;
	font-weight:normal;
	padding:0 0px 5px 0px;
	margin:0 0 2em 0;
	display:inline;
}

#rightpane h1{
	font-size:1.4em;
	color:#a84548;
	font-weight:normal;
	padding:0 0px 5px 0px;
	margin:0 0 2em 0;
	display:inline;
}

#content h2{
	font-size:1.6em;
	font-weight:bold;
	color:#828282;
	margin:10px 0 8px 0;
	padding:1px 2px 2px 0px;
}

#rightpane h2, #leftpane h2{
	font-size:1.4em;
	color:#a84548;
	border-bottom:1px solid #a84548;
	padding:0 0px 5px 0px;
	margin:0 0 10px 0;
}

#leftpane h2{
	padding: 9px 0px 5px 0px;
	margin:0 0 2em 0;
}

h3{
	font-size:1.2em;
	color:#404040;
	padding:0;
	margin:0 0 1em 0;
	line-height:1.2em;
}

blockquote{
	font-size:0.9em;
	border:1px solid #dadada;
	margin:20px 10px;
	padding:8px;
}
	

/******** sidebar ********/
#leftpane{
	float:left;
	width:200px;
	margin: 3px 1em;
	padding: 0em 2em 0em 0em;
}

#secnav {list-style-type:none; width:210px; font-size:1.5em; padding:0; margin:0px;}
#secnav li {margin:0 0 1em 0;}
#secnav li a:link, #secnav li a:visited {background:none; text-decoration:none; color:#4088b8; display:block; width:200px; border-bottom:1px solid #dadada; padding-bottom: 0.5em; font-weight:bold; position:relative; line-height:1.2em;}
#secnav li a:hover, #secnav li a:active, 
#secnav li a.menu-parent:link, #secnav li a.menu-parent:visited,
#secnav li a.menu-current:link, #secnav li a.menu-current:visited
{text-decoration:none; color:#2c6f9b; display:block; border-bottom:1px solid #bad7ea;}

ul#secnav li ul {list-style-type:none; width:190px; margin:1em 0em 0em 0.2em; padding:0px; font-size:0.9em;}
ul#secnav li ul li{margin-bottom:0.2em;}
ul#secnav li ul li a:link,  ul#secnav li ul li a:visited  {background:url(asa_folge/images/bullet.gif) no-repeat 0px 3px; text-decoration:none; padding: 0 0 0 15px; color:#4088b8; display:block; width:180px; border:none; font-weight:normal; position:relative;}
ul#secnav li ul li a:hover, ul#secnav li ul li a:active,
ul#secnav li ul li a.menu-current:link, ul#secnav li ul li a.menu-current:visited,
ul#secnav li ul li a.menu-parent:link, ul#secnav li ul li a.menu-parent:visited 
{text-decoration:none; color:#2c6f9b; display:block; border:none; background:url(asa_folge/images/bullet_act.gif) no-repeat 0px 3px; }


/******** Content variations ********/
#content{
	line-height:1.5em;
	width:470px;
	float:left;
	text-align:left;
	margin:0px 0px 30px 0px;
	padding:0;
}

#rightpane{
	line-height:1.5em;
	text-align:left;
	margin:9px 20px 0 0;
	padding:0;
	float:right;
	width:180px;}
	
/******** News ********/
#rightpane .newsline, #content .newsline{height:1px; border-top:1px solid #dadada; margin-bottom:1em;}
#newsbox p, #rightpane p {margin:0.3em 0em 0em 0em; padding:0px;}
#newsbox h1 a:link, #newsbox h1 a:visited, #rightpane h1 a:link, #rightpane h1 a:visited{font-size:0.9em;color:#4088b8;padding:0;margin:0;line-height:1.2em; font-weight:bold;}
#newsbox h1 a:hover, #newsbox h1 a:active, #rightpane h1 a:hover, #rightpane h1 a:active{font-size:0.9em;color:#2c6f9b;padding:0;margin:0;line-height:1.2em; font-weight:bold; text-decoration:none;}
#newsbox p.morenews{border-bottom:1px solid #dadada; padding-bottom:0.5em; margin-bottom: 1em;}
#newsbox .date, #newsbox span.previous {color:#828282;}
#newsfooter{text-align:center;}

/******** Footer ********/
#footer{
	clear:both;
	text-align:left;
	color:#808080;
	font-size:0.9em;
	width:885px;
	height: 40px;
	border-top:1px solid #dadada;
	margin: 20px 30px 10px 15px;
	padding:8px 20px 8px 0px;
	line-height:1.6em;
}

p#nuun{margin:0; padding:0; float:left; margin-right: 90px;}
p#adresse{margin:0 0 0 100px; padding:0; float:left; text-align:right;}
#footer a:link, p#adresse a:link, #footer a:visited, p#adresse a:visited{color:#4088b8;}
#footer a:hover, p#adresse a:hover, #footer a:active, p#adresse a:active{color:#828282;}
#nuun a:link, #nuun a:visited{color:#CCCCCC; text-decoration:none;}
#nuun a:hover, #nuun a:active{color:#CCCCCC;}

/*  FORMULAR  												 */
/*************************************************************/

td.field_title{
width:120px;
height:30px;
color:#404040;
padding-right: 20px;
vertical-align:middle;}

font.radio_label{
width:60px;
padding: 0 20px 0 5px;
vertical-align:middle;}

input#field2, input#field3, input#field4, input#field5, input#field6, input#field7, textarea#field8,
input#field9, input#field10, input#field11, input#field12, input#field13, input#field14, textarea#field15, input#field20, textarea#field21, textarea#field22, input#field23{
font-family: arial,verdana,sans-serif;
color:#404040;
width: 220px;
height: 18px;
padding: 2px;
border: 1px solid #bad7ea;
background: #fff;
font-size:12px;}

input#field2:focus, input#field3:focus, input#field4:focus, input#field5:focus, input#field6:focus, input#field7:focus, textarea#field8:focus,
input#field9:focus, input#field10:focus, input#field11:focus, input#field12:focus, input#field13:focus, input#field14:focus, textarea#field15:focus, input#field20:focus, textarea#field21:focus, textarea#field22:focus, input#field23:focus{
border: 1px solid #a84548;
color:#404040;
background: #fff;}

textarea#field8,textarea#field15{
height: 80px;
color:#404040;
margin-top: 0.3em;}

input.submitter{
color:#404040;
font-size: 1.2em;
font-family: arial, verdana, sans-serif;
border: 1px solid #dadada;
background: #bad7ea;
width: 224px;
height: 25px;
margin-top:15px;}

input.submitter2{
color:#404040;
font-size: 11px;
font-family: arial, verdana, sans-serif;
border: 1px solid #bad7ea;
background: #dadada;
width: 100px;
height: 16px;
margin-top:10px;}

.required{color:#a84548 !important;}
.formback{font-size:0.8em; margin-top:1em; display:block;}

/*** Don't remove the class nixhier, this is required for ASP ***/
form .nixhier {	display:none; }