@charset "utf-8";
* {
	margin:0;
	padding:0;	
}

img {
	border:0;
}

html {
	height:101%;	
}

body  {	
 	font: 76% Verdana, Arial, Helvetica, sans-serif;
  	background: #d4edfc;
  	margin:0;
  	padding-bottom: 20px;
  	text-align: center;
  	color: #000;
}

#container { 
  	width: 818px; 
  	background: #fff url(../img/bg.png) repeat-y top;
	color: #000;
  	margin: 15px auto;
	padding:0;    	
  	text-align: left;		
} 

#top { 
  	background: url(../img/bg-oben.png) no-repeat top; 
  	height:14px;	
	width:818px;	
} 

#header {
	margin:0 15px 30px 17px;
	background: url(../img/header-bg.png) repeat-y top;		
	position:relative;	
}

#skip {		
	position:absolute;
	top:0px;
	left:5px;
	width:250px;
	z-index:100;	
}

#skip a {	
	color: #fff;	
	display:block;
	font-size:1.1em;
	padding:7px;		
}

#skip a:focus, #skip a:active {
	color:#000;
	background-color:#38BFF0;
	position:absolute;
	text-decoration:none;	
}

.hidden {
	position:absolute;
	left:-1000px;
	top:-1000px;
	display:inline;
	height:0;
	width:0;
}

#logo {
 	width:146px;		
	position:absolute;
	bottom:0;
	left:0;	
}

#logo img {
 	padding:3px;
 }
 
#slogan {	
	border-top:2px solid #38BFF0;
	border-bottom:2px solid #38BFF0;	
	margin-left:156px;
	height:12em;
	width:628px;
	position:relative;	
}
 
#slogan h1#slogantext {
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
 	width:58%;
	font-weight: normal;
	font-size:1.5em;	
	color:#38BFF0;
	padding:7px;
}

#slogan p#logotext {
	position:absolute;
	left:0;
	bottom:0;
	text-align:left;
	width:40%;
	color:#38BFF0;
	padding:7px;
	font-size:0.9em;		
}

#maincontainer {
	position:relative;
	width:818px;
}

/*sidebar menu */
 
#sidebar {
  	position:absolute;
	left:17px;
	top:0; 
  	width: 150px;   	
  	padding:0;
	margin:0;
}
	
#sidebar ul {
	list-style: none;
	margin:0;
	font-size:1.0em;
}	

#sidebar ul li {
	padding:0.2em 0; 
}
	
#sidebar a {
	text-decoration: none;
	padding:0.2em 0.8em 0.3em 0.8em;
	display:block;
	color:#38BFF0;
	background-color: #fff;	
}

#sidebar span, #sidebar a.level1active {	
	padding:0.2em 0.8em 0.3em 0.8em;
	display:block;
	color:#000;
	background-color: #38BFF0;		
}

#sidebar  a:hover, #sidebar  a:active, #sidebar  a:focus {
	color:#000;
	background-color: #38BFF0;
}


/* content */

#content {
	position:relative;
	margin: 0 0 0 172px; 
	padding:0.2em 0;	
}
.column {
	width:205px;
	float:left;
	margin-right:7px;
}

.column2 {
	width:410px;
	float:left;
	margin:44px 7px;
}

.column h2 {
	color: #38BFF0;
	font-size:1.1em;
	margin:15px 0 25px 0;
	border-top:2px solid	#38BFF0;
	padding:9px 0 0 0;
}

.column1 h3 {
	color: #38BFF0;
	font-size:1.1em;
	margin:1em 0 0.5em 0;
	padding:0;
}

.column2 h1 {
	color: #38BFF0;
	font-size:1.5em;	
	margin:44px 0 15px 0;
	font-weight:normal;
}

.column2 h2 {
	color: #38BFF0;
	font-size:1.2em;	
	margin:15px 0 15px 0;
	font-weight:normal;
}

#content p.column1, #content div.column1 {
	font-size:1.0em;
	line-height:160%;
	padding-top:15px;
	width:620px;
}

.column2 p {
	font-size:1.0em;
	line-height:160%;
	padding-bottom:15px;
	width:310px;
}

.column2 p.wide {
	width:400px;
}

.column2 p.column3 {
	float:left;
	width:200px;
}

.column ul, .column1 ul {
	font-size:0.9em;	
	padding:0;
	list-style:none;
}


.column ul li, .column1 ul li {
	background: url(../img/list.png) no-repeat 0 0.3em;
	padding: 0 20px 1em 20px;
}

.column1 ul li {
	padding-bottom:0.5em;
}

.column2 ul {
	font-size:1.0em;	
	padding:0 0 15px 16px;
	width:390px;
	line-height:160%;
}

#content a {	
	text-decoration:none;
	color:#000;
	padding:0;
	outline:0;		
}

#content column a, #content .column1 a {
	display:block;	
} 

#content a:hover, #content a:focus, #content a:active {
	color:#000;
	background-color: #38BFF0;
}
#content .column2 a {
	text-decoration:underline;
}
#content .column2 a:hover, #content .column2 a:focus, #content .column2 a:active {
	text-decoration:none;
}

#content .column3 a {
	text-decoration:none;
	font-size:0.9em;	
}

/*footer*/

#footer { 
 	padding:130px 0 60px 0;
 	background: url(../img/bg-unten.png) no-repeat bottom;
	clear:both;	
} 

#footer p {
	margin:0 20px 0 172px;
	font-size:0.9em;	
} 

.clearer {
	clear:both;
	line-height:1px;
	height:1px;	
}