@charset "UTF-8";
/* CSS Document */

* {padding:0; margin:0;}
a img {border:none;}
a:focus {outline:none; background:none}
ul { list-style-type:none}
p {padding:0 0 20px 0;}
.clear {clear:both}

body {background:url(../images/layout/bg-body.jpg); font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#b3b3b3; line-height:1.6em;}


/* HEADER */
#container-header {background:url(../images/layout/bg-container-header.jpg) top center no-repeat; height:552px; width:auto;}
#header {width:990px; height:552px; margin:0 auto; position:relative}
h1#branding {position:absolute; top:59px; left:0px;}

ul#social-networks {position:absolute; top:314px; left:50px;}
ul#social-networks li {float:left;}
ul#social-networks li a {height:70px; display:block; text-indent:-9999em; background:url(../images/layout/bg-socialnetwork.jpg);}
ul#social-networks li a.fac {background-position:0 0; width:86px;}
ul#social-networks li a.fac:hover {background-position:0 -70px;}
ul#social-networks li a.mys {background-position:-86px 0; width:98px;}
ul#social-networks li a.mys:hover {background-position:-86px -70px;}
ul#social-networks li a.you {background-position:-184px 0; width:86px;}
ul#social-networks li a.you:hover {background-position:-184px -70px;}

ul#navi {position:absolute; top:411px; left:154px;}
ul#navi li {float:left;}
ul#navi li a {display:block; height:125px; text-indent:-9999em; background:url(../images/layout/bg-navi.jpg);}
ul#navi li a.hom {background-position:0 0; width:71px;}
ul#navi li a.hom:hover, body#home ul#navi li a.hom {background-position:0 -125px;}
ul#navi li a.new {background-position:-71px 0; width:84px;}
ul#navi li a.new:hover, body#news ul#navi li a.new {background-position:-71px -125px;}
ul#navi li a.lin {background-position:-155px 0; width:155px;}
ul#navi li a.lin:hover, body#about-linda ul#navi li a.lin {background-position:-155px -125px;}
ul#navi li a.pho {background-position:-310px 0; width:107px;}
ul#navi li a.pho:hover, body#photos ul#navi li a.pho {background-position:-310px -125px;}
ul#navi li a.vid {background-position:-417px 0; width:97px;}
ul#navi li a.vid:hover {background-position:-417px -125px;}
ul#navi li a.blo {background-position:-514px 0; width:155px;}
ul#navi li a.blo:hover {background-position:-514px -125px;}
ul#navi li a.kon {background-position:-669px 0; width:106px;}
ul#navi li a.kon:hover, body#kontakt ul#navi li a.kon {background-position:-669px -125px;}


/* CONTENT */
#container-bg-content {background:url(../images/layout/bg-content.jpg) center repeat-y; width:auto;}
#container-content {background:url(../images/layout/bg-container-content.jpg) top center no-repeat; width:auto;}
#content {width:951px; margin:0 auto; padding:40px 0 0 39px;}

#mini-linda {background:url(../images/layout/bg-minilinda.jpg); width:139px; height:405px; position:absolute; left:514px; top:-99px}

#content-text {width:562px; background:#212121; float:left; position:relative}
#text {padding:20px 45px 20px 35px;}

h2 {width:562px; height:56px; text-indent:-9999em;}
body#index h2 {background:url(../images/layout/h2/willkommen.jpg);}
body#news h2 {background:url(../images/layout/h2/news.jpg);}
body#photos h2 {background:url(../images/layout/h2/photos.jpg);}
body#about-linda h2 {background:url(../images/layout/h2/about-linda.jpg);}
body#kontakt h2 {background:url(../images/layout/h2/kontakt.jpg);}
body#impressum h2 {background:url(../images/layout/h2/impressum.jpg);}

a {color:#c74f89; text-decoration:none;}
a:hover {color:#b3b3b3;}

.line {height:3px; border-bottom:1px dashed #343434; margin-bottom:20px}


/* SIDEBAR */
#sidebar {width:349px; float:left; margin-top:-40px; margin-left:18px}

#termine {background:url(../images/layout/bg-termine.jpg) top right no-repeat #212121; height:137px; padding-left:80px; width:269px; margin-bottom:19px}
h3.ter {background:url(../images/layout/h3/termine.jpg) bottom no-repeat; width:95px; height:23px; text-indent:-9999em; padding-top:17px; margin-bottom:15px}
.date {font-weight:bold; color:#c74f89;}

#newsbox {background:#212121; padding:20px 0 20px 80px; width:269px; margin-bottom:19px}
h3.new {background:url(../images/layout/h3/news.jpg); width:64px; height:23px; text-indent:-9999em; margin-bottom:15px}
#newsbox p {font-size:0.9em; width:255px; padding-bottom:5px}
#newsbox a {color:#c74f89; text-decoration:none; font-size:0.9em; margin:-10px 0 0 200px}

h4 {color:#c74f89; font-weight:bold; font-size:1.1em; margin-bottom:5px}

#aktuelle-vo {background:#212121; padding:20px 0 20px 28px; width:321px;}
h3.voe {background:url(../images/layout/h3/aktuelle-voe.jpg); width:139px; height:28px; text-indent:-9999em; margin-bottom:15px}
#aktuelle-vo p {font-size:0.9em; width:300px; padding-bottom:5px}

.picture {float:left; border:3px solid #71324d; margin:5px 15px 0 0;}
.rahmen {float:left; border:3px solid #71324d; margin:5px 0 0 0;}

#photos a img {margin-bottom:10px;}


/* FOOTER */
#container-footer {background:url(../images/layout/bg-footer.jpg) center no-repeat; height:449px; width:auto; margin-top:-200px}
#footer {width:990px; margin:0 auto; position:relative}
#footer a {background:url(../images/layout/bg-impressum.jpg); width:82px; height:48px; display:block; text-indent:-9999em; top:252px; left:886px; position:absolute}
#footer a:hover, body#impressum #footer a {background-position:bottom !important;}