@charset "utf-8";
/* CSS Document */
body {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: left;
	color:#202020;
}

* {
margin:0;
padding:0;
}

img, fieldset{ border:none;}

br.clear{
clear:both;
line-height:0;
}
/* PAGE STYLES */

a{
color:#009cdd;
text-decoration:none;
}

p{
margin-bottom:10px;	
}

h4{
color:#009cdd;
font-size:16px;
margin-bottom:10px;
}

h5{
color:#009cdd;
font-size:11px;
margin-bottom:10px;
font-weight:bold;
}

div#headerbg{
position:absolute;
top:0;
left:0;
height:100px;
margin:0 auto;
width:100%;
z-index:0;
}

div#hlft{
 	background-color:#fff;
	 height:123px;
	 width:49%;
	 float:left;
}

div#hrgt{
	float:right;
	background-color:#009cdd;
	 height:123px;
	 width:49%;
}

div#wraper{
margin:0 auto;
width:1003px;
min-height:300px;
z-index:1;
position:relative;
}

div#header{
position:relative;
height:155px;
width:1003px;
}

div#logo{
	height:100px;
	width:200px;
	background-color:#FFF;
	top:0;
	left:20px;
	position:absolute;
	padding-top:30px;
}


div#bluebar{
	background-color:#009cdd;
	position:absolute;
	top:0;
	left:273px;
	height:123px;
	width:400px;
}
div#tools{
position:absolute;
top:25px;
right:0;
color:#FFF;
}

div#tools a{
color:#FFF;
text-decoration:none;
font-size:11px;
}

div#tools a:hover{
text-decoration:underline;
}

div#menu{
position:absolute;
top:90px;
left:323px;
}


div#menu #nav{
	position:relative;
	height:64px;
	width:682px;
}

div#menu #nav a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

div#menu #nav ul#menuitems li{
	float:left;
	height:33px;
	list-style-type:none;
	margin-left:40px;
}

div#menu #nav ul#menuitems li:first-child{
	margin-left:0;
}

div#menu #nav ul#menuitems li .selected-left{
	background:transparent url(../images/nav_left.png) no-repeat scroll left bottom;
	height:33px;
	width:6px;
	float:left;
}

div#menu #nav ul#menuitems li .selected{
	float:left;
	background:#FFF;
	height:23px;
	padding-top:10px;
}
div#menu #nav ul#menuitems li .selected a{
	color:#009cdd;
	padding:3px 6px;
}

div#menu #nav ul#menuitems li .selected-right{
		background:transparent url(../images/nav_right.png) no-repeat scroll left bottom;
	height:33px;
	width:6px;
	float:left;
}

div#menu #nav ul#menuitems li .unselected{
		padding-top:10px;
}

div#menu #nav ul#menuitems li .unselected a{
	color:#009cdd;
	padding:3px 6px;
	color:#FFF;
	font-weight:normal;
}


div#menu #nav ul#menuitems li .unselected a:hover{

}

div#menu #nav ul#menuitems li .submenu{
	position:absolute;
	top:33px;
	left:-50px;
	width:731px;
	height:31px;
	background:transparent  url(../images/submenu.jpg) no-repeat scroll left bottom;
padding-left:50px;
display:none;
}

div#menu #nav ul#menuitems li .current{
display:block;	
}

div#menu #nav ul#menuitems li ul.sublist{

}

div#menu #nav ul#menuitems li ul.sublist li{
	min-width:40px;
	text-align:left;
}

div#menu #nav ul#menuitems li ul.sublist li a{
color:#FFF;
font-weight:normal;
display:block;
margin-top:10px;
}

div#menu #nav ul#menuitems li ul.sublist li a.slselected{
color:#FFF;
font-weight:bold;
}

div#menu #nav ul#menuitems li ul.sublist li a:hover{

}


#main-content{
	
}

#content{
	margin:20px 0;
	min-height:300px;
}

.xxl-panel{
	width:1003px;
	height:337px;
background:transparent  url(../images/largepanel.jpg) no-repeat scroll left bottom;
position:relative;
margin-bottom:20px;
}

.xxl-panel .xxl-text{
	width:370px;
	padding:30px 20px;
	font-size:20px;
}

.xxl-panel .xxl-text h3{
	color:#009cdd;
	font-size:24px;
	margin-bottom:25px;
}

.xxl-panel .xxl-text p{
margin-bottom:20px;	
color:#202020;
}


.xxl-panel .xxl-image{
	position:absolute;
	right:0;
	top:1px;
}

.xxl-button a{
color:#202020;
}

.xxl-button{
background:transparent  url(../images/button-large.png) no-repeat scroll left bottom;	
width:290px;
height:32px;
padding:7px 10px 0 10px;
text-align:center;
}

.xxl-button:hover{
background:transparent  url(../images/button-large-hover_03.png) no-repeat scroll left bottom;	
}

.fltleft{
float:left;	
}

#cube{
position:relative;
top:10px;
left:-30px;
}

.med-panel{
	background:transparent  url(../images/medpanel.jpg) no-repeat scroll left top;
	width:623px;
	min-height:228px;
	margin-right:20px;
	padding:20px;
	line-height:17px;
}

.med-panel h2{
margin-bottom:20px;
color:#009dde;
}

.med-panel p{
margin-bottom:20px;	
}

.med-panel li{
list-style-image:url(../images/bullet.png);
margin:0 10px 5px 35px;
}

img.portrait{
float:right;
padding:5px;
border:#b1b0b0 1px solid;
margin:0 5px 20px 20px;
background-color:#FFF;
}

img.portraitlft{
padding:5px;
border:#b1b0b0 1px solid;
margin:0 5px 5px 0px;
background-color:#FFF;
}

.sml-panel{
	background:transparent  url(../images/smlpanel.jpg) no-repeat scroll left bottom;
	width:280px;
	height:227px;
	padding:20px;
	position:relative;
}

.sml-panel .cube{
position:absolute;
bottom:10px;
right:-30px;
}

.sml-panel li{
margin:0 0 5px 20px;
}

p.readmore{
text-align:right;	
font-weight:bold;
}

.sml-imgpannel{
	width:318px;
	margin-left:22px;
}

#first{
margin-left:0;
}

.sml-imgpannel .textimgpannel{
background:#FFF url(../images/gradientbg.jpg)  
repeat-x 0 0;
min-height:98px;
padding:20px;
}


#sidebar{
float:right;
width:320px;
min-height:400px;
}

/*#sidebar img{
float:right;
padding:5px;
border:#b1b0b0 1px solid;
margin:0 5px 20px 20px;
background-color:#FFF;
}*/

#footer{
background:#FFF url(../images/gradientbg.jpg)  
repeat-x top left;
width:963px;
padding:20px;
margin-bottom:20px;
}

#footer li{
float:left;
min-width:150px;
list-style-type:none;
border-left:#009cdd solid 1px;
padding-left:30px;
min-height:100px;
}

#footer li:first-child{
border:none;
padding-left:0;
}

#footer li ul{
margin-top:20px;
}

#footer li li{
float:none;	
border:none;
padding-left:0;
padding-bottom:5px;
min-height:0px;
}

#footer li li a{
font-weight:normal;	
}

#footer a{
color:#202020;
font-weight:bold;
font-size:11px;
}

#footer a:hover{
text-decoration:underline;	
}

/* Kontakt Form */

#content #kontakt{
width:625px;	
}

#kontakt input{
	border:#009CDD 1px solid;
	margin-bottom:15px;
	vertical-align:top;
	padding:2px 0 2px 5px;
	color:#000;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

#kontakt .inputs{
	width:275px;
}

#kontakt .inputslng{
	width:612px;	
}

#kontakt .inputsml{
	width:60px;	
}

#kontakt td.tdright{
	padding-left:55px;
}

#kontakt .ctarea{
	width:610px;
	border:#009CDD 1px solid;
	padding:5px;
	color:#000;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height:150px;
}

#kontakt input.kontaktsubmit{
	float:right;
	border:none;
	margin-top:20px;
	margin-bottom:40px;
}

#content .errors {
color:#CC0000;
font-weight:bold;
margin-bottom:5px;
}
#content .cerrors{
	margin-bottom:15px;
}