/**
 * Project: cuxkids-Website
 * File: cuxkids.css
 *
 * Copyright (c) 2008 cuxkids
 *
 * Project owner:
 * clkm - cornelia lange
 * 27472 Cuxhaven - Germany
 * http://www.cuxkids.de/
 *
 * @copyright 2008 clkm
 * @author Cornelia Lange
 *
 */

html, body, ul, ol, dl, dd, fieldset, form {
margin: 0;
padding: 0;
}
html, body, fieldset {
border: 0 solid;	
}
body {
font: 96% Verdana, Arial, Helvetica, sans-serif; 
color: #fff;
background: #F2EEE1;
text-align: center;
}
b, strong {
font-weight: bold;
color: #c00;
}
#content sup, #content sup a, #content li sup a, #content li sup {
position: static;
display: inline;
margin: 0;
padding: 0;
text-decoration: none;
font-size: 75%;
}
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dotted #666;
}

a img {
background: transparent;
border: 0 none;
}
h1, h2, h3, h4 {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-size: 1.6em;
color: #0285AE;
font-style: oblique;
font-weight: normal;
}
h2 {
font-size: 1.4em;
color: #0285AE;
font-style: oblique;
font-weight: normal;
}
h3, h4 {
font-size: 1.2em;
}

p, a, label, li, .vcard, textarea, input, address, th, td, span.abstand {
font-size: 0.80em;
}
p a, h1 a, h2 a, h3 a, li a, li p, li li, li h4, li pre, .vcard a, label a, 
th a, td a, p span.abstand {
font-size: 100%;
}
a, 
a:link, 
a:visited {
text-decoration : none; 
color : #0285ae;
background: transparent;
font-weight: bold;
}
a:hover, 
a:active {
color: #ed7901;
background: transparent;
} 
a:focus {
color: #0099D2;
background: #fff;
}
a.intern:link, 
a.intern:visited,
a.intern:hover,
a.intern:active,
a.intern:focus {
padding-left: 14px;
background: transparent url(/files/global_files/1fa9e329562d16563a399a31bd1d0ef5a850ff6c_linkicon.gif) 0 3px no-repeat;
font-weight: bold;
}

address {
font-style: normal;
}
hr {
color: #ccc;
border: 0 none;
border-top: 1px solid #ccc;
}


#headercon {
width: 100%;
height: 388px;
color: #000;
background: #f2eee1 url(/files/global_files/aeb4a59cae648f93c1e6c5ca6385a429ccfc51ae_bg_body.gif);
text-align: center;
}
#header {
position: relative;
width: 986px;
height: 388px;
margin: 0 auto;
text-align: left;
}
#overview {
position: absolute;
top: 215px;
left: 10px;
padding-left: 70px;
width: 415px;
}
#overview p strong {
font-size: 1.2em;
color: #fff;
}
#overview p {
color: #f2eee1; 
margin: 10px 0;
font-weight: bold;
font-size: 1em;
font-family: 'comic sans ms', Arial, Helvetica, sans-serif;
}
#kaffeehaus {
position: absolute;
top: 149px;
left: 0px;
width: 70px;
height: 70px;
}
#logo {
position: absolute;
top: 54px;
left: 555px;
}

/* Navigation Bilder und News */
#bilder {
position: absolute;
top: 55px;
left: 188px;
}
#bilder a {
display: block;
width: 105px;
height: 85px;
color: #0285ae;
background: transparent url(/files/global_files/8d4680de5988a35e866b1b057eaf03304fd22b4a_bilder-navi.gif) 0 0 no-repeat;
}
#bilder a:hover {
color: #0285ae;
background: transparent url(/files/global_files/4483b17a2914054bbd9f801e2cb5dc4cdbc8144f_bilder-navi-hover.gif) 0 0 no-repeat;
}
#news {
position: absolute;
top: 45px;
left: 338px;
}
#news a {
display: block;
width: 140px;
height: 85px;
color: #0285ae;
background: transparent url(/files/global_files/3a0dee5116910d454df6828c0c2c71044e1796e5_news-navi.gif) 0 0 no-repeat;
}
#news a:hover {
color: #0285ae;
background: transparent url(/files/global_files/82006dd0b61d6b820f229ff1af2c908219b1ea23_news-navi-hover.gif) 0 0 no-repeat;
}

/* Topnavigation */
#topmenu {
position: absolute;
top: 166px;
left: 80px;
width: 600px;
background: transparent;
}
#topmenu ul.level_1 {
width: 600px;
margin: 0 auto;
padding: 3px 0 0 0;
}
#topmenu ul.level_1 li {
display: block;
float: left;
padding: 0 0 0 5px;
margin: 0 1px 0 0;
background: transparent url(/files/global_files/d19a0935f07c2604c549e2ecf5b93f6ab628abc0_bg_navi-left-blue.gif) 0 0 no-repeat;
}
#topmenu ul.level_1 a, #topmenu ul.level_1 strong.on {
display: block;
float: left;
padding: 6px 6px 6px 1px;
text-decoration: none;
font-weight: bold;
color: #ccc;
background: transparent url(/files/global_files/21eacc87aebfb06d5b5d8da8c657dd32d8194c30_bg_navi-right.gif) top right no-repeat;
}
#topmenu ul.level_1 li.on {
color: #fff;
background: transparent url(/files/global_files/b03448303277d95aaddc6c48af0bc0a17c48d03b_bg_navi-left.gif) 0 0 no-repeat;
}
#topmenu ul.level_1 strong.on, #topmenu ul.level_1 a.on:link, #topmenu ul.level_1 a.on:visited {
color: #fff;
background: transparent url(/files/global_files/21eacc87aebfb06d5b5d8da8c657dd32d8194c30_bg_navi-right.gif) top right no-repeat;
}
#topmenu ul.level_1 a:link, #topmenu ul.level_1 a:visited {
color: #E4DCC0;
background: transparent url(/files/global_files/72281c2cfbe2ac62882dd5faddacc053ab45a61b_bg_navi-right-blue.gif) top right no-repeat;
}
#topmenu ul.level_1 a:hover, #topmenu ul.level_1 a:focus, #topmenu ul.level_1 a:active {
color: #fff;
background: transparent url(/files/global_files/72281c2cfbe2ac62882dd5faddacc053ab45a61b_bg_navi-right-blue.gif) top right no-repeat;
}
#topmenu ul.level_1 a {
position: relative;
}


#container {
width: 100%;
color: #000;
background: #fff;
padding: 0 0 10px 0;
text-align: center;
}
#main {
position: relative;
width: 986px;
margin: 0 auto;
text-align: left;
padding: 30px 0 0 0;
}
#main p.nachoben {
min-height: 20px;
text-align: right;
clear: both;
}

#footercon {
width: 100%;
color: #000;
background: #f2eee1;
text-align: center;
border-top: 1px solid #ED7901;
}
#footer {
width: 986px;
margin: 0 auto;
text-align: left;
padding: 10px 0 30px 0;
}
#footer p {
margin: 18px 0;
}
#footer p strong {
color: #f00;
font-weight: bold;
}

#main a.top {
display: block;
width: 22px;
height: 22px;
float: right;
font-weight: normal; 
color : #535161;
margin: 15px 320px 0 0;
padding: 0;
text-decoration: none;
}
#main a.top:link, #main a.top:visited {
color: #535161;
background: transparent url(/files/global_files/7454ab8589ab0c92fe12a5aebb9642140fd68dd8_top.gif) 0 0 no-repeat;
}
#main a.top:hover, #main a.top:active {
color: #535161;
background: transparent url(/files/global_files/7454ab8589ab0c92fe12a5aebb9642140fd68dd8_top.gif) 0 0 no-repeat;
}
#main a.top:focus {
color: #0099D2;
background: transparent url(/files/global_files/7454ab8589ab0c92fe12a5aebb9642140fd68dd8_top.gif) 0 0 no-repeat;
}
#main a.top span {
position: absolute; 
top: -1000em;
left: -2000em;
}


table.standard {
margin: 10px 0;
}
table.standard th, table.standard td {
padding: 2px 20px 2px 0;
}
table.standard th {
border-bottom: 1px solid #ccc;
}
/* Accessible-Enhancement: Sprung-Menu - Position muss angepasst werden */
.jump {
position: absolute;
top: -80px; left: 30px;
z-index: 10;
line-height: 140%;
}
.jump a, .jump a:link, .jump a:visited, .jump a:hover {
color: #1e242b;
background: transparent;
padding: 2px;
text-decoration: none;
}
.jump a:active, .jump a:focus {
background: transparent;
color: #fff;
}


#column {
display: block;
width: 290px;
float: right;
padding: 15px 0 20px 0;
margin: 0 10px 0 0;
color: #535161;
}
#column h2 {
font: 120% Arial, Helvetica, sans-serif;
padding: 0 5px 1px 5px;
margin: 20px 0 10px 0;
letter-spacing: normal;
background: transparent;
}
#column h3 {
font-size: 100%;
padding: 0 5px;
margin: 15px 0 5px 0;
}
#column p {
line-height: 1.4em;
color: #535161;
padding: 0 0 0 5px;
margin: 10px 0;
}
#column p a {
font-weight: normal;
}
#column ul {
padding: 10px 0;
margin: 0 0 0 5px;
}
#column ul.archiv {
padding: 0;
margin: 0 0 0 20px;
}
#column .linkliste li {
list-style: none;
}
#column ul.abo li {
list-style: none;
}

#column blockquote {
margin: 20px 0;
}
#column blockquote cite {
display: block;
float: right;
font-weight: normal;
}

.bannerwerbung {
display: block;
height: 170px;
width: 290px;
margin: 20px 0;
color: #333;
background: transparent url(/files/global_files/5f4c14f0a73db5e5bc47c832409d1a2254393472_bannerwerbung.jpg) 0 0 no-repeat;
}
#column .bannerwerbung h2 {
font-size: 80%;
font-weight: bold;
margin: 0 100px 5px 30px;
padding: 28px 0 0 0;
}
#column .bannerwerbung p {
font-family: Arial, Helvetica, sans-serif;
margin: 5px 100px 0 30px;
padding: 0;
font-size: 75%;
}


/* tag cloud */
#column h2.tags {
font-size: 80%;
font-weight: bold;
}
#column #tagcloud {
padding: 7px;
margin: 0 0 50px 0;
}
#column #tagcloud li {
display: inline;
margin: 0;
padding: 0;
}
#column #tagcloud a {
display: inline;
margin: 0 5px 7px 0;
text-decoration: none;
}
#column #tagcloud a:hover {
color: #fff;
background: #0099d2;
text-decoration: none;
}
#column #tagcloud a.tag_0 {
font-size: 100%;
color: #ed7901;
}
#column #tagcloud a.tag_0:hover {
font-size: 100%;
color: #fff;
}
#column #tagcloud a.tag_1 {
font-size: 90%;
color: ##2F771E
}
#column #tagcloud a.tag_1:hover {
font-size: 90%;
color: #fff;
background: ##2F771E
}
#column #tagcloud a.tag_2 {
font-size: 100%;
}
#column #tagcloud a.tag_3 {
font-size: 110%;
color: #631888;
}
#column #tagcloud a.tag_3:hover {
font-size: 110%;
color: #fff;
background: #631888;
}
#column #tagcloud a.tag_4 {
font-size: 120%;
}
#column #tagcloud a.tag_5 {
font-size: 130%;
}
#column #tagcloud a.tag_6 {
color: red;
font-size: 130%;
font-weight: normal;
}
#column #tagcloud a.tag_6:hover {
color: #fff;
background: red;
}
#column .archives, #column .feeds {
padding: 7px;
}

#column .ref a {
display: block;
height: 50px;
width: 50px;
float: left;
padding: 0;
border: 1px solid #535161;
margin: 7px;
}


#content {
margin: 0 335px 0 80px;
}
#content h1 {
margin: 0 0 20px 0;
}
#content h2 {
margin: 35px 0 10px 0;
}
#content h3 {
margin: 20px 0 10px 0;
padding: 0;
line-height: 1.4em;
font-size: 100%;
}
#content h4 {
margin: 5px 0;
}
#content p {
line-height: 1.6em;
margin: 20px 0;
padding: 0;
}
#content p.teaser {
color:  #0080B0;
font-weight: bold;
}
#content ul {
margin: 10px 10px 10px 20px;
}
#content ul ul {
margin: 0 10px 0 20px;
}
#content ul li {
line-height: 1.6em;
padding: 5px 0;
}
#content li p {
line-height: 1.8em;
margin: 0;
padding: 0;
}

/* Bildergalerie */
#content ul.galerie, #content .post ul.galerie {
list-style: none;
margin: 20px 0;
padding: 0;
}
#content ul.galerie li, #content ul.galerie .post li {
display: inline;
padding: 0;
margin: 0;
line-height: normal;
}
#content ul.galerie li a, #content .post ul.galerie li a {
display: block;
width: 182px;
height: 132px;
float: left;
margin: 2px;
padding: 0;
}
#content ul.galerie li a img {
border: 1px solid #ccc;
}

/* Sponsoren Liste */

#content #sponsors {
margin: 0 0 20px 0;
list-style: none;
width: 570px;
}
#content #sponsors li.logolinks,
#content #sponsors li.logorechts {
display: block;
height: 145px;
padding: 0;
margin: 0;
line-height: normal;
clear: left;
overflow: hidden;
}
#content #sponsors li.logolinks p,
#content #sponsors li.logorechts p {
padding: 0;
margin: 0;
line-height: normal;
clear: left;
}
#content #sponsors li.logolinks {
background: transparent url(/files/global_files/748d1051e3619285d665eb66fb67ef6f36897cea_bg-sponsoren-left.jpg) 0 0 no-repeat;
}
#content #sponsors li.logorechts {
background: transparent url(/files/global_files/138415368ddc9bf3568142efe991f3b675a641de_bg-sponsoren-right.jpg) 0 0 no-repeat;
}
#content #sponsors li.logolinks a, #content #sponsors li.logolinks p.azul {
display: block;
margin: 25px 0 0 25px;
font-weight: normal;
}
#content #sponsors li.logolinks a img {
float: left;
margin: 0 20px 0 0;
}
#content #sponsors li.logolinks span {
float: left;
margin: 0 20px 0 23px;
}

#content #sponsors li.logorechts a {
margin: 25px 50px 0 70px;
font-weight: normal;
}
#content #sponsors li.logorechts a img {
float: right;
}

/* Sitemap? */
#content .linkliste li {
list-style-type: none;
line-height: normal;
}
#content .linkliste li li {
margin: 0 0 0 10px;
padding: 0;
line-height: normal;
}
#content .linkliste li ul {
margin: 10px 0 0 20px;;
}
#content .linkliste li a {
padding: 0 0 0 30px;
margin: 0;
}
#content .linkliste h3 {
margin: 10px 0 0 0;
padding: 0;
}
#content .linkliste p {
margin: 0 0 0 30px;
padding: 0;
}
#content ul.subliste {
margin: 0 0 0 15px;
}
#content ul.subliste li {
margin: 0;
padding: 0;
list-style:  circle outside;
list-style-image: none;
}
#content ol p {
margin: 5px 0 10px 20px;
}
#content li a {
display: block;
line-height: 1.8em;
color: #000;
background: transparent;
padding-left: 20px;
}
#content li a.extern {
display: block;
}
#content li a:hover.extern {
display: block;
background-position: 0 7px;
}
#content li a:link, 
#content li a:visited {
color: #000;
background-position: 0 7px;
text-decoration: none;
}
#content li a:hover {
color: #000;
background-position: 0 -28px;
}
#content li.on {
color: #000;
background-position: 0 -28px;
}
#content li a:active, 
#content li a:focus {
color: #000;
background-position: 0 -61px;
}
#content li a:focus {
color: #fff;
background-color: #0099D2;
}


/* Blog Article */

#content .post {
clear: left;
margin: 0 0 45px 0;
width: 560px;
}
#content .post h1 {
color: #ed7901;
margin: 0;
}
#content .post h2 {
color: #ed7901;
margin: 0;
}
#content .post p.who {
margin: 2px 0 10px 0;
font-size: 70%;
}
#content .post p.more {
margin: -15px 0 0 0;
padding: 0;
}
#content .summary {
margin: 5px 0;
}
#blogitem #content .summary {
font-weight: bold;
color: #0285AE;
}
#blogitem .summary .bildrechts {
display: none;
}
#column .summary {
margin: 0;
}
#column .summary p {
margin: 0;
}

/* Blog Tag-Liste */

#content p.tags {
display: inline;
padding-right: 10px;
font-size: 70%;
}
#content ul.tags {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#content ul.tags li {
display: inline;
margin: 0 5px 5px 0;
padding: 0;
font-size: 70%;
}
#content ul.tags li a {
display: inline;
padding: 0;
}

/* Blog Page Navigation */

#content p.pager {
display: inline;
float: left;
padding: 3px;
}
#content #pager {
list-style: none;
display: inline;
width: 800px;
}
#content #pager li {
display: inline;
}
#content #pager li a, #content #pager li.on {
float: left;
color: #fff;
background: #0099d2;
padding: 0 5px;
border: 1px solid #C9EAF8;
margin: 10px 5px 0 0;
}
#content #pager li a:link {
color: #1e242b;
background: #fff;
}
#content #pager li a, #content #pager li.on {
color: #1e242b;
background: #E3F4FB;
}

/* Blog Comments */

#content #comments h3 {
font-weight: normal;
color: #1e242b;
background: transparent;
padding: 1px 0;
border-bottom: 1px dotted #0099d2;
}
#content #comments ol {
margin: 0 0 20px 0;
padding: 0;
font-weight: bold;
list-style: none;
}
#content #comments ol li {
padding: 11px 0 0 0;
margin: 7px 0 7px 0;
width: 550px;
background: transparent url(/files/global_files/9e7bbd52f06c0483cbe0fe7d1f487501aa3423da_comment-top.gif) 0 0 no-repeat;
}
#content #comments .comment {
background: transparent url(/files/global_files/7edfb59db65c263d98f75d65bfd14622f4207388_comment-bot.gif) 0 101% no-repeat;
}
#content #comments p {
padding: 3px 15px;
margin: 0;
font-weight: normal;
line-height: 1.3em;
background: #EEF9FD;
border: 1px solid #c9eaf8;
border-top: 0 none;
border-bottom: 0 none;
}
#content #comments p.author {
padding: 0 0 0 122px;
margin-top: 22px;
border: 0 none;
background: transparent;
}
#content #comments a {
display: inline;
padding: 0;
font-weight: normal;
}


/* Common Classes - Allgemeine Klassen */

.center, .mittig {
text-align: center;
padding: 2px;
}
.right, .rechts {
text-align: right;
}
.rahmen {
border: 1px solid #ccc; 
}
.nowrap {
white-space: nowrap;
}
.teaser {
font-weight: bold;
}
.skip {
position: absolute;
left: -1000em;
top: -1000em;
}
.fright {
float: right;
}
.fleft {
float: left;
}
.bildrechts {
float: right;
border: 1px solid #ccc;
margin: 5px 0 0 10px;
}
.bildlinks {
float: left;
padding: 0 10px 0 0;
margin: 5px 0 0 0;
}

.keinrand {
border: 0 none;
}
.klein {
font-size: 75%;
}
.grau {
color: #666;
}
#content p.linie, #content p.fnx {
border-top: 1px dotted #000;
padding: 5px 0 0 0;
margin: 20px 0 0 0;
font-size: 75%
}
#content p.fnx {
border: 0 none;
margin: 10px 0;
}
.padtop20, #content p.padtop20 {
padding-top: 20px;
}
.padtop30, #content p.padtop30 {
padding-top: 30px;
}
.padtop40, #content p.padtop40 {
padding-top: 40px;
}
.padtop50, #content p.padtop50 {
padding-top: 50px;
}
/* Anzuwenden auf den letzten Satz vor der Fussnote */
#content p.fussnote {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
#content p.fn {
margin: 3px 0;
}
#content ul.fn_liste li {
padding: 2px;
line-height: normal;
}
.clear, .absatztrenner {
clear: left;
}
.clearl {
clear: left;
}
.clearr {
clear: right;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%; 
}
/* End hide from IE-mac */

/* W3C Validation CSS-Buttons */
/* Microformats */



/* Kontakt Formular */

#formular label, #formular span.abstand {
display: block;
float: left;
clear: left;
width: 11em;
margin: 2px 0;
}
#formular label.noclear {
clear: none;
display: inline;
float: none;
width: auto;
}
#formular label.textfield1 {
display: block;
width: 500px;
clear: both;
margin: 7px 0 0 0;
}

#formular #generator_form_please_call {
width: 20px;
display: inline;
padding: 0 10px 0 0;
margin: 0 0 0 -3px;
}
#formular select {
margin: 10px 0;
}
#formular input.ftextfield, #formular .w300 {
width: 250px;
padding: 0 2px;
margin: 2px 0;
}
#formular p.captcha {
float: left;
width: 400px;
padding: 0;
}
#formular {
margin: 10px 0;
}
#formular img {
margin: 10px 0 2px 0;
}
#formular textarea.ftextarea {
width: 400px;
padding: 2px;
margin: 7px 0;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
}
.submitbutton {
clear: right;
margin: 0 0 0 10px;
}
.fsubmit {
clear: right;
margin: 0 0 0 0;
}

/* response */
#rp, #error {
display: block;
width: 360px;
margin: 10px 0 10px 0;
padding: 10px;
background: #ffd7d7;
}
#rp {
background: #C1EEFF;
}
#rp h2, #rp p {
text-align: center;
margin: 15px 0;
}
/* IE 6, IE 7 */
* html #container #rp, *+html #container #rp {
margin-top: 25px;
}
#rp h1 {
margin: 0;
padding: 10px 10px 0 10px;
color: red;
}
#rp p {
margin: 0;
padding: 0 10px 10px 10px;
}
#content .req li {
padding: 0;
}