/* CSS Document */

body{position:relative; width:100%; height:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; 
     font-size: 12px; background-color:#FFFFFF; color:#666666;}

a{text-decoration:none; color:#336799; font-weight:bold;}
a:link{text-decoration:none; color:#336799;}
a:active{text-decoration:none; color:#336799;}
a:visited{text-decoration:none; color:#336799;}
a:hover{text-decoration:none;	color:#336799;}

h1{padding:0px; margin:0px; margin-bottom:10px; font-size:18px; color:#666666; margin-top:0px;}
h2{padding:0px; margin:0px; margin-bottom:10px; font-size:14px; color:#666666; margin-top:10px;}
h3{padding:0px; margin:0px; margin-bottom:10px; font-size:13px; color:#666666; margin-top:10px;}

p{line-height:18px; margin-top:8px; margin-bottom:8px; color:#666666; xclear:both;}
td{font-size:12px; line-height:16px; color:#333333;}
ul{line-height:18px; margin-top:6px; margin-bottom:6px; margin-left:20px; padding:0px; xcolor:#000000;}
li{line-height:18px; margin-top:3px; margin-bottom:3px; xcolor:#000000;}
hr{border: 0px; border-top: solid 1px #1C3A6A;}
form{margin:0px; padding:0px;}

.extcontent{font-size: 12px;}


#position{position:absolute; margin-left:50%; left:-490px; width:980px; min-height:100%;}

/*header*/
#header {
	position: relative;
	float: left;
	width: 980px;
	height: 220px;
	background-color: #FFF;
}
#headerLeft, #headerRight {
	float: left;
	width: 439px;
	height: 185px;
	background-color: #555;
	position: relative;
}
#headerRight {
	margin-left: 2px;
	width: 539px;
	background-color: #777;
}
#headerLeft img, #headerRight img {
	position: absolute;
	z-index: 1;
}
#headerLeft img.active, #headerRight img.active {
	z-index: 3;
}



#sprachschalter {
	z-index:20;
	position:absolute;
	top:10px;
	left:855px;
	height:15px;
	width:105px;
	background-color:#FFF;
	padding:10px;
}
#suchbutton {
	position:absolute;
	z-index:20;
	left:880px;top:164px;height:19px;width:75px;
	border:2px solid white;
	color:#FFF;
	background-color:#1C3A6A;
	padding-left:5px;padding-top:1px;
	line-height:19px;
	font-weight:bold;
	background-image:url('../images/lupeblau.png');  
 	background-repeat:no-repeat; background-position: 57px 0px;
 	cursor:hand;cursor:pointer;
	}


#suchfeld {
	position:absolute;
	display:none;
	z-index:20;
	left:720px;top:111px;height:77px;width:250px;
	border:0px solid white;
	color:#FFF;
	background-color:#ddd;
	padding-left:10px;
	line-height:19px;
	font-weight:bold;
}

#projektsuche {
	position:relative;
	width:100%;height:290px;
	background-color:#336799; color:#fff;
}

#projektsuche h2 {color:#fff; padding:10px 10px 0;}
#projektsuche p {color:#fff; padding:0 10px;margin-top:0;font-size:12px;line-height:15px}
#projektsuche .kleinp {font-size:10px;margin-top:10px}

.suchtreffer 	{cursor:hand;cursor:pointer;border-bottom:0px solid #F1F2F5}
.hell 			{background-color:#F8F9FA}
.dunkel 		{background-color:#F1F2F5}


/*haupt navigation*/
#main_navi {
	position: absolute;
	left: 0px;
	top: 135px;
	width: 790px;
	height: 30px;
	background-image: url('../images/naviBg.png');
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 55px;
	padding-left: 190px;
	z-index: 10;
	

}
#main_navi a{text-decoration:none; font-weight:bold;}
#main_logo{position:relative; float:left}
#main_lang {
	padding-top: 8px;
	padding-left: 5px;
}

.main_navi_erster{position:relative; float:left; cursor:pointer; font-size:11px; padding-left:5px; padding-right:5px; margin-top:8px;}
.main_navi_erster a{color: #FFF;}
.main_navi_weitere{border-left:1px solid #FFFFFF; color:#FFF;}
.main_navi_weitere a{color: #FFF;}
.main_navi_aktiv{border-left:1px solid #FFFFFF; color:#999;}
.main_navi_aktiv a{color:#999;}
.main_navi_ersteraktiv{color:#999;}
.main_navi_ersteraktiv a{color:#FFF;}



/* Seiten einteilung */
#main_subnavi{position:relative; float:left; width:100%;height:18px;background-color:#486087;padding:0;padding-top:2px;text-align:right;}
#main_subnavi a{color:#fff;font-size:11px;font-weight:heavy;margin-top:3px;margin-left:9px;padding-right:10px}
#main_right-space{position:relative;float:right;height:18px;width:50px}

#main_stage{position:relative; float:left; width:100%;}


#content{position:relative; float:left; margin-left:20px; margin-top:12px}
.content1{width:700px;}

#service{position:relative; float:left; margin-left:20px; margin-top:12px}
.service1{width:240px; background-color:#E3E3E3}
#service_news{position:relative; float:left; background-color:#E3E3E3}
.service_news{ position:relative; float:left; width:230px; margin-left:5px; padding-top:10px; padding-bottom:10px; border-top:1px solid #B3B3B3}
.service_news_erster{border:none}
.service_news p{margin-top:0px; margin-bottom:0px}
#service_news_alle{position:relative; float:left; width:230px; padding:5px; margin-left:0px; padding-top:15px; padding-bottom:15px; margin-top:0px; background-color:#1C3A6A; text-align:center; font-weight:bold}

/*die box im content bereich */
#content_box{position:relative; float:left; width:100%; background-color:#96B7CF}
#content_box img{position:relative; float:left}
#content_box_items{position:relative; float:left; width:288px; margin:1px; margin-bottom:0px}
.content_box_item{ position:relative; float:left; width:100%; height:74px; background-color:#6695B3; margin-bottom:1px}
.content_box_item_aktiv{ position:relative; float:left; width:100%; height:74px; background-color:#004E80; margin-bottom:1px}
.content_box_text{position:relative; float:left; margin-left:15px; margin-right:15px; margin-top:5px; color:#FFFFFF}
.content_box_text p{margin:0px; color:#FFFFFF; line-height:14px}
.content_box_pfeil{ position:absolute; right:5px; bottom:5px; color:#FFFFFF; font-weight:bold}




/* portlets */
/* 100% breite */
#portletcontainer100 {position:relative; width:580px; height:160px;margin-top:9px; border-bottom:1px solid #000}
#portletcontainer100 img {position:absolute;left:0px;top:0px; margin-left:0px; margin-top:0px}
.portlet100 {position:absolute; left: 190px;  background-color:#fff}
.portlet100 p {margin-top:0}
.portletweiter100 {position:absolute;left:0px;top:130px}

/* 350px breit, FANCY, bild im background */
#portletcontainerEvents {position:relative; float:left; width:350px; height:145px;margin-top:9px; margin-right:20px;}
.portletEvents {position:absolute; top:5px;left: 190px; width:150px }
.portletEvents p {margin-top:0;color:#FFF}
.portletEvents a {text-decoration: none; font-weight:bold;color: #FFF;}
.portletweiterEvents {position:absolute;left:90px;top:115px}

/* 355px breit, bild separat */
#portletcontainerST {position:relative; float:left; width:355px; height:160px;margin-top:9px; margin-right:20px;border-top:1px solid #000}
#portletcontainerST img {position:absolute;left:0px;top:10px; margin-left:0px; margin-top:0px}
.portletST {position:absolute; left: 180px; top:10px; width:170px; }
.portletST p {margin-top:0;margin-left:5px;font-size:11px;line-height:12px;}
.portletweiterST {position:absolute;left:110px;top:130px}

/* 280px breit, Startseite, grau bild separat */
#portletcontainerHome {position:relative; float:left; width:343px; height:150px;margin-top:9px; margin-right:5px; background-color:#D9D9D9}
#portletcontainerHome img {position:absolute;left:10px;top:10px; margin-left:0px; margin-top:0px}
.portletHome {position:absolute; left: 120px; top:10px; width:170px; }
.portletHome p {margin-top:0;margin-left:5px;font-size:11px;line-height:12px;}
.portletweiterHome {position:absolute;left:110px;top:120px}



#nlstoerer {
	position:relative;
	margin-top:20px;
	width:691px;
	height:57px;
	background-color:#E3E3E3;
	color:#336799;
	nix:#AE1C73;
	

}
#nlsttit {font-size:16px;
	position:relative;
	top:10px; left:10px;
	font-weight:bold;
	padding:0px;
	}
	
#nlstint {font-size:12px;
	position:relative;
	top:0px; left:10px;

	font-weight:normal;
	padding:0px;}
	

#nlstoererlink{
	position:absolute;
	left:497px;
	top:30px;
	height:21px;
	width:194px;
	background-color:#AE1C73;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:6px;
}
#nlstoererlink a {color:#fff;text-decoration:none}

#nlservicelink{
	background-color:#AE1C73;
	width:240px;
	height:20px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:6px;
}
#nlservicelink a {color:#fff;text-decoration:none}




/* teaser */
#teaser {

	margin-top:10px;
	width: 691px;
	height: 300px;
	font-size: 12px;
	line-height: 14px;
	color: #FFF;
	background-color: #999;
}

/* teaser Images */
.teaserImage {
	width: 390px;
	height: 300px;
	float: left;
	background-color: #777;
	position: relative;
}
.teaserImage img {
	position: absolute;
	z-index: 100;
	border: none;
}
.teaserImage a {
	cursor: pointer;
	border: none;
}

/* teaser Text */
.teaserText {
	width: 299px;
	height: 298px;
	float: left;
	border: 1px solid #2B5AA2;
	background-color: #486087;
}
/* teaserTextNews height for 4 messages 69px
   teaserTextNews height for 3 messages 94px */
.teaserTextNews {
	position: relative;
	width: 294px;
	height: 94px;
	padding-top: 5px;
	padding-left: 5px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2B5AA2;
}
.teaserTextNews.active {
	background-color: #1C3A6A;
}
.last {
	border: 0px;
}
#teaser h2 {
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}
.touch {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: block;
	width: 55px;
	height: 99%;
}
.arrow {
	position: absolute;
	right: 10px;
	bottom: 5px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}



/* die boxen mit den b�chern unten im content bereich */
#book_boxen{position:relative; float:left; width:100%; margin-top:9px}
#book_box01{position:relative; float:left; width:385px; height:145px; background-color:#D9D9D9}
#book_box01 img{position:relative; float:left; margin-left:5px; margin-top:5px}
#book_box01 div{position:relative; float:left; margin-left:10px; margin-top:5px; width:265px}
#book_box01 p{margin:0px; color:#000000}
#book_box02{position:relative; float:left; width:293px; height:145px; background-color:#D9D9D9; margin-left:2px}
#book_box02 img{position:relative; float:left; margin-left:5px; margin-top:5px}
#book_box02 div{position:relative; float:left; margin-left:10px; margin-top:5px; width:165px}
#book_box02 p{margin:0px; color:#000000}


/**************************** template 2 styles ********************************/
#bereich_titel{position:relative; float:left; width:158px; font-weight:bold; height:25px; padding-top:10px; padding-left:10px; 
background-color:#838383; color:#FFFFFF;TEXT-TRANSFORM: uppercase;border-bottom:1px solid #FFF}

#sub_navi{position:relative; float:left; width:170px; margin-left:20px; margin-top:12px; background-color:#F0F0F0; color:#000000}



.sub_navi01{position:relative; float:left; width:155px; font-weight:bold; padding:3px; padding-left:10px; border-bottom:1px solid #ddd}
.sub_navi01_aktiv {position:relative; float:left; width:155px; font-weight:bold; padding:3px; padding-left:10px; background-color:#838383; color:#FFFFFF; }
.sub_navi01_grau{position:relative; float:left; width:155px; font-weight:bold; padding:3px; padding-left:10px; background-color:#838383; color:#FFFFFF;}

.sub_navi02{position:relative; float:left; width:145px; padding-left:20px; background-image:url('../images/menubullet1.gif');  
 background-repeat:no-repeat; background-position: 10px 9px;background-color:#ddd; padding-right:3px; padding-top:3px; padding-bottom:3px}
 
.sub_navi02_aktiv {position:relative; float:left; width:145px; padding-left:20px; background-image:url('../images/menubullet1.gif'); 
 background-repeat:no-repeat; background-position: 10px 9px; background-color:#838383; color:#FFFFFF; padding-right:3px; padding-top:3px; padding-bottom:3px}


.sub_navi03{position:relative; float:left; width:135px; padding-left:30px; background-image:url('../images/menubullet1.gif');  
 background-repeat:no-repeat; background-position: 20px 9px;background-color:#ddd; padding-right:3px; padding-top:3px; padding-bottom:3px}
 
.sub_navi03_aktiv {position:relative; float:left; width:135px; padding-left:30px; background-image:url('../images/menubullet1.gif'); 
 background-repeat:no-repeat; background-position: 20px 9px; background-color:#838383; color:#FFFFFF; padding-right:3px; padding-top:3px; padding-bottom:3px}

.sub_navi03_magenta {position:relative; float:left; width:135px; padding-left:30px; background-image:url('../images/menubullet1.gif'); 
 background-repeat:no-repeat; background-position: 20px 9px; background-color:#AE1C73; color:#FFFFFF; padding-right:3px; padding-top:3px; padding-bottom:3px}
.sub_navi03_aktiv_magenta {position:relative; float:left; width:135px; padding-left:30px; background-image:url('../images/menubullet1.gif'); 
 background-repeat:no-repeat; background-position: 20px 9px; background-color:#AE1C73; color:#FFFFFF; padding-right:3px; padding-top:3px; padding-bottom:3px}

.sub_navi04{position:relative; float:left; width:125px; padding-left:40px; background-image:url('../images/menubullet1.gif');  
 background-repeat:no-repeat; background-position: 30px 9px;background-color:#ddd; padding-right:3px; padding-top:3px; padding-bottom:3px}
 
.sub_navi04_aktiv {position:relative; float:left; width:125px; padding-left:40px; background-image:url('../images/menubullet1.gif'); 
 background-repeat:no-repeat; background-position: 30px 9px; background-color:#838383; color:#FFFFFF; padding-right:3px; padding-top:3px; padding-bottom:3px}

.sub_navi01 a, .sub_navi01 a:visited {text-decoration: none; color: #000;font-weight:bold}
.sub_navi01_grau a, .sub_navi01_grau a:visited {text-decoration: none; color: #000;font-weight:bold}

.sub_navi02 a, .sub_navi02 a:visited {text-decoration: none; color: #000;font-weight:normal}
.sub_navi03 a, .sub_navi03 a:visited {text-decoration: none; color: #000;font-weight:normal}
.sub_navi03_magenta a, .sub_navi03_magenta a:visited {text-decoration: none; color: #fff;font-weight:normal}
.sub_navi04 a, .sub_navi04 a:visited {text-decoration: none; color: #000;font-weight:normal}


.sub_navi01 a:hover {background-color:#838383; color:#FFFFFF; }
.sub_navi01_grau a:hover {background-color:#838383; color:#FFFFFF}

.sub_navi02 a:hover, .sub_navi03 a:hover, .sub_navi04 a:hover {background-color:#838383; color:#FFFFFF}

.submenuhover{background-color:#838383; color:#FFFFFF}




.content2{width:570px}


.service2{width:160px; padding-left:10px;min-height:700px;border-left:0px solid #000}

/* bilder rechts */
.service_bild{position:relative; float:left; width:100%; margin-bottom:10px;border-bottom:1px solid #000}
.service_bild_text{position:absolute; left:0px; bottom:0px; height:22px; width:100%; background-color:#FFFFFF; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; color:#00517B; line-height:22px; text-align:center; font-weight:bold}



/**************************** template 3 styles ********************************/
.content3{width:750px}


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxuw_rQOTGi-AJs5XCWaKIhU.woff) format('woff');
}

#backlink {
	color:#fff;
	font-size:12px;
	font-family:'Open Sans',Arial,sans-serif;
	position:fixed;
	top:5px;
	left:5px;
	text-shadow:0 1px 1px #000;
	text-decoration:none;
}
/*
body {
	position: relative;
	-webkit-overflow-scrolling: touch;
}

#slides.slides img.img {
	margin-top: 140px;
}

#slides.slides {
	padding-top: 50px;
	height: 4000px;
}

#slides.slides article {
  display: block;
  position: relative;
  width: 897px;
  height: 768px;
  margin: auto;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
}

#slides.slides div {
 	text-align: center;
 	font-family:'Open Sans',Arial,sans-serif;
}
*/
h5 {
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 20px;
	font-weight: normal;
	font-size: 13px;
}
h4 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	line-height: 20px;
}

#slides article .leftText {
	text-align: left;
	padding-top: 30px;
	padding-right: 20px;
}

#slides article .rightText {
	position: absolute;
	top: 670px;
	right: 20px;
	text-align: right;
}

.slidesjs-pagination {
	display: none;
}

.slidesjs-previous {
	display: block;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -650px;
	width: 200px;
	height: 760px;
	z-index: 20;
	outline: none;
}

.slidesjs-next {
	display: block;
	position: absolute;
	top: 50px;
	right: 50%;
	margin-right: -650px;
	width: 200px;
	height: 760px;
	z-index: 20;
	outline: none;
}

nav {
	position: fixed;
	width: 100%;
	height: 35px;
	background: #243082;
	font-family:'Open Sans',Arial,sans-serif;
	z-index: 500;
	padding-top: 5px;
	text-align: center;
}

nav label {
	color: #fff;
}

nav input {
	height: 20px;
	width: 30px;
	font-size: 14px;
	text-align: center;
	font-family:'Open Sans',Arial,sans-serif;
}

nav button {
	height: 27px;
	font-size: 14px;
	margin-left: 5px;
}

@media only screen and (device-width: 768px) {
 	.slidesjs-control {
		z-index: 30;
	}
}