/* STANDARDTAGS */
hr{
	border: 1px #DEEAD3 solid;
}
body{
	background-image:url('images/bg.gif');
	background-position:center top;
	background-repeat:repeat-x;
	padding-top:0px;
	margin-top: 0px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	text-align:left;
}

img{
	border: 0px black none;
	text-align: center;
}
input.fieldText{
	border:1px #999999 solid;
	width: 200px;
	margin-top: 5px;
}

textarea.fieldTxtArea{
	border:1px #999999 solid;
	width: 200px;
	margin-top: 5px;
	height: 120px;
}

input.fieldButton{
	background-color:#3F77D3;
	font-size:11px;
	margin-left:150px;
	margin-top:5px;
	color: #FFF;
	font-weight: bold;
	border-top: 2px #77A7F6 solid;
	border-left: 2px #77A7F6 solid;
	border-bottom: 2px #315FAC solid;
	border-right: 2px #315FAC solid;
}

input.fieldButton:hover{
	background-color: #4488F6;
	cursor:pointer;
}
input:focus{
	border:1px #000 solid;
}

label{
	width: 150px;
	text-align: left;
	float:left;
	display:inline;
	margin-top: 5px;
}

a{
	color:#3356AE;
	text-decoration:none;
}

a:hover{
	color:#162858;
	text-decoration:underline;
}
/* BASE LAYOUT */
#wrapper{
	width: 900px;
	margin-left:auto; 
	margin-right:auto;
	text-align:left;
	}

#banner{
	height: 286px;
	background-image:url('images/site_01.jpg');
	background-repeat:no-repeat;
}

#menue{
	height: 66px;
	background-color: #3F77D3;
}

#content{
	background-image:url('images/site_03.gif');
	background-repeat:no-repeat;
	background-color: #DEEAD3;
	padding-bottom:15px;
}

#footer{
	clear: both;
}

/* TEXTS & BOXES */

.text1{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color:#162858;
	line-height:20px;
}

.text2{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color:#162858;
	line-height:20px;
}

.heading1{
	color:#3F77D3;
	border-bottom: 2px #3F77D3 dotted;
	font-weight: bold;
	font-size: 12px;
}

.heading2{
	background-image:url('images/header1.gif');
	background-repeat:no-repeat;
	color: #FFF;
	font-weight:bold;
	text-align:center;
}

.heading3{
	color:#3F77D3;
	font-weight: bold;
	font-size: 11px;
}

.clear{
	text-decoration:none;
	color:#162858;
}
.clear:hover{
	text-decoration:none;
	color:#162858;
}

#langc{
	padding-top:16px;
	color:white;
}

#langc a{
	color:white;
}

#langc a:hover{
	color:white;
	text-decoration:underline;
}

.contenttd{
	background-color: #E9F5DF;
	background-repeat:repeat-x;
	background-image:url('images/bgh.gif');
}

.content_footer{
	background-color:white;
	height: 25px;
}

/* MENUE */

.button{
	height:auto;
	padding: 25px 20px 25px 20px;
	float:left;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: white;
	text-decoration:none;
	text-align:center;
}


.button:hover{
	background-color:#2359B2;
	cursor:pointer;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
	text-align:left;
}

#nav { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
}

#nav li { /* all list items */
	height: 38px;
	float: left;
	width: 200px; /* width needed or else Opera goes nuts */
}

#nav li a {
	margin-top:20px;
	display: block;
	height: 30px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: white;
	text-decoration:none;
	text-align:center;
	width: 200px;
}

#nav li ul { /* second-level lists */
	line-height:1;
	width: 150px;
	position: absolute;
	background-color:#2359B2;
	cursor:pointer;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left: 25px;
}

#nav li:hover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left: 25px;
}

#nav li ul li{
	margin: 0px;
	height: auto;
	padding: 0px;
	width: 150px;
}

#nav li ul li a{
	margin: 0px;
	height: auto;
	width: 150px;
	padding:10px 0px 10px 0px;
	border-bottom: 1px #2864C6 solid;
}

#nav li ul li a:hover{
	background-color: #3F77D3;
	font-weight:normal;
	width: 150px;
}

/* LIST */

.list li{
	list-style-image:url('images/kug.gif');
	margin: 6px 0 6px;
}

.list li a:hover{
	background-color:#E6EFDD;
}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/
#banner{display:none;}
#menue{display:none;}
#rightcol{display:none;}
#leftcol{display:none;}
#maincol{width:100%; float:none;}
#twocols{width:100%; float:none;}
}