/*########Stylesheet########
für: 	Brandschutz Hoffmann
von: 	die typen
Stand: 	September 2008
###########################*/

*{ margin: 0; padding: 0; }

html { height: 100%; }

body {
min-height: 101%;
position: relative;
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-size: 10px;
color: #000;
margin: 0; padding: 0;
background: #fff url(../grafiken/g_01_body.gif) repeat-x;
}


/*=======================
Text und Hyperlinks 
=========================*/

h1, h2, h3, h4, h5, h6 { color: #000; line-height: 1.4em; }

h1, h2 { font-weight: normal; }
h1 { font-size: 197%; }
h2 { font-size: 152%; }

h3, h4, h5, h6 { 
font-size: 100%;
font-weight: bold;
text-transform: uppercase; 
margin: 0; padding: 0;
}

h4 { margin-bottom: 20px; }
h5 { margin-top: 20px; }
.first { margin-top: 0px; }

p { margin: 0; padding: 0; line-height: 1.4em; }

p.anfrage { text-transform: uppercase; font-weight: bold; margin-bottom: 3px; }

ul, ol { margin: 0; padding: 0; }

span { color: #E75112; }

blockquote {
margin: 0;
padding: 10px 20px 30px 0;
color: #707173;
font-weight: bold;
text-align: right;
font-style: italic;
}

blockquote a:link { color: #707173; }

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


.impressum { padding-top: 30px; }
.impressum a:link { color: #707173; text-decoration: none; }
.impressum a:active { color: #707173; text-decoration: none; }
.impressum a:visited { color: #707173; text-decoration: none; }
.impressum a:hover { color: #707173; text-decoration: underline; }

.anfrage a { color: #E75112; text-decoration: underline; }
.anfrage a:link { color: #E75112; }
.anfrage a:active { color: #E75112; }
.anfrage a:visited { color: #E75112; }
.anfrage a:hover { color: #E75112; text-decoration: none; }


img { border: none; }

img.top { margin-top: 0px; border-top: 1px solid #fff; }

#leistungen #col_1 img { margin-bottom: 40px; }


/*=======================
horizontale Navigation
=========================*/

#menu {
width: 645px;
height: 65px;
margin: 0 0 0 115px;
border-right: 2px solid #ECECED;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li { display: inline; }

#menu a {
display: block;
float: left;
width: 105px;
height: 40px;
padding: 25px 0 0 0;
border-left: 2px solid #ECECED;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-weight: bold;
color: #B1B2B4;
}

#menu a:hover { background: #ECECED;}
#menu .active a:hover { background: #E75112; color: #FFFFFF; }

#menu .active a {
background: #E75112;
color: #FFFFFF;
}

#menu .last a {
padding-left: 2px; 
padding-right: 1px;/* beide paddings zum Breite ausgleichen*/
}

#menu .links a { border-left: 2px solid #E75112; }


/*=======================
Inhalt
=========================*/

#wrapper { 
width: 770px;
margin: 0 auto;
padding: 0;
}

#header {
clear: both;
height: 143px;
border-bottom: 2px solid #fff;
}

#header #logo {
float: left;
width: 116px;
margin-top: 2px;
padding: 0;
}

#header #bild {
float: left;
width: 650px;
height: 140px;
margin-top: 2px;
}

#home #bild, #kontakt #bild { background: url(../grafiken/g_02_header_1.gif) no-repeat; }
#unternehmen #bild { background: url(../grafiken/g_02_header_2.gif) no-repeat; }
#leistungen #bild { background: url(../grafiken/g_02_header_3.gif) no-repeat; }
#referenzen #bild { background: url(../grafiken/g_02_header_4.gif) no-repeat; }
#team #bild { background: url(../grafiken/g_02_header_5.gif) no-repeat; }
#impressum #bild { background: url(../grafiken/g_02_header_6.gif) no-repeat; }
#aktuell #bild { background: url(../grafiken/g_02_header_7.gif) no-repeat; }



/* content */

#content { margin-left: 115px; }
#home #content, #kontakt #content { height: 400px; }

#content
{ background: url(../grafiken/higru_content3.gif) repeat-y; }

#kontakt #content { background: none; }

#team #content { background: #ececed; }

/* col_1 */

#col_1 {
float: left;
width: 387px;
}

#home #col_1, #kontakt #col_1 { margin-left: 0px; height: 400px; }
#kontakt #col_1 { width: 654px; }

#team #col_1 { background: none; }

#col_1 { margin-left: -1px; } /* wegen Opera */

#col_1 .text { padding: 30px 10px 0 0; }



/* col_2 */

#col_2 {
float: left;
width: 267px;
padding: 0;
margin: 0;
/*background: #ececed;*/
}

#home #col_2 { height: 400px; }
#home #col_2 .text { padding: 15px 15px 0 15px; }


#col_2 .text { padding: 30px 15px 0 15px; }

#col_2 h3, 
#col_2 p { text-align: center; }

#col_2 p.left { text-align: left; }

#col_2 h3 { padding-top: 20px; } 


#col_2 ul {
margin: 0;
padding: 0 15px 0 15px;
}

#col_2 li { list-style: none; }

#col_2 li.first { 
margin-top: 10px;
font-weight: bold;
text-transform: uppercase;
list-style: url(../grafiken/bullet.gif) outside; 
}

#col_2 li li { 
margin: 0;
font-weight: normal; 
text-transform: none; 
list-style: url(../grafiken/bullet_2.gif) outside; 
}


/* col_3 */

#col_3 {
float: left;
width: 1px;
height: 400px;
padding: 0;
margin: 0;
}


/* Referenzen */

.grey { color: #707173; }
.black { color: #000; }
.abstand { margin-right: 10px; }
.top_1 { margin-top: 134px; }
.top { margin-top: 260px; }

#referenzen blockquote { padding: 0 20px 0 0; }


/* Team und Aktuell */

#team blockquote, #aktuell blockquote { text-align: left; margin: 0; padding: 0; }
#team .impressum, #aktuell .impressum { margin-left: 402px; }

#team table { margin-left: 120px; }
#aktuell table { width: 580px;}

#team tr  { padding: 0; }

#team td, #aktuell td  { vertical-align: bottom; padding-bottom: 30px; }


/* Tabellen */

table { border: none; }

td  { 
line-height: 1.4em; 
vertical-align: top; 
padding: 0 10px 0px 0; 
}



.zahlen  { white-space: nowrap; }
.bullet {
padding-left: 15px;
background: url(../grafiken/bullet.gif) 0 3px no-repeat; 
}


#footer { height: 50px; }
#footer { background: url(../grafiken/higru_content.gif) repeat-y; }
#home #footer, #kontakt #footer { background: none; }
 

#team #footer { background: url(../grafiken/higru_content2.gif) repeat-y; }



/*=======================
Tabelle Kontaktformular
=========================*/

#kontakt td { padding-bottom: 5px; }

option {
width: 200px;
height: 20px;
}

select {
background: #ececed;
border: none;
}

.inputbox {
width: 220px;
height: 20px;
padding: 1px;
background: #ececed;
border: none;
}

.inputfield1, .inputfield2 {
width: 280px;
padding: 1px;
background: #ececed;
border: none;
}

.inputfield1 { height: 120px; }
.inputfield2 { height: 60px; }