/* very basic reset */

p, h1, h2, h3, h4, img {

margin:0;
padding:0;
border:none;
outline:none;

}





body {
	margin:0;
	padding:0;
	background:url(../images-2010/site-bg.gif) top repeat-x #439ed7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	
}


h1 {
	font-size:20px;
	line-height:24px;
	color: #222;
	margin-bottom:12px;
	font-weight:lighter;
}



h2 {
	font-size:16px;
	line-height:22px;
	color: #29648E;
	margin-bottom:12px;
}


h3 {
	font-size:15px;
	line-height:18px;
	color: #29648E;
	margin-bottom:7px;
	font-weight:lighter;
}



h4 {
	
	font-size:12px;
	line-height:15px;
	color: #29648E;
	margin-bottom:0;


	
}





p {
	
	font-size:12px;
	color:#333;
	line-height:20px;
	margin-bottom:12px;
	
}



p.smalltext {
	
font-size:10px;
line-height:14px;
margin-bottom:14px;
	
}



a {
	
	color: #23415A;
	
}

a:hover {
	
	color:#900;
	text-decoration:none;
	
		}


a.orangelink {
	
color:#ee7c08;	
}


a.orangelink:hover {

color:#9d080d;
	
}


a#bloglink {

color:#ee7c08;
display:block;
font-size:12px;
width:100px;
background:url(../images-2010/icon_cimblog.gif) no-repeat left;
line-height:14px;
padding:4px 0 4px 42px;
margin:0 0 12px 0;
	
}

a#videolink {

color:#ee7c08;
display:block;
font-size:12px;
width:100px;
background:url(../images-2010/icon_movie.jpg) no-repeat left;
line-height:14px;
padding:4px 0 4px 42px;
margin:0 0 12px 0;
	
}


a#bloglink:hover, a#videolink:hover {
	
color:#9d080d;

}




hr {
	
height:1px;
border:none;
border-bottom:1px dashed #CCC;
margin:0 0 14px 0;
padding:0;
outline:none;
}


hr.siderule {
	
width:110px;

}



#outerwrapper {

width:980px;
margin:0 auto 8px auto;

}


#header {
	
width:980px;
height:87px;
background:url(../images-2010/header-bg.jpg) no-repeat;
position:relative;

}


#header h1 {
	
width:330px;
height:86px;
}

#header h1 a {
	
display:block;
width:330px;
height:86px;
text-indent:-2000px;
	
}


#head-contact {
	
position:absolute;
top:20px;
right:4px;
width:560px;
height:60px;
color:#fff;
text-align:right;
	
}

#head-contact p {
	
line-height:11px;
color:#fff;
font-size:11px;
	
}


#head-contact a {
	
color:#fff;
text-decoration:none;

}

#head-contact a:hover {

text-decoration:underline;
	
}



/* german flag inside head-contact div */

img#flag {
	
margin-bottom:-3px;
margin-left:3px;
	
}




#contentwrapper {
	
background:#fff;
padding:1px;
overflow:auto;
	
}



/* top nav is inside content wrapper */

ul#topnav {
	
	list-style:none;
	margin:0;
	padding:0;
	padding-bottom:3px;
	background:url(../images-2010/topnav-bg.gif) top repeat-x;
	width:978px;
	height:47px;
	
}


ul#topnav li {
	
margin:0;
padding:0;
float:left;
line-height:20px;

}


ul#topnav li a {
	
display:block;
color:#fff;
padding:12px 21px 12px 21px;
text-decoration:none;
font-size:16px;
background:url(../images-2010/topnav-vrules.gif) right repeat-y;

}

ul#topnav li a:hover {
	background-color: #2A88A9;
}








#maincontent {
	
padding:20px 16px 12px 18px;
overflow:auto;


}



#maincontent ul#boilerplate {
	
	list-style:none;
	
}


#maincontent ul#boilerplate li {
	
	float:left;
	
}


#maincontent ul#boilerplate li a {
	
	font-weight:bold;
	
}



#sidenav {
	
float:left;
width:148px;
padding:4px 20px 0 20px;
	
}

#sidenav a {
	

text-decoration:none;
	
}


#sidenav ul {	

margin:0;
margin-bottom:16px;
padding:0;
list-style:none;
}

#sidenav ul ul {	

margin-bottom:0;

}




#sidenav li {

margin:0 0 4px 0;
	
}



#sidenav li a {
	
padding:0 0 0 14px;
background:url(../images/arrow.gif) left no-repeat;
text-decoration:none;
font-size:11px;
font-weight:bold;
	
}


#sidenav ul ul li a {

background:none;
	
}







#centercolumn {
	
float:left;
width:462px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding:12px 50px 0 50px;
	
}



/* paragraph with three link icons */


p#icons {
	

text-align:center;
	
}

p#icons img {
		
		margin:-7px 38px 0 38px;
	
}




#rightcolumn {
	
float:right;
width:148px;
	
}


#rightcolumn a {
	
text-decoration:none;
	
}






#footer {
	

background:url(../images-2010/footer_rule.gif) top no-repeat;
padding:8px;
padding-bottom:4px;
font-size:11px;
text-align:center;
color:#666;
	
}

#footer a {
		
	color:#666;
	text-decoration:none;
}


#footer a:hover {
	
	color:#900;
	
		}

#footer p {
	

font-size:11px;
color:#666;
}


#footer img {
	
margin-bottom:-3px;

}








/* universal clear class */

.clear {
	
clear:both;
margin:0;
padding:0;
height:1px;
overflow:hidden;
	
}