body, html {
	font-family: Arial, Helvetica, sans-serif;
	margin:0; padding: 0;
	color:#000;
	background:#53779a;
}



/* ---------- Links ---------- */


.headerlink,a.headerlink,a:link.headerlink,a:active.headerlink,a:hover.headerlink {
	color: #3B66C1;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration : none;
	line-height: 180%;}

.mehr,a.mehr,a:link.mehr,a:active.mehr {
  color:#3B66C1;
  font-family: Arial, Helvetica, sans-serif;
  font-size:9pt;
  font-weight:normal;
  text-decoration:none;
  background: url(/images/pfeil.gif) no-repeat 100% 50%;
  line-height:200%;}

.a:hover.mehr {
	text-decoration:underline;}
	
.hlink,a.hlink,a:link.hlink,a:active.hlink,.a:hover.hlink {
  color: #575757;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight:normal;
  text-decoration:none;
  }
	
.sitemap,a.sitemap,a:link.sitemap,a:active.sitemap {
  color:#575757;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  }

.a:hover.sitemap {
	text-decoration:underline;}

a.footer,a:link.footer,a:active.footer {
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;}

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


a.bold_white,a:link.bold_white,a:active.bold_white {
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}

a:hover.bold_white {
	text-decoration: underline;}
	


  

/* ---------- Typo ---------- 

h1 {
	font-size:1.4em;
font-weight: bold;
line-height: 1.2777em;
margin: 17px 0 13px 0;	
	color:#0461A1;}
*/

h1 {
	font-size:15px;
	padding: 0;
	margin: 0;
	color:#fff;
	}
	
h1 a {
	font-size:15px;
	padding: 0;
	margin: 0;
	color:#fff;
	text-decoration:none;
	}

h1 a:hover {
	font-size:15px;
	padding: 0;
	margin: 0;
	color:#fff;
	text-decoration:none;
	}	
	
h3 {
	font-size:12px;
	padding: 0;
	margin: 0;
	}

.start {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #53779a;
}

ul { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	padding-left: 15px;
	margin: 0;
	color: #53779a;
	}
	

	
li { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #53779a;
	background-image:none;
	list-style-type:none;
		}
		

li a  { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	padding-left: 0px;
	margin: 0;
	color: #000;
	background-image:none;
	list-style-type:none;

		}
	
	
h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 14px 0;
	color:#53779a;
	text-decoration:none;
	}	
	
h2 a:link{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 14px 0;
	color:#53779a;
	text-decoration:underline;
	}	
h2 a:visited {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 14px 0;
	color:#53779a;
	text-decoration:underline;
	}	
	


.color_home {
	color: #9aa877;
}
.color_permissionmarketing {
	color: #c7c563;
}
.color_leistungen {
	color: #d08c44;
}
.color_news {
	color: #804d2f;
}
.color_referenzen {
	color: #719297;
}
.color_kontakt {
	color: #235a84;
}
.color_supercomm {
	color: #53779a;
}


/* +++ TABELLEN ++ P ++ LISTEN+++ */


td {
	color: #575757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

	
li {
	list-style-image:url(/images/arrow_blue22.gif);
	padding:0;
	margin: 4px 0 4px 0;}
	
.dotted { 
	background-image:url(/images/subnaviline.gif); background-repeat:repeat-x;
	width: 616px;
	height: 5px;
	margin: 10px 0 10px 0;
	clear: both;
}
	

.dots_table { 
	background-image:url(/images/subnaviline.gif); background-repeat:repeat-x;
	height: 5px;
	margin: 2px 0 2px 0;
	clear: both;
}

/* +++++++++ */
  
.foto_header {
  color : #ffffff ;
  font-family : font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size : 17px ;
  font-weight : bold;}
  
.head_main {
  margin: 0 0 20px 0;	
  color : #0461A1 ;
  font-family : arial, sans-serif;
  font-size : 16px ;
  font-weight : bold;}

.date {
  color : #5E6166 ;
  font-family : arial, sans-serif;
  font-size : 7.5pt ; 
  font-weight : normal ;
  text-decoration :none;}

.schnellkontakt {
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
	
.schnellkontakt b {
	display: block !important;
	display: inline-block;
	width: 55px;
}

.small {
	color: #575757;
	font-family: arial, sans-serif;
	line-height: 1.3em;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.small_white {
	color: #fff;
	font-family: arial, sans-serif;
	line-height: 1.3em;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}



input {
	color: #363636;
	font-family: arial, sans-serif;
	font-size: 10px;
}

input:hover{
	
}


	
input:focus, textarea:focus {
	background:#F3F6F8;
}

.formerror {
	font-weight: bold;
	color:#CC0000;
}


/* ---------- Elements ---------- */

	
.startborder {
	position: relative;
	z-index: 1;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	background-color: #fff;
	float: right;
	width:811px;
}

#headnavi {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  	margin: 10px 10px 2px 10px;
  	color : #979797 ;
  	font-size : 10px ;
  	font-weight : normal;
  	text-align:right;
 }

#headnavi a {
 	 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 	 color : #979797 ;
 	 font-size : 10px ;
  	 font-weight : normal;
 	 text-align:right;
 }

#headnavi #newsletter_link {
	color		: black;
	font-weight	: 800;
}
 
#subnavi {
	position: relative;
	float: left;
	width: 167px;
	}
	
	
/* +++ SUBNAVI - DEFINITIONEN IN DER style-xxx.css +++ */	
	 

.subnavi_weitere { 
	 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	 fonz-size: 10px;
  	 font-weight: bold;
	 color: #53779a;
} 
 
.subnavi_bold { 
  	 font-weight: bold;
	 font-size: 10px;
	 margin: 4px 0 4px 10px;
}

 
.subnav { 
  	 margin: 4px 0 4px 20px;
	 padding: 0;
}


 
 .subnavihead2 {
 	 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 	 background-color: #b1c2d1;
	 color:  #b1c2d1;
 	 font-size : 2px ;
  	 font-weight : normal;
	 padding: 4px;
	 margin-top: 8px;
 }	

	

/* +++ HEADER PICTURE BOX +++ */
.startfoto {
	float:left;
	position: relative;
	width: 812px;
	height: 286px;
	z-index: 1;}
	
.fotobox {
	position: absolute;
	top: 180px;
	left: 400px;
	z-index: 2;
	background-color: #856a4c;
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
	opacity: 0.8;
	filter: alpha(opacity=80);	
	width: 380px;
	height: 210px;
}

.fotobox2 {
	position: absolute;
	top: 180px;
	left: 20px;
	z-index: 2;
	background-color: #9aa877;
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
	opacity: 0.8;
	filter: alpha(opacity=80);	
	width: 380px;
	height: 210px;
}

.fotobox3 {
	position: absolute;
	top: 180px;
	left: 400px;
	z-index: 2;
	background-color: #856a4c;
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
	opacity: 0.8;
	filter: alpha(opacity=80);	
	width: 380px;
	height: 210px;
}

.fotobox4 {
	position: absolute;
	top: 180px;
	left: 400px;
	z-index: 2;
	background-color: #213244;
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
	opacity: 0.8;
	filter: alpha(opacity=80);	
	width: 380px;
	height: 80px;
}

.fotobox5 {
	position: absolute;
	top: 180px;
	left: 400px;
	z-index: 2;
	background-color: #93924d;
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
	opacity: 0.8;
	filter: alpha(opacity=80);	
	width: 380px;
	height: 210px;
}

.fototext {
	color: #ffffff;
	position: absolute;
	top: 180px;
	left: 400px;
	width: 360px;
	padding: 10px;
	z-index: 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}


.fototext2 {
	color: #ffffff;
	position: absolute;
	top: 180px;
	left: 20px;
	width: 360px;
	padding: 10px;
	z-index: 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.fototext3 {
	color: #ffffff;
	position: absolute;
	top: 180px;
	left: 400px;
	width: 360px;
	padding: 10px;
	z-index: 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.fototext4 {
	color: #ffffff;
	position: absolute;
	top: 180px;
	left: 400px;
	width: 360px;
	padding: 10px;
	z-index: 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.fototext5 {
	color: #ffffff;
	position: absolute;
	top: 180px;
	left: 400px;
	width: 360px;
	padding: 10px;
	z-index: 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#logo {
	position: absolute;
	top: 18px;
	left: 0px;
	
}
	
.startcontent {
	float:left;
	position: relative;
	width: 812px;
	min-height: 162px;
	z-index: 1;
	margin-top:10px;}	
	
.subcontent {
	float:left;
	position: relative;
	width: 812px;
	min-height: 162px;
	z-index: 1;
	margin-top:30px;}		
	
.startlinks {
	float:left;
	position: relative;
	width: 508px;
	z-index: 1;}	
	
.startnews {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #53779a;
	float:right;
	position: relative;
	width: 285px;
	background-image:url(/images/news_back.gif); background-repeat:repeat-y;
	z-index: 1;}	
	
.newstext {
	color: #575757;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	width: 260px;
	margin: 8px 4px 10px 15px;
	z-index: 1;}	

#maincontent {
	position: relative;
	z-index: 1;
	width: 422px;
	float: left;
	margin: 0 0 0 24px;
}

#sitemapcontent {
	position: relative;
	z-index: 1;
	width: 422px;
	float: left;
	margin: 0 0 0 24px;
}


a.sitemaplink,a:link.sitemaplink,a:active.sitemaplink {
 	 font-family: Verdana, Arial, Helvetica, sans-serif;
 	 color : #53779a ;
 	 font-size : 12px ;
  	 font-weight : normal;
 }
 
a:hover.sitemaplink {
	text-decoration:underline;}
	

#maincontent_uebersicht {
	position: relative;
	z-index: 1;
	width: 616px;
	float: left;
	margin: 0 0 0 24px;
}

#rightcontent {
	position: relative;
	z-index: 1;
	width: 178px;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 10px;
}

#picbox {
	width: 242px;
	position: relative;
	z-index: 1;
	float: right;
	margin: 0 0 10px 20px;
	font-size: 11px;
	font-weight: bold;
}

#rightalign {
	position: relative;
	z-index: 1;
	width: 178px;
	float: right;
	margin: 0 -12px 0 20px;
	padding: 0;
	font-size: 11px;
}


.bottomline01 {
	clear: both;
	position: relative;
	width: 811px;
	height: 14px;
background-image:url(/images/bottomline01.gif); background-repeat:repeat-x;
z-index: 1;
margin: 20px 0 0 0;
}	

.bottomline02 {
clear: both;
position: relative;
width: 811px;
height: 14px;
background-image:url(/images/bottomline02.gif); background-repeat:repeat-x;
	z-index: 1;
	margin: 0 0 10px 0;
}

#contactbox {
	position: relative;
	width: 811px;
	height: 120px;
	z-index: 1;
	margin: 0;
}

#contactbox_left {
	float:left;
	position: relative;
	width: 488px;
	height: 110px;
	color: #ffffff;
	background-color: #53779a;
	z-index: 1;
	margin: 0 4px 0 0;
	padding: 4px;
}

#contactbox_left a {
	color: #ffffff;
	padding: 5px 8px 5px 15px;
	background-image:url(/images/contact_arrow.gif); 
	background-repeat: no-repeat;
	background-position: -1px;
}

.contactbox_right {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	position: relative;
	width: 311px;
	height: 118px;
	background-color: #ffffff;
	z-index: 1;
	margin: 0;
}

.contactbox_foto {
	float:left;
	position: relative;
	margin: 0 4px 0 0;
}


.finishline {
	position: relative;
	z-index: 1;
	width: 703px;
	float: left;}
	

.artikel{
	color: #575757;
	font-family: arial, sans-serif;
	line-height: 1.4em;
	font-size: 12px;
	position: relative;
	padding:20px 0 10px 20px;
	z-index: 1;
	width: 400px;
	float: left;}
	
.artikel-line{
	position: relative;
	padding-top: 10px;
	left: 20px;
	z-index: 1;
	width: 400px;
	float: left;
}	

.artikel strong {
	color:#0461A1;
}
.artikel a img.screen {
	border:0;}	
.artikel img.screen {
	float:right;
	margin:0 0 14px 14px;}
	
.artikel p {margin:0 0 12px 0;}





.anfrage-input{
	margin-top:6px;
	border: 1px solid #E3E3E3;
	width: 118px;
	height: 22px;
	background: #fff url(/images/kontakt_anfrage_senden.gif) top left no-repeat;
}


.navi {
	margin-top:70px;

}


.input-error{
	margin-bottom: 8px;
	border: 1px solid #CC0000;
	color : #000 ;
	font-size : 11px;
	font-family : courier;
	width: 180px;
	background: #fff url(/images/bg-input.jpg) top left repeat-x;
}

.input-error2{
	border: 1px solid #CC0000;
	color : #000 ;
	font-size : 11px;
	font-family : courier;
	width: 180px;
	height: 143px;
	background: #fff url(/images/bg-input.jpg) top left repeat-x;
}


label {
	cursor: pointer; 
}

label.left {
	float: left;
	text-align: left;
	width: 60px;
	margin-top:7px;
}

.subnavi-head {
	z-index: 22;
	width: 240px;
	height: 30px;
	font-weight: bold;
	background-color: #4288B8;
	border-top: 1px solid #fff;
	float: left;
}



.footer {
	position: relative;
	margin-bottom: 30px;	
	z-index: 10;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	line-height: 1.5em;
	clear: both;
}

.footh1 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	display: inline;
	color: #FFFFFF;
}


 .checkbox {
	color : #000 ;
	background-color: #b1c2d1;
	border: 0px solid white;
	margin: 1px 10px 0 0;
}

.textbox {
	color : #000 ;
	font-size : 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #b1c2d1;
	border: 0;
	margin-bottom: 8px;
}

.submitbox{
	color : #fff ;
	font-size : 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #53779a;
	border: 1px solid #53779a;
	padding: 4px 6px 4px 6px;
	cursor:pointer;
}

.submitbox:focus{
	color : #fff ;
	font-size : 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #53779a;
	border: 1px solid #53779a;
	padding: 4px 6px 4px 6px;
}

.textbox_anrede {
	color : #000 ;
	font-size : 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #f7f7f7;
	border: 1px;
	border: 1px solid #e4e4e4 ;
	margin-bottom: 8px;
}

.textbox1 {
	color : #000 ;
	font-size : 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 200px;
	background-color: #f7f7f7;
	border: 1px solid #e4e4e4 ;
	padding: 2px 0 2px 0;
	margin-bottom: 8px;
}

.textbox2 {
	color : #000 ;
	font-size : 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 40px;
	background-color: #f7f7f7;
	border: 1px solid #e4e4e4 ;
	padding: 2px 0 2px 0;
	margin-bottom: 8px;
}

.textbox3 {
	color : #000 ;
	font-size : 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 157px;
	background-color: #f7f7f7;
	border: 1px solid #e4e4e4 ;
	padding: 2px 0 2px 0;
	margin-bottom: 8px;
}

.textbox4 {
	color : #000 ;
	font-size : 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 420px;
	background-color: #f7f7f7;
	border: 1px solid #e4e4e4 ;
	padding: 2px 0 2px 0;
	margin-bottom: 8px;
}

.textbox5 {
	color : #000 ;
	font-size : 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 160px;
	background-color: #f7f7f7;
	border: 1px solid #e4e4e4 ;
	padding: 2px 0 2px 0;
	margin-bottom: 8px;
}

.contactform {
	background-color: #53779a;
}

.form_left {
	width: 200px;
	float: left;
	margin: 11px 20px 0 0;
}


.form_right {
	width: 210px;
	float: left;
	margin: 0;	
}

  .form_left2 {
	width: 200px;
	float: left;
	margin: 0 20px 0 0;
}


.form_right2 {
	width: 210px;
	float: left;
	margin: 0;	
}

.error_newsletter {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight: normal;
	margin: 0px 0px 10px 0;
	padding: 10px 0 0 0;
	width: 420px;
}

  .news {
  	float: left;
	margin: 0 15px 25px 0;
  }
  
  .red {
  	color: #FF0000;
	font-weight: bold;
  }



p {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 0 0 0;
	margin: 0px;
	text-align:justify;
	font-weight:normal; 
	}
p a {text-decoration:underline;
	color:#000000;
}

.startlinks a { color:#000000; text-decoration:underline;}