/* DATEI: webdesign.css */

/* CSS-Angaben für "Webdesign" */
/* Thomas Langens, www.Thomas-Langens.de 2009 */

/*p,br,h1,h2,h3,h4,h5,h6,ul,ol,li,div,td,th,address,blockquote,nobr,b,i*/

/* Wichtige Farben           */
/* #009DA0 teal  */

* {			  /* RESET */
margin: 0;
padding: 0;
}

p { 
margin: 0px;  /* um Standard-Ränder um Boxes bei O und FF zu verhindern; bei IE tritt dieser Fehler durch Zufall nicht auf ... */
clear: both;  /* um nach langen Bildern den Absatz erst nach Bildende umzubrechen */
} 

p,br,h1,h2,h4,h5,h6,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { 
font-family: Trebuchet MS,Arial,sans-serif,Helvetica; 
color: #000000; 
font-size: 10pt; 
line-height: 16pt;
}

.H1_einzeilig { 
font-family: Trebuchet MS,Arial,sans-serif,Helvetica; 
font-size: 18pt; 
line-height: 18pt; 
color: #FFFFFF; 
font-weight: bold;
text-align: center;
margin-top: 23px;
}

.H1_zweizeilig { 
font-family: Trebuchet MS,Arial,sans-serif,Helvetica; 
font-size: 18pt; 
line-height: 18pt; 
color: #FFFFFF; 
font-weight: bold;
text-align: center;
margin-top: 10px;
}

.Text	{ 
font-family: Arial,sans-serif,Helvetica; 
font-size: 9pt; 
line-height: 12pt; 
color: #000000; 
}

.H3_Footer { 
font-family: Arial,sans-serif,Helvetica; 
font-size: 8pt; 
color: #666666; 
font-weight: normal;
}

.H3_Footer a:link {
color: #666666; 
text-decoration: underline;
}

.H3_Footer a:visited {
color: #666666; 
text-decoration: underline;
}

.ul_Text {
margin-left: 20px;
}

.ol_Text {
margin-left: 24px;
}

/* Horizontale Navigation mit Sliding Doors */
 
ul#Navi {
font-size: 12pt; 
line-height: 12pt;
text-align: center;
}

ul#Navi li { /* Selektor für einen Listenpunkt in der Navigationsliste */
display: inline; /* Listenpunkt als normalen Inhalt darstellen lassen */
width: 130px;
height: 31px;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
list-style: none;
}

ul#Navi a { 
float: left; 
width: 130px;
height: 30px;
margin: 0px 0px 0px 0px; 
padding: 2px 0px 0px 0px;
color: white; 
font-weight: bold;
text-decoration: none;
background: url(pics/navitop-rollover.jpg) no-repeat top left;
}

ul#Navi span { 
float: left; 
width: 130px;
height: 30px;
margin: 0px 0px 0px 0px; 
padding: 2px 0px 0px 0px;
font-weight: bold;
color: #444444;
background: url(pics/navitop-rollover.jpg) no-repeat top left;
background-position: 0px -32px;
}

ul#Navi a:hover {
color: #444444;
background: url(pics/navitop-rollover.jpg) no-repeat top left;
background-position: 0px -32px;
}

ol { 
font-size:10pt; 
line-height:14pt; 
list-style-type:decimal 
}

h1 { font-size:18pt; font-weight:bold; line-height:15pt;}
h2 { font-size:16pt; }
h3 { font-size:12pt; }
h4 { font-size:10pt; }
h5 { font-size:10pt; line-height:10pt; font-style:normal; font-weight:normal; }
h6 { font-size:8pt; line-height:8pt; font-style:normal; font-weight:normal; }

a:link { color:#009DA0; text-decoration:underline; }
a:visited { color:#009DA0; text-decoration:underline; }
a:active { color:#FF0000; text-decoration:none;	}
a:hover { color:#FF0000; text-decoration:none; }


/* ----------------------- mainboxes -------------------------*/

html, body {
margin: 0;
padding: 0;
}

body {
background-color: #EBEBEB;
text-align: center;/*fuer IE_quirks*/
}

#Wrapper {
position: relative;
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 912px;
text-align: left;/*Aufheben von IE_quirks im BODY*/
}

#Main_Content {
position: absolute;
top: 50px;
left: 0px;
width: 910px;
height: 445px;
margin: 0px;
padding: 0px;
}

#Titel {
position: absolute;
margin: 0px;
padding: 0px;
top: 25px;
left: 140px;
width: 240px;
height: 80px;
}

#Text {
position: absolute;
margin: 0px;
padding: 0px;
top: 125px;
left: 215px;
width: 490px;
height: 280px;
}

#Text_Referenzen {
position: absolute;
margin: 0px;
padding: 0px;
top: 125px;
left: 15px;
width: 880px;
height: 280px;
}

#Weiter {
position: absolute;
margin: 0px;
padding: 0px;
top: 452px;
left: 780px;
width: 130px;
height: 30px;
}

#Footer {
position: absolute;
top: 525px;
left: 0px;
width: 910px;
text-align: center;
}