/* Basic Stylesheet for www.ninaschumacher.de */
/* author: www.ideenwerft.com */

/* Farben:   */

* {padding:0px;margin:0px;}
img {border:0;}
.hidden {
position: absolute;
left: -10000px;
}
html[xmlns^="http"] {
overflow-y: scroll;
}
html {height:100%;} 
* html body {height:100%;}
body {
height:100%;
font-size:75%;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color:#fff;
text-align:center;
background:#333 url(img/bg.jpg) fixed;
}
#wrapper {width:800px;min-height:100%;margin:0 auto;text-align:left;}
#header {position:relative;height:415px;background:url(img/ctop.png) bottom left no-repeat;}
#navi {position:absolute;z-index:6;top:0;left:0;width:520px;height:60px;padding-left:7px;}
#image {position:absolute;z-index:4;top:-30px;right:-90px;width:670px;height:400px;}
#logo {position:absolute;top:70px;left:30px;clear:both;display:block;width:200px;height:200px;background:url(img/logo.gif) no-repeat;}
#header .mod_article {position:absolute;z-index:2;top:230px;left:7px;width:705px;height:55px;background:url(img/bg_welcome.png) top left repeat-x;padding:90px 60px 20px 20px;}
#container {padding:15px 20px 0px 30px;min-height:350px;background:url(img/cmiddle.png) top left repeat-y;}
#main {float:left;width:510px;margin-right:20px;}
body.breit #main {width:100%}
#right {float:right; width:200px;padding-bottom:20px;}
#footer {clear:both;height:60px;background:url(img/cbottom.png) top left no-repeat;}

body.about #header, body.media #header, body.sponsors #header, body.contact #header {height:330px;}
body.about #header .mod_article, body.media #header .mod_article, body.sponsors #header .mod_article, body.contact #header .mod_article {position:absolute;z-index:2;top:230px;left:7px;width:700px;height:35px;background:url(img/bg_welcome.png) bottom left repeat-x;padding:25px 60px 20px 25px;}
body.about #header .mod_article, body.media #header .mod_article, body.sponsors #header .mod_article, body.contact #header .mod_article {color:#cef6ff;}

/* +++ head image +++ */
body.blog #image {background:url(img/head_blog.png) 0 0 no-repeat;}
body.about #image {background:url(img/head_about.png) 0 0 no-repeat;}
body.media #image {background:url(img/head_gallery.png) 0 0 no-repeat;}
body.sponsors #image {background:url(img/head_sponsors.png) 0 0 no-repeat;}
body.contact #image {background:url(img/head_contact.png) 0 0 no-repeat;}

/* +++ navi +++ */
#navi ul li {list-style:none;float:left;text-align:center;}
#navi a:link, #navi a:visited {display:block;height:60px;padding-top:7px;font-size:1.2em;font-weight:bold;color:#fff;text-decoration:none;outline:none;}
#navi a:hover, #navi a:focus {color:#fff;text-decoration:underline;}
/* +++ BLOG +++ */
#navi li.navBlog a:link, #navi li.navBlog a:visited {width:92px;background:url(img/nBlog.png) top left no-repeat;}
#navi li.navBlog a:hover, #navi li.navBlog a:focus {background:url(img/nBlog.png) -158px -8px no-repeat;}
body.blog #navi li.navBlog a:link, body.blog #navi li.navBlog a:visited {padding-top:15px;background:url(img/nBlog.png) top right no-repeat;}
/* +++ ABOUT +++ */
#navi li.navAbout a:link, #navi li.navAbout a:visited {margin-left:-10px;width:113px;background:url(img/nAbout.png) top left no-repeat;}
#navi li.navAbout a:hover, #navi li.navAbout a:focus {background:url(img/nAbout.png)  -137px -8px no-repeat;}
body.about #navi li.navAbout a:link, body.about #navi li.navAbout a:visited {padding-top:15px;background:url(img/nAbout.png) top right no-repeat;}
/* +++ GALLERY +++ */
#navi li.navGallery a:link, #navi li.navGallery a:visited {margin-left:-10px;width:102px;background:url(img/nGallery.png) top left no-repeat;}
#navi li.navGallery a:hover, #navi li.navGallery a:focus {background:url(img/nGallery.png)  -148px -8px  no-repeat;}
body.media #navi li.navGallery a:link, body.media #navi li.navGallery a:visited {padding-top:15px;background:url(img/nGallery.png) top right no-repeat;}
/* +++ SPONSORS +++ */
#navi li.navSponsors a:link, #navi li.navSponsors a:visited {margin-left:-10px;width:109px;background:url(img/nSponsors.png) top left no-repeat;}
#navi li.navSponsors a:hover, #navi li.navSponsors a:focus {background:url(img/nSponsors.png)  -141px -8px  no-repeat;}
body.sponsors #navi li.navSponsors a:link, body.sponsors #navi li.navSponsors a:visited {padding-top:15px;background:url(img/nSponsors.png) top right no-repeat;}
/* +++ CONTACT +++ */
#navi li.navContact a:link, #navi li.navContact a:visited {margin-left:-10px;width:102px;background:url(img/nContact.png) top left no-repeat;}
#navi li.navContact a:hover, #navi li.navContact a:focus {background:url(img/nContact.png)  -148px -8px  no-repeat;}
body.contact #navi li.navContact a:link, body.contact #navi li.navContact a:visited {padding-top:15px;background:url(img/nContact.png) top right no-repeat;}


/* +++ welcome Box +++ */
#header .image_container img {position:relative;margin-top:-73px;margin-right:20px;border:5px solid #6eafde;}
#header p {line-height:1.8em;}


/* +++ allgemein ++++++++++ */
a:link, a:visited {color:#1792c9;text-decoration:none;}
a:hover, a:focus {color: #fff;text-decoration:underline;}
.error, span.mandatory {color:#c00;}
span.captcha_text {color:#FF6699;}
.invisible {display:none;}

/* +++ text ++++++++++ */
h1 {font-size:1.8em;font-weight:normal;margin-bottom:15px;margin-top:5px;}
body.media #main h1 {clear:both;font-size:1.5em;}
h2 {font-weight:normal;font-size:1.6em;margin-bottom:10px;}
h2 a:link, h2 a:visited {color:#fff;text-decoration:none;}
h2 a:hover, h2 a:focus {color:#fff;}
h3 {margin-bottom:5px;font-size:1.2em;}
#main p {margin-bottom:15px;line-height:1.6em;}
#main div.ce_text {clear:both;margin-bottom:20px;}

/* +++ teaser +++ */
div.teaser {margin-bottom:30px;width:100%;border-bottom:1px solid transparent;}

/* +++ news liste +++ */
.newsListEntry {margin-bottom:30px;}
#main .newsListEntry p {margin-bottom:7px;}
.newsListEntry span.more {padding-left:10px;}
.newsListEntry p.info {border-top:1px dashed #000;color:#999999;}

.layout_latest {margin-bottom:30px;}
#main .layout_latest p {margin-bottom:7px;}
.layout_latest span.more {padding-left:10px;}
.layout_latest p.info {border-top:1px dashed #000;color:#999999;font-size:0.9em;}
.layout_latest .caption {display:none;}

/* +++ news detail +++ */
.layout_full p.info {color:#999;}
.mod_newsreader p.back {margin-top:10px;}
.layout_full .image_container {float:right !important;margin-left:15px;}
.layout_full .image_container .caption {text-align:right;font-size:0.9em;color:#ccc;}

/* +++ kommentare +++ */
.ce_comments {border-top:1px solid #ccc;padding-top:10px;}
.ce_comments h1 {font-size:1.3em;margin:20px 0 15px;}
.ce_comments h2 {font-size:1.5em;margin-bottom:0px;}
.comment_default {border-bottom:1px dashed #999;padding:15px 0;}
.comment_default .info {font-style:italic;margin-bottom:5px;color:#999;}

/* +++ kommentar formular +++ */
div.formbody .widget {margin-bottom:10px;}
div.formbody .widget input.text, div.formbody .widget input.captcha {background:none;border:none;border-bottom:1px solid #ccc;padding:3px;color:#99CCFF;}
div.formbody .widget input.text:focus, div.formbody .widget input.captcha:focus {background:#fff;color:#000;}
div.formbody .widget textarea {width:400px;margin-top:10px;background:none;border:1px dashed #ccc;padding:3px;color:#99CCFF;}
div.formbody .widget textarea:focus {background:#fff;border:1px dashed #333;padding:3px;color:#000;}

/* +++ kontaktformular +++ */
div.ce_form div.formbody {line-height:3em;}
div.ce_form div.formbody input.text, div.formbody input.captcha  {background:none;border:none;border-bottom:1px solid #ccc;padding:3px;color:#99CCFF;}
div.formbody input.captcha {width:50px;}
div.ce_form div.formbody input.text:focus, div.formbody input.captcha:focus  {background:#fff;color:#000;}
div.ce_form div.formbody textarea {width:400px;margin-top:10px;background:none;border:1px dashed #ccc;padding:3px;color:#99CCFF;}
div.ce_form div.formbody textarea:focus {background:#fff;border:1px dashed #333;padding:3px;color:#000;}
div.ce_form div.formbody label {display:block;width:110px;float:left;}

/* +++ rechte Spalte +++ */
#right h3 {}
/* blog boxen */
#right .mod_newslist {margin-bottom:20px;}
.mod_newsmenu {margin-bottom:20px;}
.mod_newsmenu ul {list-style:none;}


/* +++ copy +++ */
.iw {color:#fff;text-align:right;padding-right:10px;padding-top:15px;}
.iw a:link, .iw a:visited {color:#fff;text-decoration:none;}
.iw a:hover, .iw a:focus {color:#c00;text-decoration:underline;}