/* CSS Document */

body, div, p, td, th, ol, ul, li, h1, h2, h3, h4, h5, h6 {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #333333;
} 
body {
font-size : 12px;
background-color : #17366b;
margin : 0;
padding : 0;
width : 100%;
height : 100%;
} 
table, td {
font-size : 11px;
line-height : 18px;
padding : 0;
margin : 0 0 10px;
text-align : left;
} 

/* #### Abstand wie bei holz/schalungstraeger.php #### */
table.download, td.download {
font-size : 12px;
line-height : 20px;
padding : 0;
margin : 0;
} 
td.align_rechts {
text-align : right;
} 
p {
font-size : 12px;
line-height : 14px;
padding : 0;
margin : 0 0 10px;
} 
p.hausbau {
font-size : 12px;
line-height : 16px;
padding : 0;
margin : 0 0 30px;
} 
p.aktuell {
font-size : 12px;
line-height : 14px;
padding : 0;
margin : 5px 5px 10px;
text-align : left;
} 

/* #### Abstand wie bei holz/schalungstraeger.php #### */
p.download {
font-size : 12px;
line-height : 14px;
padding : 0;
margin : 0 0 15px;
} 
ul, li {
margin : 0;
padding : 0 0 3px 15px;
list-style-type : disc;
} 
fieldset {
border : 0;
margin : 0;
padding : 0;
} 
img {
border : 0;
} 
strong {
font-size : 12px;
font-weight : bold;
} 
input, textarea {
color : #333333;
font-size : 11px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
} 
select {
color : #333333;
font-size : 10px;
} 
form {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 0;
margin : 0;
} 
h1, h2, h3, h4, h6 {
font-weight : bold;
line-height : 13px;
margin : 0 0 10px;
color : #333333;
} 
h1 {
font-size : 13px;
} 
h2 {
font-size : 12px;
color : #17366b;
font-weight : bold;
} 
h3 {
font-weight : bold;
color : #17366b;
font-size : 11px;
margin : 0 0 5px;
} 
h4 {
font-size : 100%;
text-transform : uppercase;
letter-spacing : 1px;
} 
h5 {
line-height : 13px;
margin : 5px 5px 10px;
font-size : 12px;
color : #17366b;
font-weight : bold;
} 

/* ANFANG - Stil */

/* #### Bereichsnavigationspunkt inaktiv wie bei Bau (Projektentwicklung), #### */
.bereichsnavi {
display : block;
white-space : nowrap;
overflow : hidden;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
color : #6982ab;
text-decoration : none;
padding : 1px;
padding-left : 10px;
text-align : left;
background : url(../img/submenue1.gif) no-repeat 0 3px;
} 
.strich {
color : #17366b;
font-size : 10px;
} 
.blau {
color : #17366b;
font-size : 11px;
} 
.formular {
color : #17366b;
font-size : 11px;
} 
.searchSubmit {
margin : 0;
padding : 0 0 0.4em 0.25em;
border : 0;
vertical-align : middle;
} 

/* #### senkrechter Strich bei zurueck | weiter #### */
.weiter {
color : #17366b;
font-weight : normal;
font-size : 11px;
} 
.weiter_fett {
color : #17366b;
font-weight : bold;
font-size : 11px;
} 
.inaktiv {
color : #6982ab;
font-weight : normal;
font-size : 11px;
} 

/* ENDE - Stil */

/* ANFANG - Links */

a, a:link, a:visited, a:hover {
color : #333333;
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
} 
a:hover {
text-decoration : underline;
} 
a.steidle:link, a.steidle:visited, a.steidle:hover, a.steidle:active {
color : #17366b;
font-weight : bold;
text-decoration : none;
font-size : 14px;
padding-left : 20px;
} 
a.sitemap:link, a.sitemap:visited, a.sitemap:active, a.sitemap:hover {
color : #17366b;
font-weight : normal;
text-decoration : none;
font-size : 10px;
padding-left : 20px;
} 
a.sitemap:hover {
color : #333333;
text-decoration : underline;
} 
a.impressum:link, a.impressum:visited, a.impressum:active, a.impressum:hover {
color : #17366b;
font-weight : normal;
text-decoration : none;
font-size : 10px;
} 
a.impressum:hover {
color : #333333;
text-decoration : underline;
} 

a.weiter:link, a.weiter:visited, a.weiter:active {
color : #17366b;
font-weight : normal;
text-decoration : none;
font-size : 11px;
} 
a.weiter:hover {
color : #17366b;
font-weight : normal;
text-decoration : underline;
font-size : 11px;
} 
a.weiter_fett:link, a.weiter_fett:visited, a.weiter_fett:active, a.weiter_fett:hover {
color : #17366b;
font-weight : bold;
text-decoration : none;
font-size : 11px;
} 
a.weiter_fett:hover {
text-decoration : underline;
} 
a.aktuell:link, a.aktuell:visited, a.aktuell:active, a.aktuell:hover {
color : #17366b;
text-decoration : underline;
font-size : 12px;
} 

/* ENDE - Links */

/* ANFANG - Div-Bereiche */

/* ANFANG - Vertikale Navigation  */

a.navi, a.navi_first, a.navi_self, a.navi_self_rechts, a.navi_untereing, a.navi:link, a.navi_first:link, a.navi:visited, a.navi_first:visited {
display : block;
white-space : nowrap;
overflow : hidden;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
text-decoration : none;
letter-spacing : 0.1em;
padding : 10px;
padding-left : 20px;
text-align : left;
background : url(../img/nav_orange.gif) no-repeat 8px 10px;
} 

/*  #### erster Navigationslink, Abstand nach oben ####  */
a.navi_first {
margin-top : 35px;
} 
a.navi:hover, a.navi_first:hover {
text-decoration : underline;
color : #17366b;
background : url(../img/nav_blau.gif) no-repeat 8px 10px;
} 

/*  #### Navigationslink fett, mit Pfeil nach rechts ####  */
a.navi_self_rechts, a.navi_self_rechts:link, a.navi_self_rechts:visited, a.navi_self_rechts:hover {
background : url(../img/nav_blau.gif) no-repeat 8px 10px;
color : #17366b;
font-weight : normal;
} 

/*  #### Navigationslink fett, mit Pfeil nach unten ####  */
a.navi_self, a.navi_self:link, a.navi_self:visited, a.navi_self:hover {
background : url(../img/nav_blau2.gif) no-repeat 8px 10px;
color : #17366b;
font-weight : normal;
} 

/*  #### Navigationslinks eingerueckt ####  */
a.navi_eing, a.navi_eing_fett, a.navi_eing:link, a.navi_eing:visited {
display : block;
white-space : nowrap;
overflow : hidden;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #17366b;
text-decoration : none;
padding : 2px;
padding-left : 35px;
text-align : left;
background : url(../img/pfeil_orange.gif) no-repeat 21px 5px;
} 
a.navi_eing:hover {
text-decoration : underline;
background : url(../img/pfeil_blau.gif) no-repeat 21px 5px;
} 

/*  #### Navigationslink eingerückt, mit Pfeil nach rechts blau ####  */
a.navi_eing_fett, a.navi_eing_fett:link, a.navi_eing_fett:visited, a.navi_eing_fett:hover {
background : url(../img/pfeil_blau.gif) no-repeat 21px 5px;
color : #17366b;
} 

/*  #### Navigationslink unter den eingerueckten Links, wegen unterschiedlichem padding ####  */
a.navi_untereing, a.navi_untereing:link, a.navi_untereing:visited {
background : url(../img/nav_orange.gif) no-repeat 8px 17px;
padding-top : 17px;
font-weight : normal;
} 
a.navi_untereing:hover {
text-decoration : underline;
color : #17366b;
background : url(../img/nav_blau.gif) no-repeat 8px 17px;
} 

/*  #### Bereichs-Navigations bei den Geschäftsbereichen ####  */
a.bereichsnavi, a.bereichsnavi:link, a.bereichsnavi:visited, a.bereichsnavi_aktiv, a.bereichsnavi_aktiv:link, a.bereichsnavi_aktiv:visited, a.bereichsnavi_aktiv:hover {
display : block;
white-space : nowrap;
overflow : hidden;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
font-style : normal;
color : #17366b;
text-decoration : none;
padding : 1px;
padding-left : 10px;
text-align : left;
background : url(../img/submenue1.gif) no-repeat 0 3px;
} 
a.bereichsnavi:hover {
text-decoration : underline;
background : url(../img/submenue1.gif) no-repeat 0 3px;
} 
a.bereichsnavi_aktiv, a.bereichsnavi_aktiv:link, a.bereichsnavi_aktiv:visited, a.bereichsnavi_aktiv:hover {
font-weight : bold;
}
/* ENDE - Vertikale Navigation */


/* #### Bereich links oben #### */
#top_raster01 {
position : absolute;
top : 0;
left : 0;
width : 189px;
height : 85px;
background-color : #9fb4d6;
z-index : 1;
visibility : visible;
border-bottom : 1px solid #000000;
border-right : 1px solid #000000;
} 

/* #### Bereich mitte oben #### */
#top_raster02 {
position : absolute;
top : 0;
left : 190px;
width : 569px;
height : 85px;
background-color : #9fb4d6;
z-index : 1;
visibility : visible;
border-bottom : 1px solid #000000;
border-right : 1px solid #000000;
} 

/* #### Bereich rechts oben; hier ist das Steidle-Logo untergebracht #### */
#top_raster03 {
position : absolute;
top : 0;
left : 760px;
width : 190px;
height : 85px;
background-color : #9fb4d6;
z-index : 1;
visibility : visible;
border-bottom : 1px solid #000000;
} 

/* #### Bereich mit Grafik: Über 175 Jahre Tradition und Fortschritt #### */
#tradition {
position : absolute;
top : 15px;
left : 0;
width : 760px;
height : 55px;
z-index : 2;
visibility : visible;
} 

/* #### Steidle-Logo; rechts oben #### */
#logo {
position : absolute;
top : 15px;
left : 780px;
width : 150px;
height : 55px;
z-index : 2;
visibility : visible;
} 

/* #### linke Hauptnavigation #### */
#navigation {
position : absolute;
top : 86px;
left : 0;
width : 189px;
height : 433px;
background-color : #ffffff;
z-index : 1;
visibility : visible;
border-bottom : 1px solid #000000;
border-right : 1px solid #000000;
} 

/* #### hier steht Sitemap und Impressum drin #### */
#unter_navigation {
position : absolute;
top : 86px;
left : 0;
width : 189px;
height : 17px;
background-color : #ffffff;
z-index : 1;
visibility : visible;
border-right : 1px solid #000000;
padding-top : 2px;
} 

/* #### hier steht die englische Flagge drin #### */
#unter_navigation_englisch {
position : absolute;
top : 446px;
left : 0;
width : 149px;
height : 17px;
background-color : #ffffff;
z-index : 1;
visibility : visible;
padding-top : 2px;
padding-left : 20px;
} 

/* #### Raster im Hauptfenster links, blauer Hintergrund #### */
#window_raster01 {
position : absolute;
top : 104px;
left : 190px;
width : 189px;
height : 464px;
background-color : #9fb4d6;
z-index : 1;
visibility : visible;
border-right : 1px solid #000000;
} 

/* #### Raster im Hauptfenster mitte links, blauer Hintergrund #### */
#window_raster02 {
position : absolute;
top : 104px;
left : 380px;
width : 189px;
height : 464px;
background-color : #9fb4d6;
z-index : 1;
visibility : visible;
border-right : 1px solid #000000;
} 

/* #### Raster im Hauptfenster mitte rechts, blauer Hintergrund #### */
#window_raster03 {
position : absolute;
top : 104px;
left : 570px;
width : 189px;
height : 464px;
background-color : #9fb4d6;
z-index : 1;
visibility : visible;
border-right : 1px solid #000000;
} 

/* #### Raster im Hauptfenster rechts, blauer Hintergrund #### */
#window_raster04 {
position : absolute;
top : 104px;
left : 760px;
width : 190px;
height : 464px;
background-color : #9fb4d6;
z-index : 1;
visibility : visible;
} 

a.neu, a.neu:link, a.neu:active, a.neu:visited, a.neu:hover {
font-size:11px;
text-align:center;
font-weight:bold;
color:#900D10;
}

/* #### Footer-Bereich in dem www.steidle.de steht #### */
#footer01 {
position : absolute;
top : 522px;
left : 0;
width : 189px;
height : 22px;
background-color : #9fb4d6;
z-index : 1;
visibility : visible;
border-right : 1px solid #000000;
padding-top : 24px;
} 

/* #### linker Footer-Bereich im Hauptfenster #### */
#footer_mainwindow {
position : absolute;
top : 543px;
left : 190px;
width : 559px;
height : 19px;
background-color : #9fb4d6;
z-index : 3;
visibility : visible;
border-top : 1px solid #000000;
border-right : 1px solid #000000;
padding-top : 5px;
padding-left : 10px;
} 

/* #### rechter Footer-Bereich im Hauptfenster #### */
#footer_mainwindow_right {
position : absolute;
top : 543px;
left : 760px;
width : 190px;
height : 19px;
background-color : #ffffff;
z-index : 3;
visibility : visible;
border-top : 1px solid #000000;
padding-top : 5px;
text-align : center;
} 

/* #### Suchfeld #### */
#suchen_box {
position : absolute;
top : 475px;
left : 0;
width : 169px;
height : 44px;
background-color : #9fb4d6;
z-index : 2;
visibility : visible;
border-top : 1px solid #000000;
padding-top : 10px;
padding-left : 20px;
} 

/* #### linkes oberes Textfeld wie auf der Seite: Das Unternehmen #### */
#text_oben_mainwindow {
position : absolute;
top : 104px;
left : 190px;
width : 549px;
height : 190px;
background-color : #ffffff;
z-index : 2;
visibility : visible;
text-align : justify;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
padding-top : 30px;
padding-left : 10px;
padding-right : 10px;
} 

/* #### linkes unteres Textfeld wie auf der Seite: Das Unternehmen #### */
#text_unten_mainwindow {
position : absolute;
top : 325px;
left : 190px;
width : 169px;
height : 198px;
background-color : #ffffff;
z-index : 2;
visibility : visible;
overflow : auto;
text-align : left;
border-bottom : 1px solid #000000;
border-right : 1px solid #000000;
padding-top : 20px;
padding-left : 10px;
padding-right : 10px;
} 

/* #### linkes unteres rechtes Textfeld wie auf der Seite: Das Unternehmen (tradition-und-fortschritt.php) #### */
#text_unten__rechts_mainwindow {
position : absolute;
top : 325px;
left : 760px;
width : 170px;
height : 198px;
background-color : #9fb4d6;
z-index : 2;
visibility : visible;
text-align : left;
border-bottom : 1px solid #000000;
padding-top : 20px;
padding-left : 10px;
padding-right : 10px;
} 

/* #### rechtes oberes Bild wie auf der Seite: Das Unternehmen  #### */
#bild_oben_mainwindow {
position : absolute;
top : 104px;
left : 760px;
width : 190px;
height : 220px;
background-color : #ffffff;
z-index : 2;
visibility : visible;
border-bottom : 1px solid #000000;
} 

/* #### unteres Bild wie auf der Seite: Das Unternehmen  #### */
#bild_unten_mainwindow {
position : absolute;
top : 325px;
left : 380px;
width : 379px;
height : 218px;
background-color : #ffffff;
z-index : 2;
visibility : visible;
border-bottom : 1px solid #000000;
border-right : 1px solid #000000;
} 

/* #### linkes oberes Bild wie auf der Seite: Bau #### */
#bild_oben_mainwindow2 {
position : absolute;
top : 104px;
left : 190px;
width : 379px;
height : 129px;
z-index : 2;
visibility : visible;
border-bottom : 1px solid #000000;
border-right : 1px solid #000000;
} 

/* #### Unternavigation oben wie auf der Seite: Bau #### */
#text_oben_mainwindow2 {
position : absolute;
top : 104px;
left : 570px;
width : 169px;
height : 124px;
z-index : 2;
visibility : visible;
background-color : #ffffff;
border-bottom : 1px solid #000000;
border-right : 1px solid #000000;
padding-top : 5px;
padding-left : 10px;
padding-right : 10px;
} 

/* #### rechtes oberes Bild wie auf der Seite: Bau #### */
#bild_oben_rechts_mainwindow2 {
position : absolute;
top : 104px;
left : 760px;
width : 190px;
height : 129px;
z-index : 2;
visibility : visible;
border-bottom : 1px solid #000000;
} 

/* #### unteres Textfeld wie auf der Seite: Bau #### */
#text_unten_mainwindow2 {
position : absolute;
top : 234px;
left : 190px;
width : 549px;
height : 299px;
background-color : #ffffff;
z-index : 2;
visibility : visible;
overflow : auto;
text-align : justify;
border-right : 1px solid #000000;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
scrollbar-base-color:		#9FB4D6;
scrollbar-3dlight-color:	#9FB4D6;
scrollbar-arrow-color:		#17366B;
scrollbar-darkshadow-color:	#000000;
scrollbar-face-color:		#9FB4D6;
scrollbar-highlight-color:	#FFFFFF;
scrollbar-shadow-color:		#000000;
scrollbar-track-color:		#DDDDDD;
} 

/* #### unteres Textfeld wie auf der Seite: Kies-Quarz/quarzsand-produkte.php - Eingerueckt, damit der Text nicht so verloren aussieht. #### */
#text_unten_mainwindow2_eingerueckt {
position : absolute;
top : 234px;
left : 380px;
width : 359px;
height : 289px;
background-color : #ffffff;
z-index : 2;
visibility : visible;
overflow : auto;
text-align : justify;
border-right : 1px solid #000000;
padding-top : 20px;
padding-left : 10px;
padding-right : 10px;
} 

/* #### linkes Bild wie auf der Seite: Bau/Betoninstandsetzung #### */
#bild_links_mainwindow {
position : absolute;
top : 104px;
left : 190px;
width : 189px;
height : 439px;
z-index : 2;
visibility : visible;
border-right : 1px solid #000000;
} 

/* #### blaues Feld links von der Bereichsnavigation Bau/Betoninstandsetzung #### */
#blau_oben_mainwindow {
position : absolute;
top : 104px;
left : 380px;
width : 189px;
height : 129px;
background-color : #9fb4d6;
z-index : 2;
visibility : visible;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
} 

/* #### unteres Textfeld wie auf der Seite: Bau/Betoninstandsetzung #### */
#text_unten_mainwindow3 {
position : absolute;
top : 234px;
left : 380px;
width : 359px;
height : 289px;
background-color : #ffffff;
z-index : 2;
visibility : visible;
overflow : auto;
text-align : justify;
border-right : 1px solid #000000;
padding-top : 20px;
padding-left : 10px;
padding-right : 10px;
scrollbar-base-color:		#9FB4D6;
scrollbar-3dlight-color:	#9FB4D6;
scrollbar-arrow-color:		#17366B;
scrollbar-darkshadow-color:	#000000;
scrollbar-face-color:		#9FB4D6;
scrollbar-highlight-color:	#FFFFFF;
scrollbar-shadow-color:		#000000;
scrollbar-track-color:		#DDDDDD;
} 

/* #### bewirkt das Zentrieren #### */
#main {
background-color : transparent;
margin : -284px 0 0 -475px;
position : absolute;
top : 50%;
left : 50%;
width : 950px;
height : 568px;
} 


/* ENDE - Div-Bereiche */

/* ANFANG - Horizontale Navigation */
#horizontale_navigation {
position : absolute;
top : 86px;
left : 190px;
width : 760px;
height : 17px;
background-color : #9fb4d6;
border-bottom : 1px solid #000000;
z-index : 3;
} 
a.top_link {
display : block;
position : absolute;
width : 150px;
color : #17366b;
text-align : center;
height : 18px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
padding-top : 1px;
text-decoration : none;
z-index : 4;
} 
a.top_link:visited, a.top_link:active {
color : #17366b;
} 
a.top_link:hover {
color : #17366b;
text-decoration : underline;
} 
a#unternehmen {
color : #17366b;
left : 15px;
z-index : 4;
} 
a#bereiche {
color : #17366b;
left : 230px;
z-index : 4;
} 
a#kontakt {
color : #17366b;
left : 445px;
z-index : 4;
} 
a#weiteres {
color : #17366b;
left : 630px;
z-index : 4;
} 
#ausklapp_navigation {
position : absolute;
top : 103px;
left : 420px;
width : 160px;
height : 80px;
border-bottom : 1px solid #000000;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
z-index : 10;
visibility : hidden;
} 
#ausklapp_navigation2 {
position : absolute;
top : 103px;
left : 789px;
width : 160px;
height : 64px;
border-bottom : 1px solid #000000;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
z-index : 10;
visibility : hidden;
} 
a.sub_link {
display : block;
width : 145px;
color : #17366b;
text-align : left;
height : 16px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
text-decoration : none;
background-color : #9fb4d6;
padding-left : 15px;
} 
a.sub_link:link, .sub_link:visited, .sub_link:active {
background-color : #9fb4d6;
color : #17366b;
} 
a.sub_link:hover {
background-color : #f0f5ff;
color : #17366b;
text-decoration : underline;
} 

/* ENDE - Horizontale Navigation */