/* CSS Document */

/*  =========================================================
Datei: th_css.css
Media: screen, projection 

Datum: 08. Mai 2007

                                   
1. Allgemeine Selektoren 
   - Block-Elemente
   - Inline-Elemente
   - Allgemeine Klassen
   - Non-Layout IDs  
                              
2. Layoutbereiche 
   - Wrapper 
   - Kopfbereich   
   - Navibereich   
   - Textbereich   
   - Fussbereich   

3. Spezielle Seiten 
   - Kontaktformular 

========================================================== */

/* ===============================

   =1. Allgemeine Selektoren

=============================== */

* { /* Kalibirierung von Abständen, Little Boxes, S. 76 */
  padding: 0; 
  margin: 0; 
}

html { /* In Firefox Rollbalken erzwingen, Little Boxes S. 77 */
  height: 101%; 
}

body { 
	color: #333333;
	background-color: #FFFFFF;
	font-family: "Helvetica", Verdana, Arial, sans-serif;
	font-size: 80%;
}

/* ===============================
   =Block-Elemente 
=============================== */
h1 {
	font-size: 180%;
	font-weight: normal;
	text-transform: uppercase;
}
.c-links h1 {
	font-size:1.6em;
}
h2 {
	font-size: 1.2em;
  	font-weight:normal;
}
.c-re h2 {
	color:#000000;
	font-weight: bold;
}
h3 {
	font-size: 2em;
	font-weight:bold;
}
#content-home h2 {
	font-size: 1.3em;
	font-weight:bold;
}
p, ul, ol {
	font-size: 100%;
}
ul ul { 
}
li {
}
.clear { clear:both; }
.strich, .strich a {
	font-weight: bold;
	color: #000000;
	margin:0 1px 0 7px;
}
.horizontalline { border-bottom: 2px dotted #ff9900; }
/* ===============================
   =Inline-Elemente 
=============================== */
.orange { color: #ff9900; }	
.orange-2 { /* Für "|" */
	color: #ff9900;
	font-size:1.8em;
	font-weight:bold;
	float:left;
	margin:-2px 10px 0 0;
	*margin:-5px 10px 0 0;
}
.grau { color:#666666; }
/* ===============================
   =Classes allgemeiner Art 
=============================== */



/* ========================================

  =2. LAYOUTBEREICHE

========================================= */ 
#wrapper {
	background-color: #CCCCCC;
	height: 120px;
	padding:20px 0 0 0; /* sonst einfach wieder raus! */
}
#wrapin {
	width: 950px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-color: #FFFFFF;
}
.innertube {
	padding:10px;
}
#content {
	background-color: #ebebeb;
	height: 453px;
	border-bottom: 14px solid #030303;
}
#content .c-li {
	background-color: #FFFFFF;
	border-bottom: 14px solid #030303;
	_border-bottom: 0px solid #030303;
	float: left;
	height: 453px;
	width: 770px;
	_width:769px;
}

#content .c-li-kopf {
	height: 66px;
	border-bottom: 3px solid #ff9900
}

#content .c-li-kopf .c-links {
	background-color: #e6e6e6;
	float:left;
	color: #000000;
	display: block;
	padding: 10px 6px 33px 20px;
	width: 414px;
}
head:first-child+body #content .c-li-kopf .c-links {
	padding: 10px 6px 32px 20px;
}


#content .c-li-kopf .c-rechts {
	float:left;
	margin: 45px 0 0 20px;
	width: 290px;
	text-align:right;
}
#content .c-li-kopf .c-rechts a:link, #content .c-li-kopf .c-rechts a:visited {
	color: #666666;
	font-weight:normal;
	text-decoration:none;
}
#content .c-li-kopf .c-rechts a:hover, #content .c-li-kopf .c-rechts a:active {
	color: #ff9900;
	font-weight:normal;
	text-decoration:none;
}

#content .c-bild {
	background-color: #e6e6e6;
	float: left;
	height: 384px;
	width: 440px;
}

#content .c-re {
	float: left;
	margin: 27px 20px 0 20px;
	_margin: 27px 10px 0 15px;
	width: 290px;
}
#content .c-kontakt {
	float: left;
	line-height: 1.5em;
	margin: 27px 20px 0 20px;
}
#content .c-kontakt a:link {
	text-decoration: none;
	color:#333333;
}
#content .c-kontakt a:hover {
	text-decoration: underline;
	color:#ff9900;
}
#content .fliesstxt {
	height:130px;
	width:290px;
	_width:280px;
}
#content .c-fakten {
	color: #000000;
	height: 145px;
	border-top: 2px solid #000000;
	margin-top: 10px;
	padding-top:10px;
	width: 290px;
	top: 480px;
	left:480px;
	*left:490px;
	vertical-align: bottom;
}
#content .c-fakten .links {
	float:left;
	width:98px;
	margin-right:15px;
	*margin-bottom:-10px;
}
#content .c-fakten .rechts {
	color:#666666;
	font-size:0.9em;
	float:left;
	width: 170px;
}
.c-fakten .strip1 {
	float: left;
	height: 24px;
	width: 70px;
}
.c-fakten .strip2 {
	color: #666666;
	font-weight: bold;
	float: left;
}
/* ===============================
   =Home-Content
=============================== */
#content-home {
	height: 464px;
}
#content-home .stripoben {
	height: 224px;
}
#content-home .stripoben .links {
	background-color: #ebebeb;
	float:left;
	height: 164px;
	width: 450px;
	display: block;
	padding: 60px 10px 0 40px;

}
#content-home .stripoben .rechts {
	float:left;
	width: 450px;
}
#content-home .stripunten {
	background-color: #666666;
	color: #FFFFFF;
	float:left;
	height: 240px;
	margin: 0 5px 0 0;
	width: 650px;
}
#content-home .innertube {
	padding:30px;
}
/* ===============================
   =Büro-Content
=============================== */
#content .buerowhite, #content .leistungenwhite {
	background-color:#FFFFFF;
	float:left;
	line-height: 1.5em;
	margin: 20px;
	width: 450px;
}
#content .leistungenwhite h2 {
	color: #000000;
	font-size: 1.2em;
  	font-weight:bold;
	margin:50px 0 3px 0;
}
#content .leistungenwhite p {
	font-size: 1em;
  	font-weight:normal;
}
.buerowhite .peoplebox-1, .buerowhite .peoplebox-2, .buerowhite .peoplebox-3 {
	float: left;
	width:206px;
}
.buerowhite .peoplebox-2, .buerowhite .peoplebox-3 {
	margin-left: 15px;
}
.peoplebox-1 .arbeiter, .peoplebox-2 .arbeiter, .peoplebox-3 .arbeiter {
	font-weight:bold;
	color:#000000;
	border-bottom: 2px dotted #ff9900;
	margin-bottom:2px;
	width:206px;
}
.bereich {
	float:left;
	width: 174px;
}
.email {
	float:left;
	width:32px;
}
.email a {
	color:#666666;
}
.email a:hover {
	color:#ff9900;
}
/* ============== Inset 3D round ============== 
============================================ */
.round {
	background: transparent; 
	width:295px; 
	margin:0 auto; 
}

 .round h1, 
 .round p {margin:0 10px;}
 .round p a:link,  .round p a:visited { color: #000000;margin:0 10px;text-decoration:underline; }
 .round p a:hover,  .round p a:active { color:#FFFFFF;margin:0 10px;text-decoration:underline; }

 .round h1 {font-size:1.3em; color:#000000; letter-spacing:1px; }

 .round p {padding-bottom:0.5em;}

 .round .top, 
 .round .bottom {display:block; background:transparent; font-size:1px;}

 .round .b1, 
 .round .b2, 
 .round .b3, 
 .round .b4, 
 .round .b1b, 
 .round .b2b, 
 .round .b3b, 
 .round .b4b {display:block; overflow:hidden;}

 .round .b1, 
 .round .b2, 
 .round .b3, 
 .round .b1b, 
 .round .b2b, 
 .round .b3b {height:1px;}

 .round .b2,
 .round .b3,
 .round .b4,
 .round .b4b,
 .round .b3b,
 .round .b2b {background:#ccc; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}


 .round .b1 {margin:0 5px; background:#CCCCCC;}

 .round .b2, 
 .round .b2b {margin:0 3px; border-width:0 2px;}

 .round .b3, 
 .round .b3b {margin:0 2px;}

 .round .b4, 
 .round .b4b {height:2px; margin:0 1px;}

 .round .b1b {margin:0 5px; background:#CCCCCC;}

 .round .kontaktbox {
 	display:block;  
	background:#CCCCCC; 
	border-left:1px solid #CCCCCC; 
	border-right:1px solid #CCCCCC;
	height: 210px;
	padding: 10px;
	line-height: 1.5em;
}
/* ===============================
   =KOPFBEREICH
=============================== */
#kopfbereich {
	background-color: #676565;
	height: 120px; /*Height of top section*/
	padding: 0 5px 0 0;
	width: 945px;
	text-align: right;
	vertical-align: top;
	margin: 0 auto; /*Center container on page*/
}
   
/* ===============================
   =NAVIBEREICH
=============================== */
#mainnavi {
	height: 75px;
	float: left;
	border-bottom: 1px solid #000000;
	margin-bottom: 24px;
	padding-left: 20px;
	width: 930px;
}
/* style the outer div to give it width */
.menu {
	font-weight:normal;
	text-transform: uppercase;
	font-size:1em;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0 0 2px 0;
	margin: 20px 0 5px 0;
	list-style-type:none;
}

.menu li {
	float:left;
	position:relative;
}

/* style the links for the top level */
.menu a:link, .menu a:visited {
	display:block;
	text-decoration:none;
	color: #000000;
	height:13px;
	background-image: url(../img/navi/nav_streifen_p.gif);
	background-repeat: no-repeat;
	padding: 0 40px 0 23px;
	_float:left;
}

/* a hack so that IE5.5 faulty box model is corrected */
/*  * html .menu a, * html .menu a:visited {
	width:130px;
	w\idth:130px;
} */

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
/* style the top level hover */
.menu a:hover {
	color: #ff9900;
	background-image: url(../img/navi/nav_streifen_hi.gif);
	background-repeat: no-repeat;
	height: 13px;
	display: block;
	padding: 0 40px 0 23px;
	font-weight:bold;
}
.menu :hover > a {
	color: #ff9900;
	background-image: url(../img/navi/nav_streifen_hi.gif);
	background-repeat: no-repeat;
	font-weight:bold;
}
/* make navi current */
.menu .currentpage a {
	color: #ff9900;
	background-image: url(../img/navi/nav_streifen_hi.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}
#mainnavi .currentpage a {
	color: #ff9900;
	background-image: url(../img/navi/nav_streifen_hi.gif);
	background-repeat: no-repeat;
}
.menu .currentpage ul a {
	background-color:#c9221a;
}
/* ===============================
   =UNTER-NAV Hauptmenü
=============================== */
#unternav {
	clear:both;
	height:18px;
	margin: 15px 0 0 0;
	text-transform: uppercase;
	padding: 10px 0 0 0;
	*padding: 0px 0 0 0;
}
#u-menu {
	font-size:0.9em;
	font-weight:normal;
}
#unternav li {
	background-color: #cccccc;
	float: left;
	display: block;
	margin-right: 3px;
}

#unternav li a {
	color: #666666;
	text-decoration: none;
	height:14px;
	display: block;
	padding: 2px 11px 2px 12px;
	_float:left;
}
#unternav li a:link, #unternav li a:visited {
	text-decoration: none;
}
#unternav li a:hover, #unternav li a:active {
	background-color:#7c7c7c;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../img/navi/pfeil-orange.gif);
	background-repeat: no-repeat;
}
/* make navi current */
#u-menu .currentpage a {
	background-color:#7c7c7c;
	background-image: url(../img/navi/pfeil-orange.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#u-menu .currentpage ul a {
	background-color:#7c7c7c;
	background-image: url(../img/navi/pfeil-orange.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
/* ===================================================
   =Sub-NAV 
=================================================== */
#subnavi {
	background-color: #c8c7c7;
	float: left;
	height: 467px;
	width: 180px;
}

#subnavi .subtop {
	background-color: #333333;
	border-bottom: 3px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	height: 17px;
	padding: 3px 0 3px 27px;
	width: 153px;
	display: block;
	background-image: url(../img/navi/pfeil.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#subnavi ul {
	list-style:none;
	font-size: 0.85em;
	width: 180px;
}

#subnavi li a {
	background-color: #9e9d9d;
	color:#333333;
	height: 15px;
	display: block;
	padding: 4px 0 2px 26px;
	border-bottom: 1px dotted #FFFFFF;
}
#subnavi li a:link, #subnavi li a:visited {
	color: #333333;
	text-decoration: none;
}
#subnavi li a:hover, #subnavi li a:active {
	background-color:#666666;
	color: #FFFFFF;
	font-weight: bold;
	height: 15px;
	text-decoration: none;
	padding: 4px 0 2px 26px;
}
#subnavi .punkte {
	background-image: url(../img/site/punkte.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 180px;
}
/* make navi current */
#subnavi .currentpage a, #subnavi ul .currentpage a {
	background-color:#666666;
	color: #FFFFFF;
	font-weight: bold;
}

/* ===============================
   =TEXTBEREICH 
=============================== */
    

    
/* ===============================
   =FUSSBEREICH 
=============================== */
#footer {
	height: 50px;
	margin-top: 15px;
	border-top: 1px solid #000000;
}

#footer .foot-txt {
	color: #666666;
	font-size:0.85em;
	padding-top: 5px;
	float:left;
}
#footer .foot-txt a:link, 
#footer .foot-txt a:visited, 
#footer .imp a:link, 
#footer .imp a:visited {
	color: #666666;
	text-decoration:none;
}
#footer .foot-txt a:hover, 
#footer .foot-txt a:active, 
#footer .imp a:hover, 
#footer .imp a:active {
	color:#ff9900;
	text-decoration:underline;
}
#footer .imp {
	color: #000000;
	font-size:0.85em;
	font-weight:bold;
	float:left;
	padding-top: 5px;
	margin: 0 5px 0 290px;
}
#footer .strich {
	font-weight: bold;
	color: #000000;
	margin:0 7px;
}
/* ===============================

   =3. Spezielle Seiten 

=============================== */