/* CSS Document www.timmgoehl.de
##################################
Erstellt durch XPLIZIT IT-Lösungen (www.xplizit.org) */

#projekt2 {
display: none; 
 }
#projekt3 {
display: none; 
 }
html, body, div, p, h1, h2, h3, ul, ol, span, table, td, tr, a, form, img, li{
	margin: 0;
	padding:0;
	border: 0;
	height:100%;
	list-style-type: none; /* Keine Aufzählungspunkte; eigenes Aufzählungszeichen über list-style-image */
/* Schrift */
	font-family:  Arial, Helvetica, sans-serif;
	color:#006ab2;
	font-size: 10pt;
	text-decoration:none;
}
body { height:100%; background-color: #fffbf3;}
.seite {
	position:absolute;
	top:50%;
	left:50%;
	width: 800px;
	height: 520px;
	margin:-260px 0 0 -400px;
   background-color:#a4bedf;
   overflow: hidden;
	voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  	voice-family:inherit;
	width:802px;
	height:530px;
	margin:-265px 0 0 -401px;
}
html>body .seite { height: 532px; }
/* Seitenaufteilung in die Bereiche bei abloluter Positionierung: top, navi, content, bot */
.top, .navi, .content, .bot { position:absolute; float: left; width:100%; }

/* die einzelnen Zeilen */
.top { height:25px; border-bottom: 2px dotted #006ab2; margin-bottom: 3px;}
.navi { top:30px; height: 60px; border-bottom: 2px dotted #fff; border-top: 2px dotted #fff; margin-bottom: 3px; overflow:hidden; }
.content {top:96px; height: 402px; border-top: 2px dotted #006ab2;}
.bot {top:500px; height: 33px; text-align: left; vertical-align: middle;}

/* die einzelnen Container */
/* Container nebeneinander anordnen */
.top1, .top2, .navi1, .navi2, .navi3, .content1, .content2, .content3, .bot1, .bot2, {display: inline; position:relative; float: left; }
html>body .top1 { float: left; }
html>body .top2 { float: left; }
/* Allgemein */
/*linke Spalte */
.top1, .navi1, .content1, .bot1 { width:57px; border-right: 2px dotted #fff;  margin-right: 0px; }
/* mittlere Spalte */
.top2, .navi2, .content2, .bot2 { border-left:2px dotted #fff; margin-left: 3px; width: auto; }
/* Ende Allgemein */

/* Speziell */
.navi1 { float: left; }
.navi1 p {
	text-align: center;
	vertical-align: middle;
	color: #6f9ed0; 
	font-size: 38pt; 
	font-weight: bolder; 
	background-color: #d4def0; 
}
.navi2 {border-right: 2px dotted #FFF;  float: left;}
html>body .navi2{width: 552px;}

/* das Logo */
.navi3 { float: left; }
.navi3 img { 
	width: 162px;
	height: auto;
	top:10px;
	margin-left: 10px;
	position:absolute;
	height: 43px;
}
/* linker Inhaltsbereich */
.content1 { border-bottom:2px dotted #006ab2; float: left; height: 402px; }
.content1 img { margin-left: 12px; vertical-align: middle; }
/* mittlerer Inhaltsbereich */
.content2 { width: 245px; border-right: 2px dotted #FFF; border-bottom:2px dotted #006ab2; float: left; height: 402px;}
.content2a, .content2b, .content2c {width: 245px; }
/* rechter Inhaltsbereich */
.content3 { width: 491px; background-color: #D4def0; float: left; height: 402px;
}

/* Inhalte durcheinander !!!!! */
.content2a, .content3a { height: 40px; border-bottom: 2px dotted #fff;}
.content2b, .content3b {
	border-bottom: 2px dotted #fff;
	margin-bottom:3px;
	width: 225px;
	height: 57px;
}
.content2b  { padding: 13px 0 0 20px; }
.content2b h2 { height: 25px;}
.content2b p { height: 25px; }
html>body .content2b { height: 57px; padding: 13px 0 0 20px; width: 100%; }

.content3b { width: 456px; height: 32px; padding:18px 0 0 35px; }
#spacer { height: 52px; } /* bringt im IE leeren content3b auf Höhe */
.content3b h3 { height: 20px; }
.content3b li {  float: left; margin-right:10px; }
.content3b a { text-align: center; height:25px; }
.content3b a:active { font-weight: bold; }
.content3b a:hover { font-weight: bold;}
html>body .content3b { height: 52px; padding: 18px 0 0 35px; width: 100%; }

.mitarbeiter{
  text-align: center;
}


.mitarbeiter img {
  width: 500px;
  height: 70px;
  border-bottom: 2px dotted #fff;
}


.content2c, .content3c { height:auto; border-top: 2px dotted #fff; }
.content3c, .cont_mitarbeiter {
	height: 287px;
	background-image: url(images/welle.jpg); 
	background-position:bottom;
	background-repeat: no-repeat;
	voice-family:"\"}\""; voice-family:inherit;
	height: 285px;
} 
.cont_mitarbeiter{
  margin-top: 23px;
  border-top: 2px dotted #fff;
}

.content3c p{float: left ; margin-left: 8px; text-align: left;}


.text { padding: 17px 30px 0 35px; height: 265px;}
.text_lang{
  overflow: scroll; overflow-x:hidden; height: 245px; width: 98%;
}


html>body .content3c {height: 285px; }

.content2c { padding-left: 25px; padding-right: 5px; voice-family:"\"}\""; voice-family:inherit; width: 215px; }
.content2c p {
	padding-top: 31px;
	font-size: 10pt;
	text-align: left;
	line-height: 1.4;
}

.projekte { width: 491px; height: 285px; position:absolute; }
html>body .projekte{ top:119px; right:0px; }
.projekte img { position:relative; float:right; margin-left: 9px; width:395px; }
.projekte p { text-align: left; font-size: 9pt; padding-top: 170px;}
.bot1 { float: left; }

/* telefonischer Kontakt */
.bot2 { float: left; }
.bot2 h4 { 
	color: #FFF; 
	font-size: 8pt;
	padding-left: 20px;
	padding-top: 8px; 
	letter-spacing: 0.2em; 
	text-transform: uppercase;
}
/* für Firefox */
html>body .bot2 h4 { padding-left: 20px; margin-top:2px; }
/* für Opera */
html:first-child>b\ody .bot h4 { top:-10px; }
.bot2 a { 
	font-size: 9pt;
	color: #FFF; 
	vertical-align: middle;
	word-spacing: -3px;
	letter-spacing: 0.15em;
	white-space: nowrap; 
}
html>body .bot2 a { vertical-align: top; }
.bot1 a { position: relative; font-size: 12pt; color: #FFF; vertical-align: middle; padding-left: 20px; top: 6px; }
.bot1 a:hover{ color: #006ab2; }

/* Ende Speziell */

/*Navigation */
.navitop, .navibot {
	position: relative;
	float: left;
	width: 550px;
	height: 28px;
	voice-family:"\"}\"";
  	voice-family:inherit; 
	height: 18px;   
}
html>body .navitop, html>body .navibot {height: 28px;}
.navitop { border-bottom: 2px dotted #fff; }
.navitop li, .navibot li {list-style: none; display: inline; margin: 0; padding: 0; height: 18px; }
.navitop li a, .navibot li a {
	float:left;
	padding: 8px 0 3px 8px;
	text-decoration: none;
	font-size: 8pt; 
	font-weight: bold; 
	text-transform: uppercase; 
	letter-spacing: 0.2em;  
	color:#006ab2;
}
.navibot li a { color: #FFF; letter-spacing: 0.1em;}
.navitop li a:hover { color: #FFF; } 
.navibot li a:hover { color: #006ab2; }
.navibot li a:active { background-image: url(images/klammer_blau_li.jpg) url(images/klammer_blau_re.jpg); }
/* Hier kommen alle Klammern!! */
.navitop li .klammerlinks, .navibot li .klammerlinks, .navitop li .klammerrechts, .navibot li .klammerrechts {
	padding-top:4px;
	padding-left: 0px;
	background-position: left;
	background-repeat: no-repeat;
	width: auto; /* ganz wichtig für Darstellung in Opera u. Firefox!!! */
	height: 18px;
	voice-family:"\"}\"";
  	voice-family:inherit;
	padding-top:8px;
	}
.navitop li .klammerlinks, .navibot li .klammerlinks { 
	background-image: url(images/klammer_creme_li.jpg);
	margin-left: 7px;
	padding-left: 7px;
}
.navitop li .klammerrechts, .navibot li .klammerrechts {
	background-image: url(images/klammer_creme_re.jpg);
	padding-left: 13px;
}
html>body .navitop li .klammerrechts, html>body  .navibot li .klammerrechts { margin-left:-1px; }
.navibot li .klammerlinks{background-image: url(images/klammer_blau_li.jpg);}
.navibot li .klammerrechts { background-image: url(images/klammer_blau_re.jpg);}

/* Ende der Klammern */