/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; background:url(images/bg.gif) repeat-x top #0098ca }
body {font-size:100%; line-height:18px;}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#333333;	}	
h3 { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	margin-bottom:10px;
}
h4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin-bottom:8px;
}

h5 { font-size: 14px;}

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

a{color:#018eb9; text-decoration:underline} 
a:hover{text-decoration:none}

#content .row1 .link1{color:#333333; font-weight:normal }

#content .row2 .link{color:#fff; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:underline; float:right }
#content .row2 .link:hover{text-decoration:none}

#content .row2 .link2{color:#fff; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:underline;}

#content .row1 ul{list-style:circle; margin:0 0 5px 0; padding:0; }
#content .row1 ul li{ margin-left:20px; }
#content .row1 ul li a{color:#333333; text-decoration: underline; line-height:2.307em; font-weight:normal} 
#content .row1 ul li a:hover { text-decoration:none; }

#content .row1 ol{margin:0; padding:0; list-style-position:inside; font-weight:bold}
#content .row1 ol li{background:none; margin:0; padding:0 0 15px 0; }
#content .row1 ol li a{color:#333333; text-decoration:none; font-weight:normal} 
#content .row1 ol li a:hover { text-decoration:underline; }

#content .row2 ol{margin:0; padding:0; list-style-position:inside; font-weight:bold}
#content .row2 ol li{background:none; margin:0; padding:0 0 15px 0; }
#content .row2 ol li a{color:#fff; text-decoration:none; font-weight:normal} 
#content .row2 ol li a:hover { text-decoration:underline; }

#content .row2 ul{margin:0; padding:0; list-style:none;}
#content .row2 ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:31px; }
#content .row2 ul li a{color:#fff; text-decoration: underline; line-height:2.307em; font-weight:normal} 
#content .row2 ul li a:hover { text-decoration:none; }

#content .row2 .ul li{background:none; margin:0; padding-left:0; }
#content .row2 .ul li a{color:#fff; text-decoration: underline; line-height:2.307em; font-weight:bold} 
#content .row2 .ul li a:hover { text-decoration:none; }


#content .row1 .link-1 { display:block; float:right; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
#content .row1 .link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
#content .row1 .link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:5px 17px 7px 21px; font-style:normal;}
#content .row1 .link-1:hover{ text-decoration:none; color:#000000}

#content .row1 .link-2 { display:block; float:right; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
#content .row1 .link-2 em { display:block; background:url(images/link_left2.gif) no-repeat left top;}
#content .row1 .link-2  b { display:block; background:url(images/link_right2.gif) no-repeat right top; padding:5px 17px 7px 21px; font-style:normal;}
#content .row1 .link-2:hover{ text-decoration:none; color:#000000}

/*header*/
#header .flash, #header2 .flash{ position:relative; margin:0 -40px 0 -49px}
#header3 {
		 margin:0 -40px -25px -16px;
		 position:relative;
}

/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left;}

#page2 #content, #page3 #content, #page4 #content, #page5 #content, #page6 #content, #page7 #content {
	   margin-top:-52px;
}

#content .row1{ color:#333333}
#content .row1 a{ color:#5ea600; text-decoration:underline; font-weight:bold}
#content .row1 a:hover{text-decoration:none}
#content .row1 .title{  margin-bottom:24px}
#content .row1 .title1{  margin-bottom:16px}
#content .row1 .img-left{ float:left; margin:0 20px 16px 0}
#content .row1 .img-left1{ float:left; margin:0 12px 120px 0}
#content .row1 .img-left2{ float:left; margin:0 12px 33px 0}
#content .row1 .img-left3{ float:left; margin:0 7px 33px 0}
#content .row1 .img-indent{ margin:0 0 16px 0}
#content .row1 p{ margin:0 0 17px 0}
#content .row1 .p{ margin:0 0 7px 0}
#content .row1 .p1{ margin:0 0 27px 0}
#content .row1 .p2{ margin:0 0 17px 0}
#content .row1 h4{color:#333333; font-size:1em; margin-bottom:9px;  }
#content .row1 .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}

#content .row2{ color:#fff}
#content .row2 a{ color:#fff; text-decoration:underline; font-weight:bold}
#content .row2 a:hover{text-decoration:none}
#content .row2 .block-contact1 a{ font-weight:normal}
#content .row2 .title{  margin-bottom:38px}
#content .row2 .title1{  margin-bottom:31px}
#content .row2 .img-left{ float:left; margin:0 14px 10px 0}
#content .row2 .img-left1{ float:left; margin:0 14px 30px 0}
#content .row2 .img-indent{ margin:0 0 16px 0}
#content .row2 p{ margin:0 0 17px 0}
#content .row2 .p{ margin:0 0 7px 0}
#content .row2 .p1{ margin:0 0 17px 0}
#content .row2 h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
#content .row2 .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}

#content .indent{padding:58px 0 0 0}
#content .indent1{margin:43px 0 0 0}

/*box*/
.box{ background:#fafeff; width:100%; margin-bottom:5px}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:49px 20px 45px 33px; }
/*box1*/
.box1{ width:100%;}
.box1 .border-top {background:url(images/border_top.gif) repeat-x top;}
.box1 .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top; width:100%;}
.box1 .indent-box{ padding:42px 23px 69px 33px; }


/*footer*/
#footer { 
		color:#9ae0f9; 
		font-size:0.8125em; 
		background:url(images/bot.gif) repeat-x top; 
		text-align:center;
		padding-top:10px;
}
#footer .indent-footer{ padding:15px 0 0 0;}
#footer span {color:#ffffff; font-weight:bold; }  
#footer a {color:#9ae0f9; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

.h{ height:26px}
.block-contact span{ float:right; margin-right:33px}
.block-contact1 span{ float:right; margin-right:60px}
input{
   	border:1px solid #fff; 
	background:#67bddc;
	color:#FFFFFF;
	font-size:11px;
	width:207px; height:18px;
	padding-top:2px;
	padding-left:5px;
}
textarea{
   	border:1px solid #fff; 
	background:#67bddc;
	font-size:11px;
	color:#FFFFFF;
	width:207px; height:111px;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
a.readmore {
	padding-top:50px;
}

#page6 #content .col-1 {
	border: solid 1px #67bddc;
	padding:5px;
}

#page6 #content .col-1 a {
	font-weight:bold;
}

div.jobs {
	border: solid 1px #015e8c;
	padding:10px;
	margin-bottom:20px;
}
.jobs h4 {
	text-align:center;
	padding-top:5px;
}

.center {
	text-align:center;
}

hr {
   width:80%;
   border: 0px; /* F�r Firefox und Opera */
   border-top: solid 1px #959595;
   border-bottom: solid 1px #e2ecfd; /* F�r I.Explorer (Seiten-Hintergrundfarbe!) */
   margin: 20px auto;
}

h1, h2, h3 {
	margin-bottom:10px;
}

#menu {
	  margin:0;
	  height:71px;
	  width:913px;
	  padding-top:28px;
}

#page2 #menu {
	  background: transparent url('images/menu2.png') no-repeat;
}

#page3 #menu {
	  background: transparent url('images/menu3.png') no-repeat;
}

#page4 #menu {
	  background: transparent url('images/menu4.png') no-repeat;
}

#page5 #menu {
	  background: transparent url('images/menu5.png') no-repeat;
}

#page6 #menu {
	  background: transparent url('images/menu6.png') no-repeat;
}

#page7 #menu,
#page8 #menu{
	  background: transparent url('images/menu-base.png') no-repeat;
}



#startseite {
	  padding-right:10px;
	  margin-left:23px;
}

#ueberuns {
	 padding-right:12px;
	 margin-left:10px;
}

#b2b { 
	 padding-right:8px;
	 margin-left:10px;
}

#woabi {
	 margin-left:8px;
	 padding-right:5px;
}

#jobs {
	 padding-right:20px;
}

#kontakt {
	 padding-right:19px;
}

#menu img {
	  margin-top:-11px; 
}

#logo {
		 margin-left: 25px;
}

.error, .info {
    font-size: 120%;
    color: #FF0000;
    margin: 10px;
    border: 2px solid #FF0000;
    padding: 10px;
}

.info {
    color:#018eb9;
    border: 2px solid #018eb9;
}

img.alignright {
        float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.portrait {
padding-right:5px;
padding-top:6px;
}

#page5 td {
    padding-bottom:20px;
}