body {margin:0; padding:0; background:#000; font:normal normal 12px/16px Verdana, Arial, Helvetica, sans-serif;}


#container {width:980px; margin:0 auto; padding:0;}


#header {width:980px;}

#navi {height:50px;}
#navi ul {margin:20px 30px 0 0; float:right;}
#navi ul li {float:left; border-left:1px solid #fff; border-right:1px solid #fff; list-style-type:none;}
#navi ul li a {color:#fff; font-size:14px; padding:0 10px; text-decoration:none;}
#navi ul li a:hover {color:#000; background:#fff;}

#index #a_index, #ueber_uns #a_ueber_uns, #kontakt #a_kontakt, #anfahrt #a_anfahrt, #impressum #a_impressum
{color:#000; background:#fff;}

#index #banner, #ueber_uns #banner, #kontakt #banner, #anfahrt #banner, #impressum #banner, #events #banner, #angebote #banner
{width:980px; height:250px; background:transparent url(../images/banner.jpg) 0 0 no-repeat;}

#friseur_team #banner, #friseur_leistungen #banner, #friseur_galerie #banner, #friseur_preise #banner,#haarverlaengerung #banner, #braut_und_braeutigam #banner,
#kosmetik_team #banner, #kosmetik_leistungen #banner
{width:980px; height:250px; background:transparent url(../images/banner2.jpg) 0 0 no-repeat;}

#banner div {padding:175px 0 20px 35px;}
#banner div a {font-size:20px; color:#fff;padding:16px 0 0 0; text-transform:uppercase;background:url(../images/button-top.jpg) no-repeat; text-decoration:none; font-weight:bold;display:block; height:35px;text-align:center; width:159px; float:left; margin-right:20px;}
#banner div a:hover {color:#F7C1C1; }

#events #a_events, #angebote #a_angebote {color:#fff; }


#wrapper {width:980px; background:transparent url(../images/content_repeat.jpg) repeat-y;}

#index #content, #ueber_uns #content, #kontakt #content, #anfahrt #content, #impressum #content, #events #content, #angebote #content
{background:transparent url(../images/content.jpg) top right no-repeat;}

#friseur_team #content, #friseur_leistungen #content, #friseur_galerie #content, #haarverlaengerung #content, #braut_und_braeutigam #content,
#kosmetik_team #content, #kosmetik_leistungen #content
{background:none;}

#subnavi {float:right; margin:25px 120px 0 0;}
#subnavi ul li {list-style-type:square; margin:3px 0 3px 20px;}
#subnavi ul li.cat {list-style-type:none; width:160px; background:#000; color:#fff; margin:15px 0 0 0; padding:5px 0 5px 10px; font-size:14px; font-weight:bold; text-transform:uppercase;}
#subnavi ul li a {text-decoration:none; color:#000; display:block; padding:2px 0 2px 5px;}
#subnavi ul li a:hover { color:#444; background:#ddd;}

#friseur_team #a_friseur_team, #friseur_leistungen #a_friseur_leistungen, #friseur_preise #a_friseur_preise,  #friseur_galerie #a_friseur_galerie, #haarverlaengerung #a_haarverlaengerung, #braut_und_braeutigam #a_braut_und_braeutigam,
#kosmetik_team #a_kosmetik_team, #kosmetik_leistungen #a_kosmetik_leistungen
{color:#fff; background:#777;}

#textarea {width:550px; min-height:300px; height:auto !important; height:300px; padding:25px 0 15px 50px;}
#content_bottom {width:980px; height:15px; clear:both; background:transparent url(../images/content_bottom.jpg) 0 0 no-repeat;}


div.offer {width:980px; background:url(../images/footer_repeat.jpg) repeat-y; margin:20px 0 0 0;}
#address {width:980px; height:20px; background:url(../images/footer_repeat.jpg) repeat-y; margin:20px 0 0 0;}
#address p {margin:0; padding:3px 0; text-align:center; font:normal normal 12px/16px;}


h1 {font-size:17px; margin:0 0 30px;}
h2 {font-size:15px; margin:0 0 30px;}

/* +++++ Klassen +++++ */
.rabatt_50pro {height:75px; padding:10px 0;}
.rabatt_50pro p {padding:12px 10px 0 0; margin:0; font-size:14px; color:#e00;}
.rabatt_50pro img {float:left; margin:0 20px 0 50px;}

div.profil img {float:left; margin:0 20px 0 0; background:#ddd url(../images/profil_leer.jpg) 50% 50% no-repeat;}
div.profil div {float:left; width:350px;}
div.profil div h2 {font-size:14px; border-bottom:1px solid #000; display:inline; padding:0 25px 0 0;}
div.profil div em {font-size:14px;}
div.profil div p.quote {padding:10px; background:#f5f5f5;}

p.c {clear:both; margin:0;}

.tab_kosmetik td {vertical-align:top; padding:0 0 10px 0;}
.tab_kosmetik td.td_h {font-size:14px; padding:20px 0 10px 20px}
.tab_kosmetik td p {margin:0;}

.tab_friseur td {vertical-align:top; padding:0 0 10px 0;}
.tab_friseur td.td_h {font-size:14px; padding:20px 0 10px 20px}
.tab_friseur td p {margin:0;}


.pic-container { margin-bottom:30px;}
#content a img { border:1px solid #505050; padding:1px;}