/* Backslash hack \*/ 

/* Definitionen Startseite */

/* Äusserstes DIV auf der Startseite */
#outer_start {
	height:599px;
	min-height:599px;
	margin-bottom:-30px;
	width: 990px;
	background-image: url(/fileadmin/template/img/bg_content.gif);
	}
html>body #outer{height:599px;}

/* Spaltenpositionierung auf der Startseite */
#spalte_agentur, #spalte_leistungen, #spalte_referenzen {
	position: absolute; 
	top: 379px; 
	width: 134px; 
	border-left: 1px solid #ececec; 
	height: 177px;
	padding-left: 15px;
	padding-top: 0px;
	}
#spalte_agentur {left: 330px;}
#spalte_leistungen {left: 495px;}
#spalte_referenzen {left: 660px;}

/* Linkes farbiges DIV auf der Startseite */
#links {
	position: absolute;
	top: 99px;
	border: 1px solid #ffffff;
	width: 329px;
	height: 240px;	
	padding-top: 20px;
	padding-left: 20px;
	}

/* Farbiger Balken mit Suchfeld auf der Startseite */
#balken {
	position: absolute; 
	z-index: 10; 
	width: 824px; 
	height: 29px;
	top: 340px; 
	border: 1px solid #ffffff;
	}


/* Fussnavigation Startseite */
#footer_start {
    position:relative;
	clear:both;
    height:30px;
	width:707px;
	margin-left:283px;
	}
* html #footer_start {
	\height:30px;
	he\ight:30px;
	}

/* Linker Teil der Fussnavigation auf der Startseite */
#footer_left_start {
  	height:30px;
	float:left;
	width:543px;
	border-top: 1px solid #ececec;
	padding-bottom: 9px; 
	}

/* Rechter Teil der Fussnavigation auf der Startseite*/
#footer_right_start {
  	float: right;
	text-align: center; 
  	width:163px; 
	border-top: 1px solid #ececec;
	padding: 9px 0px 9px 0px; 
	background-color: #ececec;
 	border-left: 1px solid #ececec;
 	border-top: 1px solid #fff;
	}



/* übergreifende Definitionen */

html, body{height:100%;}
body, td {font-family: Arial; color: #4C4C4C; margin: 0px;}

/* Linien Definition */
hr {height:1px; border: 0px;}

/* Schriftgrößen */
.hoehe10 {font-size: 10px;}
.hoehe11, #nav_weiter a, #nav_weiter a:hover, .Lauftext, .rubrik a:link, .rubrik a:visited, .rubrik_act a:link, .rubrik_act a:visited, #suche_title a:link, #suche_title a:visited, .bodytext {font-size: 11px;}
.hoehe12, .mainnav a:link, .mainnav a:visited, .subnav a:link, .subnav a:visited, .mainnav_act a:link, .mainnav_act a:visited, .subnav_act a:link, .subnav_act a:visited {font-size: 12px;}
.hoehe14 {font-size: 14px;}

/* Zeilenabstand */
.abstand20 td, .abstand20 {line-height: 20px;}

/* Text bold */
.bold {font-weight: bold;}

/* Farbe: Grau hell */
.hellgrau, .csc-textpic-caption, hr {color: #ECECEC;}

/* Farbe: Grau dunkel */
.dunkelgrau, a:link, a:visited, .subnav a:link, .subnav a:visited, .rubrik a:link, .rubrik a:visited, .csc-firstHeader, .csc-header h1, .csc-textpic-caption {color: #4C4C4C;}

/* Farbe: schwarz */
.schwarz {color: #000000;}

/* Farbe: weiß */
.weiss, .mainnav a:link, .mainnav a:visited, .mainnav_act a:link, .mainnav_act a:visited {color: #FFFFFF;}

/* Hintergrundfarbe: Grau hell */
.bghellgrau, hr {background-color: #ECECEC;}

/* Hintergrundfarbe: Grau dunkel */
.bgdunkelgrau {background-color: #4C4C4C;}

/* Links allgemein dunkelgrau */
a:link, a:visited, a:hover {text-decoration: underline;}

/* Links Content (von marc weil er keine ahnung hat wie es besser geht) */
.absenden {text-decoration: underline;}

/* Navigation Oberrubriken */
.rubrik a:link, .rubrik a:visited {text-decoration: none;}
.rubrik_act a:link, .rubrik_act a:visited {text-decoration: none; font-weight: bold;}
#suche_title a:link, #suche_title a:visited {text-decoration: underline; font-weight: bold;}

/* Navigation Fuß und Startseite */
.foot a:link, #nav_weiter a, .foot a:visited, .startlinien a:link, .startlinien a:visited {text-decoration: none;}
.foot_act a:link, #nav_weiter a:hover, .foot_act a:visited, .foot a:hover, .startlinien a:hover {text-decoration: underline;}


/* Mainnavigation */
.mainnav a:link, .mainnav a:visited {
	display: block;
	text-align: right;
	text-decoration: none;
	padding: 3px 15px 3px 15px;
	}

.mainnav_act a:link, .mainnav_act a:visited {
	display: block;
	text-align: right;
	text-decoration: none;
	padding: 3px 15px 3px 0px;
	}


/* Subnavigation */
.subnav a:link, .subnav a:visited {
	display: block;
	text-align: right;
	text-decoration: none;
	padding: 3px 15px 3px 0px;
	border-bottom: solid 1px #DFDFDF;
	}

.subnav_act a:link, .subnav_act a:visited {
	display: block;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 15px 3px 0px;
	border-bottom: solid 1px #DFDFDF;
	}

/* Definition der Bilddarstellung im Contentbereich */
.csc-textpic-caption {
	height: 20px;
	font-size: 9px;
	text-align: right;
	padding-bottom: 12px;
	line-height:12px;
	}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 1px;
	border-right: solid 1px white;
	}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 8px;
	}

/* Überschriften */
.csc-firstHeader, .csc-header h1, .Ueberschrift {font-size: 17px;}

/* Festlegen der Aufzählungszeichen */
li {list-style-image: url(img/liste.gif);}

/* Inputfelder */
.input_box {
	border: 1px solid #4c4c4c;
	}

/* Bilder ohne Rand */
img {border:0px;}



/* Positionierungen */

/* obere Navigation */
#obere_navigation {
	position:absolute;
	top:51px;
	left:331px;
	}

/* Logo */
#logo {
	position: absolute;
	left: 825px;
	padding: 10px 0px 10px 0px;
	background-color: #fff;
	border-right: 1px solid #fff;
	width:164px;
	height:49px;
	}

/* Grauer Balken */
#grauer_streifen {
	position: absolute; 
	left: 330px;
	top: 69px;
	width: 659px; 
	height: 29px; 
	background-color: #ececec; 
	border: 1px solid #fff;
	}

/* Suchfeld */
#suchfeld {
	float: right; 
	margin-top: 6px; 
	padding-right: 11px;
	}


/* Äusserstes DIV auf den Contentseiten */
#outer{
	height:100%;
	min-height:100%;
	margin-bottom:-30px;
	width: 990px;
	background-image: url(/fileadmin/template/img/bg_content.gif);
	}
html>body #outer{height:auto;}


/* Fussnavigation */
#footer {
    position:relative;
	clear:both;
    height:30px;
	width:725px;
	margin-left:265px;
	}
* html #footer {
	\height:30px;
	he\ight:30px;
	}

/* Linker Teil der Fussnavigation */
#footer_left {
  	height:29px;
	float:left;
	width:561px;
	border-top: 1px solid #ececec;
	}

/* Rechter Teil der Fussnavigation */
#footer_right {
  	float: right;
	text-align: center; 
  	width:163px; 
	border-top: 1px solid #ececec;
	padding: 9px 0px 0px 0px; 
	background-color: #ececec;
  	border-left: 1px solid #ececec;
  	border-top: 1px solid #fff;
	}

/* Fussnavigation */
#fussnavigation {
	padding-top: 9px;
	float: left;
	}

/* Links in der Fussnavigation */
.foot {display: inline;}

/* Drucklink */
#drucklink {text-decoration: none;}
#drucklink:hover {text-decoration: underline;}


/* W3C-Div */
#w3c {
	float: right;
	padding-right: 20px;
	margin-top: 7px;
	}

/* W3C-Icons */
#w3c img {padding-left: 5px;}


/* Platzhalter für Kopfzeile */
#clearheader{height:100px;}

/* Platzhalter für Fusszeile */
#clearfooter{
	clear:both;
	height:30px;
	margin-bottom:-30px;
	}
* > html #clearfooter {float:left;width:100%;}

/* Inhaltscontainer */
* html #centrecontent {height:1%;margin-bottom:12px}

/* Festlegung der Minimalhöhe */
#minHeight{float:left;width:0px;height:0;margin-bottom:-30px;}
* html #minHeight{margin-bottom:-50px;}

/* Positionierung der Kopfbilder auf Inhaltsseiten*/
#bild1, #bild2, #bild3, #bild4, #bild5 {position: absolute; top: 99px; border: 1px solid #ffffff;}
#bild1 {left: 165px;}
#bild2 {left: 330px;}
#bild3 {left: 495px;}
#bild4 {left: 660px;}
#bild5 {left: 825px;}

/* Hauptnavigation */
#hauptnavigation {
  	position: relative;
  	height: 240px;
  	padding-left: 1px;
	}

/* Unternavigation */
#untermenu {
  	position: absolute;
  	float: left;
  	margin-top: 31px;
  	width: 165px;
	}

/* Farbiger Balken mit Suche */
#suche {
	position: absolute; 
	z-index: 10; 
	width: 989px; 
	height: 29px;
	top: 340px; 
	border: 1px solid #ffffff;
	}

/* Newsspalte rechts */
#news {
  	float: right; 
 	margin-top: 32px; 
  	padding: 0px 0px 5px 0px; 
 	width:162px; 
  	border: 1px solid #ececec; 
  	background-color: #ececec;
	}

/* Inhaltscontainer */
#content {
  	margin-top: 32px; padding-top: 27px;
  	margin-left: 165px; padding-left: 167px;
  	margin-right: 0px; padding-right: 184px;
  	padding-bottom: 25px;
  	border-left: 1px solid #ececec;
  	border-right: 1px solid #ececec;
	}




/* KONTAKTFORMULAR */

.kontaktformular {
width: 453px;
}

.spalte_1 {
width: 70px; 
float: left; 
clear: left;
margin-bottom: 5px;
}

.spalte_bloecke {
margin-bottom: 7px;
float: left;
}
* html .spalte_bloecke {
margin-bottom: 5px;
}

.spalte_2 {
width: 60px; 
float: left;
padding-left: 20px;
padding-right: 5px;
}
* html .spalte_2 {
width: 60px;
}

.kontaktbox {
width: 130px;
border: 1px solid #ececec; 
font-size: 11px; 
color: #707173;
background-color: #ececec;
}

.plz {
width: 35px;
}
* html .plz {
width: 35px;
}
*:first-child+html .plz {
width: 33px;
}

.ort {
width: 90px;
}
* html .ort {
width: 88px;
}

.email {
margin-left: 200px;
}

.kontaktbox_nachricht {
width: 346px;
border: 1px solid #ececec; 
font-size: 11px; 
color: #707173; 
font-family: Arial;
background-color: #ececec;
}
* html .kontaktbox_nachricht {
width: 349px
}

.absenden {
clear: left;
text-align: right;
margin: 0px 36px 20px 0px;
}

#E_Message {
margin-left: 75px;
}


/* NEWSLETTER  */

.breite {width: 100px;}

.anmeldung_absenden {margin-left: 100px;}


/* ##### TEXTAUSRICHTUNG ##### */
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.align-justify{text-align:justify;}


/* ##### HONEYPOT ##### */
#honey_container{
	height:0px;
	left:-1000px;
	position:absolute;
	top:-1000px;
	width:0px;
}