/* ----------Hintergrund DUNKELGRAU-------------- */
body {background-color: #999999;}
.gray {background: #999999;}
.tabheader, thead {background: #666666;}
/* ----------Schrift WEISS-------------- */
p.important, 
p.tippnummer, 
#schrift, 
#schrift a:hover, 
#footer, h1.ir, 
#suchmaschine, 
#subnavigation, 
#rechtsoben h1, 
#rechtsoben h2.sub, 
#linksoben h2, 
#linkliste, 
#linkliste a, 
#search, 
#subnavi, 
#subnavi p, a, 
#subnavi a:hover, 
.uwlinks, 
input.button1, 
button.button1, 
input.button1:hover, 
button.button1:hover, 
#menu2, 
.hauptnavi li, 
.hauptnavi a:hover span, 
.menu a, 
.menu a:visited, 
.tabheader, thead, 
h2.gasthead, 
.gb_posts thead, 
tfoot, 
.admin_posts thead, 
tfoot, 
.poster, 
#admin legend, 
#halter, 
#linkliste span, 
#rechtsoben .joico a,
#rechtsoben h2.rotweiss,
#rechtsoben h2.jobs a
{color: #fff;}
h2.jobs {color: #fff!important;}
/*****************************************/
/* ----------Schrift SCHWARZ------------ */
/*****************************************/
#rechtsoben h2, h2 em, #rechtsoben h3, .browser, #alben span  
{color: #000;}

/*****************************************/
/* ----------Schrift ROT---------- */
/*****************************************/  
.displaytd a, 
.colr1a, 
.colr2a, 
#rechtsoben h2 em, 
#cap, 
#linkslink li.heim a, 
#rechtslink li.rauf a, 
#rechtsoben a, 
.access a, 
.number, 
.colr5a, 
.colr6a, 
p.bigred, 
.laufschrift, 
#linkliste li a, 
#linkliste li a:hover,
#rechtsoben span.rot 
{color: #990000;}

 

/* ----------Hintergrund WEISS---------- */
 
.number, #linkliste li a, #linksoben h3, .hauptnavi a span, .zwischen, .colr5a, .colr6a, #rechtsoben  
{background-color: #fff;} 

/* ----------Unterstrich 2px WEISS---------- */
#schrift a:hover
{ border-bottom: 2px solid #fff;}

/* ----------Unterstrich und Oberstrich 2px HELLGRAU---------- */
#menucontainer2, #rechtsoben h2 em
{border-bottom: 2px solid #ddd;}

#footer, #untenrechts,  #tabrechts, .backlink, .nachoben
{border-top: 2px solid #ddd;}

/* ----------Hintergrund ROT---------- */

 
#halter, 
.poster, 
.hauptnavi a:hover span, 
.hauptnavi a:hover, 
#menu2, 
#search, 
p.tippnummer, 
p.important, 
#banner, 
#nav, 
#menucontainer2,  
#unten, 
#footer, 
#suchleiste, 
#schrift, 
h1.ir, 
#rechtsoben h2.sub, 
.send, 
#linkliste span,
#rechtsoben h2.rotweiss,
#rechtsoben h2.jobs  
{background-color: #990000;}



/* ----------Hintergrund HELLGRAU---------- */
#untenlinks, #rechtsoben h2, h2 em, .access, .coll2a, .colm2a, .colr2a, .colm4a, .coll4a, .rahmen    
{background: #ddd;}

/* ----------Bilder mit Hintergrund---------- */
#container {background:  url('wrapper2.PNG');}
#barrierefrei {background: #990000 url('wrapper3.PNG');} 
#banner {background: #990000 url('banner.jpg') 100% 0%;}
#linkslink li.heim {background-image: url('home.gif');}
#rechtslink2 li.nachfolgendeseite {background-image: url('home.gif');}
.linkslink2 li.weiter {background-image: url('bottom.gif');}
.linkslink2 li.vorigeseite {background-image: url('home.gif');}
#rechtslink li.rauf, .rechtslink2 li.rauf {background-image: url('top.gif');} 
h1.ir em {background:  url('banner.jpg');}
#rechtsoben h1 {background: #666666 url('headline.jpg') no-repeat; background-position:bottom;}
#linksoben h2 {background: #990012 url('h2.jpg') no-repeat;}
#start {background: #fff url('/bilder/startfoto3.jpg') no-repeat 100% 0%; background-repeat:no-repeat}
#startcontainer {background: #fff url('/bilder/startfotoneu.jpg') no-repeat 100% 0%; background-repeat:no-repeat; background-position: left;}

.newsletterfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/newsletterfoto.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.tippfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/tippfoto.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.infofoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/infofoto.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.newsfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/stylenews.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.trendfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/trends.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.albenfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/fotoalben.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.ueberunsfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/ueberuns.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.leistungsfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/leistung.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.produktfoto {width: 199px; height: 136px; background: #fff url('http://www.style-in-the-city.at/bilder/Schaden.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.lageplanfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/lageplan.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.ueberunsfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/ueberuns.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.straehnenlangfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/straehnenlang.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.straehnenkurzfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/straehnenkurz.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.hochsteckfrisurenfoto {width: 210px; height: 180px; background: #fff url('http://www.style-in-the-city.at/bilder/hochsteckfrisuren.jpg') no-repeat;float: left; clear: both; margin: 0 10px 10px 0;}
.sommerfoto {width: 154px; height: 125px; background: #ddd url('http://www.style-in-the-city.at/bilder/sommer.jpg') no-repeat;float: left; clear: both;}
.fruehlingfoto {width: 154px; height: 125px; background: #ddd url('http://www.style-in-the-city.at/bilder/fruehling.jpg') no-repeat;float: left; clear: both;}
.herbstfoto {width: 154px; height: 125px; background: #ddd url('http://www.style-in-the-city.at/bilder/herbst.jpg') no-repeat;float: left; clear: both;}
.winterfoto {width: 154px; height: 125px; background: #ddd url('http://www.style-in-the-city.at/bilder/winter.jpg') no-repeat;float: left; clear: both;}
.vipcardfoto {width: 241px; height: 163px; background: #ddd url('http://www.style-in-the-city.at/bilder/vipcard.jpg') no-repeat;float: left; clear: both;}
.jugendcardfoto {width: 235px; height: 161px; background: #ddd url('http://www.style-in-the-city.at/bilder/jugendcard.jpg') no-repeat;float: left; clear: both;}
.studayfoto {width: 235px; height: 161px; background: #ddd url('http://www.style-in-the-city.at/bilder/keplercard.jpg') no-repeat;float: left; clear: both;}
.weiterempfehlungfoto {width: 137px; height: 206px; background: #ddd url('http://www.style-in-the-city.at/bilder/weiterempfehlung.jpg') no-repeat;float: left; clear: both;}
.neukundenfoto {width: 118px; height: 150px; background: #ddd url('http://www.style-in-the-city.at/bilder/geschenk.jpg') no-repeat;float: left; clear: both;}
.webseite {width: 247px; height: 226px; background: #ddd url('http://www.style-in-the-city.at/bilder/webseite.jpg') no-repeat;float: left; clear: both;}
#joico {width: 231px; height: 207px; background: #ddd url('http://www.style-in-the-city.at/bilder/joico.jpg') no-repeat;float: left; clear: both;margin-bottom: 10px;}
#leister{background: #fff url('http://www.style-in-the-city.at/bilder/leistung2.jpg') no-repeat;float: left; background-position: right;}
#joicoprodukte{width: 181px; height: 228px;background: #fff url('http://www.style-in-the-city.at/bilder/joicoprodukte.jpg') no-repeat;float: left; background-position: left;}

#alben a.friseursalon {background: #fff url('http://www.style-in-the-city.at/fotos/fotoalbumgeschaeft/thumbs/landstrassenblick.jpg') no-repeat;}
#alben a:hover.friseursalon {background: #ddd url('http://www.style-in-the-city.at/fotos/fotoalbumgeschaeft/thumbs/landstrassenblick.jpg') no-repeat; color: #000;}

#alben a.straehnenlang {background: #fff url('http://www.style-in-the-city.at/fotos/straehnenlang/thumbs/lang1.jpg') no-repeat;}
#alben a:hover.straehnenlang {background: #ddd url('http://www.style-in-the-city.at/fotos/straehnenlang/thumbs/lang1.jpg') no-repeat; color: #000;}

#alben a.straehnenkurz {background: #fff url('http://www.style-in-the-city.at/fotos/straehnenkurz/thumbs/kurz1.jpg') no-repeat;}
#alben a:hover.straehnenkurz{background: #ddd url('http://www.style-in-the-city.at/fotos/straehnenkurz/thumbs/kurz1.jpg') no-repeat; color: #000;}

#alben a.hochsteckfrisuren {background: #fff url('http://www.style-in-the-city.at/fotos/hochsteckfrisuren/thumbs/hochsteckfrisur7t.jpg') no-repeat;}
#alben a:hover.hochsteckfrisuren{background: #ddd url('http://www.style-in-the-city.at/fotos/hochsteckfrisuren/thumbs/hochsteckfrisur7t.jpg') no-repeat; color: #000;}

 #kontaktformular {background: #ddd url('/bilder/formularpost.jpg') 100% 0%;background-repeat: no-repeat;}
 #kontaktformular legend {background: #990000; color: #fff;}
 #kontaktformular label {color: #990000;}
.button li.divvor a     {background: url('pfeilnachvorn.png'); background-repeat: no-repeat; background-position: left;}
.button li.divzurueck a {background: url('pfeilzurueck.png'); background-repeat: no-repeat; background-position: right;}
.button li.divvor a:hover, .button li.divzurueck a:hover {background-image:url('loading.gif'); background-repeat: no-repeat; }
 
/* ----------Linkliste der Leistungen---------- */ 
#alben a.farbtypberatung {background: #fff url('http://www.style-in-the-city.at/linkthumbs/farbtypberatung.jpg') no-repeat;}
#alben a:hover.farbtypberatung {background: #ddd url('http://www.style-in-the-city.at/linkthumbs/farbtypberatung.jpg') no-repeat; color: #000;}

#alben a.haarfaerbungen {background: #fff url('http://www.style-in-the-city.at/linkthumbs/haarfaerbungen.jpg') no-repeat;}
#alben a:hover.haarfaerbungen {background: #ddd url('http://www.style-in-the-city.at/linkthumbs/haarfaerbungen.jpg') no-repeat; color: #000;}

#alben a.pflanzlich {background: #fff url('http://www.style-in-the-city.at/linkthumbs/pflanzlich.jpg') no-repeat;}
#alben a:hover.pflanzlich{background: #ddd url('http://www.style-in-the-city.at/linkthumbs/pflanzlich.jpg') no-repeat; color: #000;}

#alben a.sl {background: #fff url('http://www.style-in-the-city.at/linkthumbs/sl.jpg') no-repeat;}
#alben a:hover.sl{background: #ddd url('http://www.style-in-the-city.at/linkthumbs/sl.jpg') no-repeat; color: #000;}

#alben a.sk {background: #fff url('http://www.style-in-the-city.at/linkthumbs/sk.jpg') no-repeat;}
#alben a:hover.sk {background: #ddd url('http://www.style-in-the-city.at/linkthumbs/sk.jpg') no-repeat; color: #000;}

#alben a.toenungen {background: #fff url('http://www.style-in-the-city.at/linkthumbs/toenungen.jpg') no-repeat;}
#alben a:hover.toenungen {background: #ddd url('http://www.style-in-the-city.at/linkthumbs/toenungen.jpg') no-repeat; color: #000;}

#alben a.hochsteck {background: #fff url('http://www.style-in-the-city.at/linkthumbs/hochsteck.jpg') no-repeat;}
#alben a:hover.hochsteck{background: #ddd url('http://www.style-in-the-city.at/linkthumbs/hochsteck.jpg') no-repeat; color: #000;}

#alben a.hochzeit {background: #fff url('http://www.style-in-the-city.at/linkthumbs/hochzeit.jpg') no-repeat;}
#alben a:hover.hochzeit{background: #ddd url('http://www.style-in-the-city.at/linkthumbs/hochzeit.jpg') no-repeat; color: #000;}

#alben a.ball {background: #fff url('http://www.style-in-the-city.at/linkthumbs/ball.jpg') no-repeat;}
#alben a:hover.ball {background: #ddd url('http://www.style-in-the-city.at/linkthumbs/ball.jpg') no-repeat; color: #000;}

#alben a.trend {background: #fff url('http://www.style-in-the-city.at/linkthumbs/trend.jpg') no-repeat;}
#alben a:hover.trend {background: #ddd url('http://www.style-in-the-city.at/linkthumbs/trend.jpg') no-repeat; color: #000;}

#alben a.dauerwelle {background: #fff url('http://www.style-in-the-city.at/linkthumbs/dauerwelle.jpg') no-repeat;}
#alben a:hover.dauerwelle{background: #ddd url('http://www.style-in-the-city.at/linkthumbs/dauerwelle.jpg') no-repeat; color: #000;}

#alben a.stufe {background: #fff url('http://www.style-in-the-city.at/linkthumbs/stufen.jpg') no-repeat;}
#alben a:hover.stufe{background: #ddd url('http://www.style-in-the-city.at/linkthumbs/stufen.jpg') no-repeat; color: #000;}

#alben a.rasur {background: #fff url('http://www.style-in-the-city.at/linkthumbs/rasur.jpg') no-repeat;}
#alben a:hover.rasur{background: #ddd url('http://www.style-in-the-city.at/linkthumbs/rasur.jpg') no-repeat; color: #000;}

#alben a.augen {background: #fff url('http://www.style-in-the-city.at/linkthumbs/augen.jpg') no-repeat;}
#alben a:hover.augen{background: #ddd url('http://www.style-in-the-city.at/linkthumbs/augen.jpg') no-repeat; color: #000;}

/* ----------Menü links---------- */
.menu a, .menu a:visited {  background-color:#666666;border-right:5px solid #ddd;}

.menu a:hover {
  border-right:5px solid #990009; color: #000;
  background: #ddd;
  }
.menulinks li a{border-right: 5px solid #ddd;background: #666666;}
.menulinks li a:hover{background: #ddd; border-right: 5px solid #990000; color: #000;}


#rechtsoben h2 a, #rechtsoben h2 a:hover, #rechtsoben h3 a, #rechtsoben h3 a{color: #000; border: none;}

#rechtsoben a {border-bottom: 1px dotted #990000; text-decoration: none;}
#rechtsoben a:hover {color:#1b608c; border-bottom: 1px dotted #fff;}

/* ----------Browseranzeige---------- */
.browser {background: #eee;}

/* ----------Kalender---------- */
#calender {background: #ddd url('http://www.style-in-the-city.at/bilder/kalenderneu.jpg'); background-repeat: no-repeat;}
span.monat, span.datum, span.tag, span.jahr, span.oeffnung {color: #000;}
span.datum {color: #990000;}
span.oeffnung {background: #ddd;}
