/*----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------- .einst.weiss. |buero fuer buntes & feines|
------------------------------------------------------------------------------------------ Hilmar Kühn jr. | www.einstweiss.de
--------------------------------------------------------------------------------------------------------------------------- */




/*----------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------- www.friseur-haubentaucher.de | 001 */




/*----------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------- body und header und navigation */

html, body, div, h2, img {border:none; text-decoration:none;}


#grau {
         position: fixed;
         background-image: url(../img/grau_oben.png); background-repeat:repeat-x;
         height: 190px;
         width: 100%;
         left: 0px;
         top: 0px;
         z-index: 4;
}


#navi_deck {
         position:fixed;
         background-image: url(../img/navideck.jpg); background-repeat:repeat-x;
         top:116px;
         width:100%;
         height:64px;
         z-index:7;
}


#navi_deck_r {
         position:fixed;
         background-image: url(../img/navideck_r.jpg); background-repeat:repeat-x;
         top:90px;
         left:50%;
         margin-left: 270px;
         width:100%;
         height:90px;
         z-index:8;
}


#navi {
         text-decoration:none;
         position:fixed;
         top:60px;
         width:800px;
         height:120px;
         left:50%;
         margin-left:-400px;
         z-index:6;
}


#vertical {
         float:left;
         margin:0px;
         position:absolute;
         width:700px;
         z-index:6;
}

#vertical p {
         text-decoration:none;
         text-align:center;
         font-family: 'Lobster', Verdana, Tahoma, Arial, Helvetica, serif;
         font-size: 16px;  color:#4a1716; text-shadow: #deddd4 1px 1px 0px;
         line-height:27px;
         border:1px #4a1716 solid; border-radius: 9px; background-color: #b3a18b; }


#vertical div {
         margin-right:18px;
         float:left;
         width:80px;
         height:120px;
         top: 0px;
         position:relative;
         margin-right:6px;
         overflow:hidden;
         z-index:6;
}


#vertical img{
         position:absolute;
         margin-right:7px;
}


#logo {
         position: fixed;
         background-image: url(../img/logo.jpg); background-repeat:no-repeat;
         top: 0px;
         width: 179px;
         height: 180px;
         left: 50%;
         margin-left: 222px;
         z-index:9;
}


#linie_u {
         position: fixed;
         background-image: url(../img/linie_u.png); background-repeat:repeat;
         width: 100%;
         height: 26px;
         bottom: 3px;
         margin: 0px;
         padding: 0px;
         z-index: 333;
}

#dankeklick {position: fixed;

         width: 26px;
         height: 26px;
         bottom: 3px;
         left:50%;
         margin-left: 374px;
         padding: 0px;
         z-index: 335;}


#page
 {background-image:url(../img/susi.jpg); background-repeat:no-repeat; overflow:hidden;
 top:160px;
 left:50%;
 margin-left:-640px;
width:1280px;
height:663px;
border:3px #f6a925 solid; border-radius: 18px; background-color: #b3a18b;
position: fixed;
z-index: 1;
}

#page_2
 {background-image:url(../img/streifen.png); background-repeat:repeat;
 width:100%; height:100%;
margin: 0px;
         padding: 0px;
position: fixed;
z-index: 2;
}

#footer {position: fixed; width: 800px; height:25px; left: 50%; margin-left: -400px; bottom: 15px; z-index: 334; }
#footer p {float:left; font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#4a1716; text-shadow: #deddd4 1px 1px 0px;
letter-spacing:0.1em; padding: 7px 0px; *padding: 18px 0px;}



/*----------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- scrollfeld */


#inrot_1, #inrot_2, #inrot_3, #inrot_4, #inrot_5, #inrot_6, #inrot_7, #inrot_8
{margin:0px; left:0px; height: 16px; width:800px; background:url(../img/inrot.png); background-repeat:repeat-x;}

#inggb_1, #inggb_2, #inggb_3, #inggb_4, #inggb_5, #inggb_6, #inggb_7, #inggb_8
{float:left; overflow:hidden; margin:0px; left:0px; bottom:0px; height: 33px; width:800px; background:url(../img/inggb.png); background-repeat:repeat-x;}









#scrollfeld
{z-index:3; position:absolute; margin:0px; width:800px; left:50%; margin-left:-400px;}


#scrollfeld img {padding:0px 48px;}


#scrollfeld h1 {text-decoration:none; font-family: 'Lobster', Verdana, Tahoma, Arial, Helvetica, serif; font-size: 35px; color:#4a1716;
padding:3px 18px; margin:0px; text-shadow: #deddd4 1px 1px 0px;}


#scrollfeld h2
{float:left; text-decoration:none; font-family: 'Lobster', Verdana, Tahoma, Arial, Helvetica, serif; font-size: 38px; color:#f7a827; line-height:27px; letter-spacing:0em;
padding:63px 27px 0px 27px; margin:0px; text-shadow: #4a1715 1px 1px 0px;}


#scrollfeld p
{float:left; font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#4a1716; text-shadow: #deddd4 1px 1px 0px;
line-height:24px; letter-spacing:0.1em; padding:63px 27px 45px 27px;}


#scrollfeld ul
{text-decoration:none; font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#834c05;
line-height:21px; letter-spacing:0.1em; padding:0px 18px;}


#scrollfeld li a
{font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#4a1716; text-shadow: #deddd4 1px 1px 0px;
line-height:24px; letter-spacing:0.1em; padding:63px 27px 63px 27px;}


#scrollfeld a:hover
{text-decoration:none; font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#deddd4; text-shadow: #4a1716 1px 1px 0px;
line-height:21px; letter-spacing:0.1em;}


#scrollfeld a
{text-decoration:none; font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#4a1716; text-shadow: #deddd4 1px 1px 0px;
line-height:21px; letter-spacing:0.1em;}


/*----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------- container */


#start_p, #angebot_p, #aktionen_p, #galerie_p, #jobs_p, #kontakt_p, #impressum_p, #ende_p {width: 800px; height: 220px;}


#start_r, #angebot_r, #aktionen_r, #galerie_r, #jobs_r, #kontakt_r, #impressum_r, #ende_r {width: 800px;}


#start_t, #angebot_t, #aktionen_t, #galerie_t, #jobs_t, #kontakt_t, #impressum_t, #ende_t
{border: 1px #4a1716 solid; border-radius: 9px; margin-left: 86px; background-color: #f6a927; position: absolute; }


#start, #angebot, #aktionen, #galerie, #jobs, #kontakt, #impressum, #ende
{background:url(../img/bg_c.png); background-repeat:repeat; overflow:hidden; width:799px;
margin-top:24px; border:1px #4a1716 solid; border-radius: 9px;}


#angebot_1 {float:left; width:230px; margin:54px 26px 9px 27px; border:1px #b3a18b solid; border-radius: 9px;}
#angebot_2 {float:left; width:230px; margin:54px 26px 27px 0px; border:1px #b3a18b solid; border-radius: 9px;}
#angebot_3 {float:left; width:230px; margin:54px 0px 27px 0px; border:1px #b3a18b solid; border-radius: 9px;}
#angebot_4 {float:left; width:230px; margin:0px 26px 27px 27px; border:1px #b3a18b solid; border-radius: 9px;}
#angebot_5 {float:left; width:488px; margin:0px 24px 27px 0px; border:1px #b3a18b solid; border-radius: 9px;}
#angebot_6 {float:left; width:746px; margin:0px 24px 27px 27px; border:1px #b3a18b solid; border-radius: 9px;}
#angebot_1 p, #angebot_2 p, #angebot_3 p, #angebot_4 p, #angebot_5 p, #angebot_6 p {padding:3px 9px;}





#aktionen_li      {float:left; width: 120px; margin: 53px 0px 54px 27px;}


#aktionen_re      {float:left; width: 630px; margin: 53px 0px 45px 0px;;}

#aktionen_re p {float:left; text-decoration:none; font-family: Verdana, Tahoma, Arial, Helvetica, serif; font-size: 12px; color:#4a1716; text-align:left; line-height:45px;
padding:10px 0px; margin:0px; text-shadow: #deddd4 1px 1px 0px;}

#danke {background:url(../img/danke.png); background-repeat:no-repeat; overflow:hidden; width:800px; height:571px; margin:0px;}

/*----------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------- span styles */

span.aktionen_li {float:right; text-decoration:none; font-family: 'Lobster', Verdana, Tahoma, Arial, Helvetica, serif; font-size: 20px; color:#ac2722; text-align:right; line-height:45px;
padding:9px; margin:0px; text-shadow: #deddd4 1px 1px 0px;}


span.haubentaucher {float:left; text-decoration:none; font-family: 'Lobster', Verdana, Tahoma, Arial, Helvetica, serif; font-size: 38px; color:#f7a827; line-height:27px; letter-spacing:0em;
padding:0px; margin:0px; text-shadow: #4a1715 1px 1px 0px;}




span.gelbmarker {background: #f6a927;}

span.gelb {color: #f6a927; text-shadow: #4a1715 1px 1px 0px; *color: #ad2724}

span.i {padding:0px;
         font-size: 10px;

         font-style:italic;
}



/*----------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------- kontaktfeld */

#kontakt_li {float:left; width:325px;}

#kontakt h2
{float:left; text-decoration:none; font-family: 'Lobster', Verdana, Tahoma, Arial, Helvetica, serif; font-size: 38px; color:#f7a827; letter-spacing:0em;
padding:63px 27px 0px 27px; margin:0px; text-shadow: #4a1715 1px 1px 0px;}

#kontakt p {float:left; font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#4a1716; text-shadow: #deddd4 1px 1px 0px;
line-height:24px; letter-spacing:0.1em; padding:18px 27px 18px 27px;}

#kontakt iframe  {margin-top:18px; border-left:1px #b3a18b solid;}

#name {float:left;
background-color:transparent;
width:200px;

height:27px;
margin:1px 0px 3px 9px;
text-decoration:none;

font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ad2724; letter-spacing:0.1em; padding:7px 7px;
border: 1px #b3a18b solid; border-radius: 6px;
}


#email {float:left;

width:200px;

height:27px;
margin:1px 0px 3px 9px;
text-decoration:none;

font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ad2724; background-color:transparent; letter-spacing:0.1em; padding:7px 7px;
border: 1px #b3a18b solid; border-radius: 6px;
}


.feld_anfrage {float:left;
margin:0px 0px 0px 3px;
padding:0px;

text-decoration:none;
font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#4a1715; letter-spacing:0.1em; background-color:transparent; padding:18px 7px 7px 7px;
}


#phone {
float:left;
background-color:transparent;
width:200px;
height:27px;
margin:1px 0px 3px 9px;
text-decoration:none;
font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ad2724; letter-spacing:0.1em; padding:7px 7px;
border: 1px #b3a18b solid; border-radius: 6px;
}


#knopf {float:left;
height:27px;
width:200px;
border: 2px #2c5b76;

margin:1px 0px 3px 9px;
background-color:transparent;
text-decoration:none;
font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#4b1815; letter-spacing:0.1em; padding:3px 0px;
}


input.radio {
margin:0px;
}


#message {
background-color:transparent;
width:409px;
min-width:120px;
max-width:409px;
height:180px;
min-height:50px;
max-height:180px;

*width:409px;
*min-width:120px;
*max-width:409px;
*height:145px;
*min-height:50px;
*max-height:160px;

margin:11px 0px 0px 9px;
text-decoration:none;
font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ad2724; letter-spacing:0.1em; padding:7px 7px;
border: 1px #b3a18b solid; border-radius: 6px;
}


.feld_sicher {
margin:11px 0px 0px 3px;
text-decoration:none;
font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#4a1715; letter-spacing:0.1em; padding:9px 7px 7px 7px;
}


#feld_rechnen {
background-color:transparent;

width:54px;
height:27px;
margin:0px 20px 0px 9px;
text-decoration:none;
font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ad2724; letter-spacing:0.1em; padding:7px;
border: 1px solid #b3a18b; border-radius: 6px;
}


#arithmetic {
background-color:transparent;

width:88px;
height:27px;
margin:0px 0px 0px 0px;
text-decoration:none;
font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; align:center; color:#ad2724; letter-spacing:0.1em; padding:7px;
border: 1px #b3a18b solid; border-radius: 6px;
}


#submit {
background-image:url(../img/bg_gelb.png);

width: 180px;
height:36;
margin-left:54px;
text-decoration:none;
font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif; align:center; color:#ad2724; letter-spacing:0.1em; padding:7px;
border: 1px #b3a18b solid; border-radius: 6px;
}


.feld_pflicht {
margin:0px;
text-decoration:none;
font:9px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ad2724; letter-spacing:0.1em; padding:14px 7px 0px 7px;
}