@charset "UTF-8";
/* CSS Document */
ul,
ol {
list-style:none;
padding:0px;
margin:0px;
}


/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Google Android
 * @vendorurl:  http://code.google.com/android/
 * @licenseurl: http://www.fontsquirrel.com/license/Droid-Sans
 *
 *
 */


@font-face {
	font-family: 'DroidSansRegular';
	src: url('DroidSans.eot');
	src: local('Droid Sans Regular'), local('DroidSans'), url('DroidSans.woff') format('woff'), url('DroidSans.ttf') format('truetype'), url('DroidSans.svg#DroidSans') format('svg');
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold.eot');
	src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('DroidSans-Bold.woff') format('woff'), url('DroidSans-Bold.ttf') format('truetype'), url('DroidSans-Bold.svg#DroidSans-Bold') format('svg');
}



body  {
	font-size:13px;
	margin: 0 auto;
	padding: 0px;
	font-family: "DroidSansRegular", sans-serif;
	color:#fff;
	width:auto;
	height:auto;
	line-height:18px;
	}

b, strong { 
	font-family: "DroidSansBold", sans-serif;
}
	
	p {
	padding-top:10px;
	}
	


h1 {
	text-align:left;
	font-weight:norlismal;
	padding:0px;
	margin:0px;
	margin-bottom:8px;
	margin-top:10px;
	
}

h2 {
	color:#ffcc00;
	font-weight:normal;
	line-height:23px;
	padding:0px;
	margin:0px;
margin-bottom:15px;
	
}

h3 {
	font-weight:bold;
	font-size:98%;
	padding:0px;
	margin:0px;
	margin-top:20px;
	
}

h4{
	font-weight:bold;
	color:#ffcc00;
	letter-spacing:0.07em;
	padding:0px;
	margin-bottom:2px;
	
}

h5{
	color:#ffcc00;
	padding:0px;
	margin:0px;
	margin-top:20px;

	
}

a:link,
a:visited {
color: #ffcc00;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #ffcc00;
text-decoration: underline;
}

img {
	border:none;
}

/*------------------------Layout-----------------------------
----------------------------------------------------------------*/

#container1 {
	width: 100%;
	height:auto;
	background:url(../images/header.jpg) repeat-x;
	background-position: center top;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}

#container0 {
	width: 100%;
	height:auto;
	background:url(../images/header.jpg) repeat-x;
	background-position: center top;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}

.grafik {
	width:335px;
	height:273px;
	float:left;
	overflow: visible;
	z-index: 1;
	position: absolute;
	visibility: visible;
}

#header {
	width: 969px;
	height:328px;
	margin: 0 auto;
	padding: 0px;
	overflow: visible;
	position:relative;
}
#header0 {
	width: 969px;
	height:150px;
	margin: 0 auto;
	padding: 0px;
	overflow: visible;
	position:relative;
}

.menu_b{
	width:88px;
	height:30px;
	margin-left:881px;
	margin-top:308px;
	position:absolute;
}

.logo {
	width:285px;
	height:88px;
	float:right;
	padding-top:10px;
}


#container2 {
	width: 100%;
	height:auto;
	margin-top: -15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 20px;
	background:url(../images/container.jpg) #0069b5 repeat-x;
	background-position: center top;
}

#wrapper {
	width: 969px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 20px;
}

.contentpaneopen{
width: 100%;
padding:0;
margin:0;
}

.contentpaneopen .contentpaneopen{
float:left;
padding:0;
margin:0;
width: 0px;
}


#menu {
width:160px; 
height:auto;
float:left;
font-weight:bold;
text-transform:uppercase;
font-size:16px;
margin-top:90px;
margin-left:345px;
position:absolute;
}

#menu0 {
width:160px; 
height:auto;
float:left;
font-weight:bold;
text-transform:uppercase;
font-size:16px;
margin-top:90px;
margin-left:345px;
position:absolute;
}


#mainContent{
	width: 457px;
	height:auto;
	padding-right:20px;
	padding-left:60px;
	padding-top: 30px;
        margin-left:432px;
       

}

#mainContent ul{
list-style-type:disc;
margin:5px;
margin-left:15px;
list-style-position:outside;
}
#mainContent li{
margin-top:5px;
}
#mainContent ol{
list-style-type:decimal;
margin:5px;
margin-left:20px;
list-style-position:outside;
}

#sidebarLeft{
width:372px;
height:auto;
padding-top:120px;
padding-bottom:20px;
padding-left:60px;
float:left;
}



#sidebarLeft ul li{
border-bottom:1px solid #fff;
line-height:1.5em;
}

.grafik2 {
	width:314px;
	height:auto;
	border:1px solid #fff;
}

.plogo{
padding-top:40px;
}

.pdf {
	width:37px;
	height:auto;
	padding:0px;
	margin:0px;
	float: left;
}

.clearfloat {
clear: both;
}
/*---------------------------Menu-----------------------------------
-----------------------------------------------------------------------*/

ul#menu {
  width: auto;
  height: auto;
}

#hdMenu {
height: auto;
position: relative;
}

#hdMenu0 {
height: auto;
position: relative;
}

ul.menu_i li {
  position: relative;

  margin-bottom: 5px;
  width:150px;
}

ul.menu_i li a,
ul.menu_i li a:link,
ul.menu_i li a:visited {
  text-decoration: none;
  display: block;
  width: 150px;
  padding-left:0px;
  padding-bottom:3px;
  padding-top: 3px;
 color:#0168b2;
}


ul.menu_i li a:hover,
ul.menu_i li a:focus {
color:#0168b2;
text-decoration: underline;
}

#hdMenu0 ul.menu_i li {
	display: none;
}
#hdMenu0 ul.menu_i li.active{
	display: block;
}


/* SubMenu ------------------------------------------------------------------------------- */

ul.menu_i ul{
	display: visible;
	position: absolute;
	top: -90px;
	left: 160px;
	width: 220px;
	font-weight:normal;
	font-size:14px;
	text-transform:none;
	border-left:1px solid #0168b2;
	text-align:left;
	height:auto;
}
#hdMenu0 ul.menu_i li ul li {
	display: none;
}
#hdMenu0 ul.menu_i li ul li.active {
	display: block;
}
#hdMenu0 ul.menu_i li ul{
	top:0px;
}


li:hover ul.menu_i ul,
li.over ul.menu_i ul {
  display: block;
}

ul.menu_i ul li {
  margin-left:10px;
  width:205px;
}

ul.menu_i ul li a:link,
ul.menu_i ul li a:visited {
  padding: 0px 0 3px 5px;
  width: 200px;
  /*background:red;*/
}

ul.menu_i ul li a:active {
  color: #0168b2;
  border-bottom:none;
} 

ul.menu_i ul li a:hover {
  color: #0168b2;
  text-decoration:none;
  font-weight:bold;
}

/* SubsMenu ------------------------------------------------------------------------------- */

ul.menu_i li ul li ul {
  display: visible;
  position: absolute;
  top: -90px;
  left: 220px;
  width: 200px;
  font-size:14px;
text-transform:none;
border-left:1px solid #0168b2;
text-align:left;
height:auto;
}

#hdMenu0 ul.menu_i li ul li ul li {
	display: none;
}
#hdMenu0 ul.menu_i li ul li ul li.active {
	display: visible;
}

li:hover ul.menu_i li ul li ul,
li.over ul.menu_i li ul li ul {
  display: block;
}

ul.menu_i li ul li ul li {
  width:185px;
}

ul.menu_i li ul li ul li a:link,
ul.menu_i li ul li ul li a:visited {
  padding: 0px 0 3px 5px;
  width: 180px;
}

ul.menu_i li ul li ul li a:active{
  color: #0168b2;
} 

ul.menu_i li ul li ul li a:hover {
  color: #0168b2;
  text-decoration:none;
  font-weight:bold;
}

/* Menu Aktiv ----- */

ul li.active {
border-bottom:dotted 1px;
border-color:#0168b2;
font-weight:bold;
}

ul li ul li.active {
	border-bottom:dotted 1px;
border-color:#0168b2;
font-weight:bold;
}

ul li ul li.active ul li {
	font-weight: normal;

}
ul li ul li ul li.active {
	border-bottom:dotted 1px;
border-color:#0168b2;
font-weight:bold;
}




/* Footer ------------------------------------------------------------------------------- */

#footercontainer {
	background-color: #FFF;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	height: 50px;
	float: left;
}



 #footer {
	 color:#888;
	width:969px;
	height:46px;
	font-size:11px;
	padding-top:20px;
	margin-right: auto;
	margin-left: auto;
}
 .fl{
width:auto;
height:19px;
float:left;
padding-left:60px;
}

.fr{
width:auto;
float:right;
}

/* klappmenu ------------------------------------------------------------------------------- */


/*
ul.subMenu.klappmenu  {
	display: visible;
	position: absolute;
	top: 6px;
	left: 160px;
	width: 220px;
	font-weight:normal;
	font-size:14px;
	text-transform:none;
	border-left:1px solid #0168b2;
	text-align:left;
	height:auto;
}

.switcher{
	width:88px;
	height:30px;
margin-left:881px;
margin-top:130px;
position:absolute;
}*/

/* JOBS---------------------------------------------------------------------------------- */
#mainContentjobs{
	width: 567px;
	height:auto;
	float:right;
	padding-right:20px;
	padding-left:60px;
	padding-top: 30px;
}

#sidebarLeftjobs{
width:240px;
height:auto;
padding-top:120px;
padding-bottom:20px;
padding-left:60px;
float:left;
}

#sidebarLeftjobs h3 {
color:#FFCC00;
font-weight:bold;
letter-spacing:0.07em;
margin:0;
padding:0;
border-bottom:1px solid #fff;
line-height:1.5em;
font-size:16px;
}

#sidebarLeftjobs h4 {
color:#FFCC00;
font-weight:bold;
letter-spacing:0.07em;
margin:0;
padding:0;
line-height:1.5em;
}

#sidebarLeftjobs ul{
list-style-type:disc;
margin:5px;
margin-left:15px;
list-style-position:outside;
}
#sidebarLeftjobs li{
margin-top:5px;
}

.jobs{
border-bottom:1px solid #fff;
margin-top:20px;
}

.jobs h1{
color: #ffcc00;
padding-top:20px;
line-height:35px;
}

/* NEWS---------------------------------------------------------------------------------- */

#mainContentnews{
	width: 567px;
	height:auto;
	float:right;
	padding-right:20px;
	padding-left:60px;
	padding-top: 30px;
}




#sidebarLeftnews{
width:240px;
height:auto;
padding-top:120px;
padding-bottom:20px;
padding-left:60px;
float:left;
}

#sidebarLeftnews h3 {
color:#FFCC00;
font-weight:bold;
letter-spacing:0.07em;
margin:0;
padding:0;
border-bottom:1px solid #fff;
line-height:1.5em;
}

#sidebarLeftnews ul li{
border-bottom:1px solid #fff;
line-height:1.5em;
}

.news{
border-bottom:1px solid #fff;
margin-top:20px;
}

.news h1{
color: #ffcc00;
padding-top:20px;
line-height:35px;
}

.datum{
	height:auto;
	margin-bottom:20px;
	border-bottom: 1px solid #fff;
}

.kategorie{
	text-align:right;
	width:120px;
	float:right;
	font-style:italic;
}

.links{
	margin-top:10px;	
	border-bottom: 1px solid #fff;
	
}

.back{
	width:100px;
	float:right;
	text-align:right;
}

.picture{
	width:200px;
	height:auto;
	float:right;
	margin-left:20px;
	margin-top:20px;
	border:1px solid #fff;
}

.picturebox{
	width:100%;
	height:auto;
	float:left;
}

#picturek.one{
	width:90px;
	height:auto;
	float:left;
	margin-top:10px;
	border:1px solid #fff;
	margin-bottom:10px;
	
}


.picturek{
	width:90px;
	margin-left:26px;
	height:auto;
	float:left;
	margin-top:10px;
	border:1px solid #fff;
	margin-bottom:10px;
}

/* Services---------------------------------------------------------------------------------- */

#mainContentservices{
	width: 949px;
	height:auto;
	min-height:780px;
	padding-top: 120px;
	padding-left:20px;
	float:left;
	background-image:url(../images/mainContentservices.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:0px;
	padding-bottom:0px;
}

#mainContentservices h1{
	padding-left:40px;
}

#mainContentservices h3{
	padding-left:40px;
}



.boxg{
	width:646px;
	float:left;
	padding-top:40px;
	padding-left:20px;
}

.boxgl{
	width:283px;
	float:left;
	padding-right:20px;
	padding-left:20px;
}

.boxgl li{
	list-style:circle;
}

.boxgr{
	width:253px;
	float:right;
	padding-left:45px;
	padding-right:25px;
}

.boxgr li{
	list-style:circle;
}

.boxk{
	width:253px;
	float:right;
	padding-top:40px;
	padding-left:20px;
	padding-right:10px;
}

.boxk li{
	list-style:circle;
}

.liste{
	padding-left:15px;
	padding-top:20px;
}

.liste li{
	padding-top:10px;
}

/* Kontaktformular---------------------------------------------------------------------------------- */



#mainContentkontaktf{
	width: 949px;
	height:auto;
	padding-top: 50px;
	padding-left:0px;
	margin-left:0px;
	float:right;
	margin-bottom:0px;
	padding-bottom:0px;
}



#ChronoContact_contact_form{
	width:350px;
	margin-left:350px;
}

input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .fieldWithErrors input.LV_invalid_field, .fieldWithErrors textarea.LV_invalid_field {
border:1px solid #ffcc00;
}

.LV_validation_message.LV_invalid{
color:#ffcc00;
font-size:9px;
margin-left:-20px;
}

.chronoform{
	width:335px;
	margin-left:350px;
        font-size:0.5em;
        text-align:right;
} 


.form_element cf_textarea{
	color:blue;
}

.form_element{
	border-bottom:1px solid;
	border-bottom-color:#ffcc00;
	padding:2px;
	margin-top:2px;
	padding-bottom:10px;
}

.cf_inputbox {
	float:right;
	background-color:transparent;
	color:#ffcc00;
	font-weight:bold;
	font-size:12px;
	border:1px solid #fff;
	padding:3px;
}

.cf_textarea {
	padding-bottom:10px;
	font-family: "DroidSansRegular", sans-serif;
}

textarea.cf_inputbox {
	font-family: "DroidSansRegular", sans-serif;
	font-weight:normal;
	font-size:14px;
	border:1px solid #FFF;
	padding:3px;
}

/* Project Partner Logos */
.contentpaneopen .logobox{
	width:100%;
	height:auto;
	float:left;
    margin-top:3px;
}

.contentpaneopen .logok{
	width:120px;
	margin-left:3px;
	height:auto;
	float:left;
	border:0px;
	margin-bottom:3px;
}


/* NEWS---------------------------------------------------------------------------------- */

#mainContentAward{
	width: 567px;
	height:auto;
	float:right;
	padding-right:20px;
	padding-left:60px;
	padding-top: 30px;
}


.award{
border-bottom:1px solid #fff;
margin-top:20px;
}

.award h1{
color: #ffcc00;
padding-top:20px;
line-height:35px;
}

.hidden {
visibility:hidden;
}

.page-header {
	display:none;
}