@charset utf-8;

/* _CSS Anne Rothäuser by www.squarevisuals.com */

body                  { font-family: Arial, Helvetica, sans-serif;font-size: 11px; color: #fff; margin: 0; padding: 0;
                        background: #e8e8e8 url() no-repeat center center fixed;
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                        background-size: cover;  }
 
/* _Content ----------------------------------------------------------------------------------------------------------- */                
.container			  { width:1000px;margin:0 auto;position:relative;display:block;}


#logo                 { position: absolute; top:0px; left:0px; background: url(img/logo.png); width: 271px; height: 144px; }

#social               { position: absolute; top:770px; left:0px; width: 120px; height: 30px}
#social ul            { list-style-type: none; list-style-position: outside; margin: 0; padding: 0}
#social ul a          { display: block; height:30px; width: 30px  }
#social ul li         { float:left; }
.xing                 { background: url(img/social_xing.png) no-repeat}
.facebook             { background: url(img/social_fb.png) no-repeat}
.twitter              { background: url(img/social_twitter.png) no-repeat}
.email                { background: url(img/social_email.png) no-repeat}

/* _Navigation ----------------------------------------------------------------------------------------------------------- */
#navigation           { position: absolute; top:44px; left:275px; width: 850px; height:100px; }
#navigation ul        { list-style-type: none; list-style-position: outside; margin: 0; padding: 0}
#navigation ul a      { display: block; height:50px;  }
#navigation ul li     { float:left; display: block; height:50px; }

.moderation a         { width:156px;background: url(img/navigation.png) 0 50px}
.moderation a:hover, .moderation.current { width:156px; background: url(img/navigation.png) 0 0}

.schauspiel a         { width:126px; background: url(img/navigation.png) -156px 50px}
.schauspiel a:hover, .schauspiel.current { width:126px;background: url(img/navigation.png) -156px 0}

.aktivitaeten a       { width:134px; background: url(img/navigation.png) -280px 50px}
.aktivitaeten a:hover, .aktivitaeten.current { width:134px; background: url(img/navigation.png) -280px 0}

.referenzen a         { width:133px; background: url(img/navigation.png) -414px 50px}
.referenzen a:hover, .referenzen.current {  width:133px; background: url(img/navigation.png) -414px 0}

.fotos a              { width:76px; background: url(img/navigation.png) -547px 50px}
.fotos a:hover, .fotos.current { width:76px; background: url(img/navigation.png) -547px 0}

.kostprobe a          { width:124px; background: url(img/navigation.png) -622px 50px}
.kostprobe a:hover, .kostprobe.current { width:124px; background: url(img/navigation.png) -622px 0}

.kontakt a            { width:101px; background: url(img/navigation.png) -746px 50px}
.kontakt a:hover, .kontakt.current { width:101px; background: url(img/navigation.png) -746px 0 }
/* ------------------------------------------------------------------------------------------------------------------------ */

#content              {position: absolute; top:148px; left:155px; width:850px; height:550px;}

#imprint              {position: absolute; top:750px; left:0px; display:block; height: 20px}

/* _Textstyles ----------------------------------------------------------------------------------------------------------- */
a                     {color: #fff; text-decoration: none}
a:hover               {color: #f67e43}