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

* {padding:0px;margin:0px;}
img {border:0;}
div {behavior: url(iepngfix.htc);} /* png fix für ie6 */
.hidden {position: absolute;left: -10000px;}

/* =LAYOUT ======================== */
body {font-size:13px;font-family: tahoma, arial, Sans-Serif;color:#666;text-align:center;padding-top:40px;background:#ccfdd8 url(img/bg_09.gif) top left repeat-x;}
#wrapper {position:relative;width: 860px;margin: 0 auto;text-align:left;min-height:580px;background: url(img/wrapper.png) 0 0 no-repeat;padding-bottom:10px;}
.bottom {height:50px;width: 860px;margin: 0 auto;background:url(img/wrapper_bottom.png) no-repeat;}
.content, .three-boxes {margin:0px 35px 0;}
/* branding */
h1 {position:absolute;width:230px;height:100px;font-size:10px;padding-top:30px;}
h1 img {position:absolute;top:-55px;left:-30px;}

/* language switch */
.lang {width: 860px;margin: 0 auto 5px;padding:0px 0 0 5px;font-size:1em;text-align:right;}
.lang-en {}
.lang span {padding:0 14px;}
.lang a:link, .lang a:visited {text-decoration:none;}
.lang a:hover, .lang a:focus {text-decoration:underline;}

/* sponsors */
#sponsors {position:absolute;right:20px;top:5px;width:500px;text-transform:uppercase;font-size:11px;font-weight:bold;color:#999;}
#sponsors span {padding-left:10px;}
#sponsors img {float:right;margin-left:10px;margin-right:10px;}

/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
/* links */
a:link, a:visited {color:#0C3;}
a:hover, a:focus {color:#060;}
a.internal-link:link, a.internal-link:visited {padding-left:0px;background: url(img/link.gif) 0 3px no-repeat;}
a.internal-link:hover, a.internal-link:focus {padding-left:0px;background: url(img/link.gif) 0 -17px no-repeat;}
a.external-link-new-window:link, a.external-link-new-window:visited {padding-left:0px;background: url(img/link_ext.gif) 0 3px no-repeat;}
a.external-link-new-window:hover, a.external-link-new-window:focus {padding-left:0px;background: url(img/link_ext.gif) 0 -13px no-repeat;}
a.pdf {padding-left:15px;background:url(img/file_pdf.gif) left top no-repeat;}
a.doc {padding-left:15px;background:url(img/file_doc.gif) left top no-repeat;}
a.mail {padding-left:15px;background:url(img/link_mail.gif) left top no-repeat;}
/* text */
p,h1,h1,h3,h4,h5 {}
p {line-height:1.4em;margin-bottom: 1em;text-align:justify;}
h1 {font-size:10px;} /* siehe branding oben*/
h2 {font-size:17px;font-weight:normal;margin-top:10px;margin-bottom:10px;}
h4 {font-size:15px;margin:1em 0 0.2em;color:#090;}
/* other */
ul,ol {list-style:none;}
.content ul {list-style:disc;margin-left:20px;line-height:1.5em;margin-bottom:10px;}
.content ol {list-style:decimal;margin-left:20px;line-height:1.5em;margin-bottom:10px;}
table {margin:15px auto 10px;font-size: 1em;border-collapse:collapse;border-spacing:0;}
table td {padding:2px 5px;}
table p {padding:0;margin:0;}
hr , div.linie-davor,  div.linie-danach{
clear:both;
background-color:#adadad; /* Mozilla 1.4 */
color:#adadad; /* IE 6 */
border: #adadad; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:540px;
margin:10px 0;
}
address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#336699;}
input:focus, textarea:focus {background-color:#f3f3f3;}
.csc-linkToTop {margin:30px 0 20px;}
.csc-linkToTop a:link, .csc-linkToTop a:visited {background:url(img/to-top.gif) 0 0 no-repeat;padding:2px 0 0 18px;font-weight:bold;text-decoration:none;}
.csc-linkToTop a:hover, .csc-linkToTop a:focus, .csc-linkToTop a:active {background:url(img/to-top.gif) 0 -30px no-repeat;text-decoration:none;}

img {border:0;}

/* =NAVIGATION ======================== */
/*
ul#navi {float:right;margin:45px 35px 0px 0;} 
ul#navi li {float:left;padding:0 4px 0 14px;background:url(img/navi_trenner.gif) 0 7px no-repeat;}
ul#navi li.first {background:none;padding-left:0;}
ul#navi li.last {padding-right:0;}
ul#navi li a {outline:none;}
*/


/* =NAVIGATION ======================== */
ul#navi {float:right;margin:50px 35px 5px 0;} 
ul#navi li {float:left;padding:0 4px 0 17px;background:url(img/navi_trenner.gif) 0 5px no-repeat;
font-size:16px;}
ul#navi li.first {background:none;padding-left:0;}
ul#navi li.last {padding-right:0;}
ul#navi li a:link, ul#navi li a:visited  {outline:none;text-decoration:none;color:#888;}
ul#navi li a:hover, ul#navi li a:focus  {outline:none;text-decoration:none;color:#090;}

/* *** ypslideout menue ******** */
div#menu89Container {width:75px;} /*ueber*/
div#menu86Container {width:150px;} /*events*/
div#menu88Container {width:75px;} /*galerie*/
div#menu111Container {width:100px;} /*presse*/
div#menu85Container {width:130px;} /*partner*/
div#menu93Container {width:110px;} /*guestbook*/
div#menu91Container {width:90px;} /*presse*/

#yymenu a {
background:url(img/trans-white.png);
color:#090;
display:block;
font-size:1em;
font-weight:normal;
margin:0px;
padding:4px 10px;
text-decoration:none;
}
#yymenu a.last {
border-style:none;
}
#yymenu {
}
#yymenu > div {
margin-left:-10px;
}
#yymenu a:hover {
background:url(img/trans-green.png);
color:#fff;
}
#yymenu .mmContent div.mmlink a.submenu:hover {
}
#yymenu .mmLevel1, #yymenu .mmLevel2 {
margin-bottom:10px;
padding-top:0px;
}
#yymenu .sub {
background-image:url(../../images/ypmenu_pfeilg.gif);
background-position:right center;
background-repeat:no-repeat;
}
#yymenu .mmContent {
}
#yymenu .mmLevel1 {
}


/* =SUBNAVIGATION ======================== */
/*
ul#subnavi {position:absolute;right:35px;top:50px;} 
ul#subnavi li {float:left;padding:0 0px 0 20px;}
ul#subnavi li a:link, ul#subnavi li a:visited {outline:none;color:#090;text-decoration:none;font-size:1em;}
ul#subnavi li a:hover, ul#subnavi li a:focus, ul#subnavi li a:active {color:#666;text-decoration:underline;}
ul#subnavi li.cur {font-weight:bold;color:#090;}
*/

/* =CONTENT ELEMENTS ======================== */
.keyvisual {margin-top:0px;margin-bottom:5px;}

.cLeft {clear:both;float:left;width:370px;margin-top:15px;t ext-align:right;}
.cRight {clear:right;float:right;width:370px;margin-top:15px;te xt-align:right;}
/* 3spaltige boxen*/
.three-boxes {clear:both;margin-top:15px;overflow:hidden;}
.content-box {width:250px;height:440px;float:left;border:1px solid #090;overflow:hidden;}
.content-box-center {margin:0px 17px 0;}
.content-box h2 {margin:0 0 10px;padding:4px 10px 3px;background:#090 url(img/welle.gif) no-repeat;font-size:14px; text-transform:uppercase;color:#fff;}
.content-box-center h2 {margin-bottom:4px;}
.content-box p {margin:0 10px 5px;}
/* windfinder*/
table#homepageforecast {margin:0 auto;}
.content-box table#homepageforecast h2 {background:none;color:#090;
padding-left:0;text-transform:none;}



/* =OTHER ======================== */


/* =EXTENSIONS ======================== */
/*newsbox*/
.news-latest {margin:10px;}
.news-latest-date {color:#666;font-style:italic;font-weight:normal;padding-right:7px;}
.news-latest h3 {font-size:12px;margin-bottom:9px;}
.news-latest h3 a:link, .news-latest h3 a:visited {text-decoration:none;color:#666666;}
.news-latest h3 a:focus, .news-latest h3 a:hover, .news-latest h3 a:active  {text-decoration:underline;}
/* ++ RSS Feed ++++ */
/* button */
.rssButton {position:absolute;top:225px;right:30px;width:100px;}
.rssButton ul {list-style:none;margin:10px 5px;padding:0;}
.rssButton li {padding:0px 0px;}
.rssButton li a {background:url(img/ico-rss.gif) no-repeat left 5px;padding:0px 0 0px 18px;display:block;}
.rssButton .description {font-style:italic;margin-left:18px;}
/*twitter / wt_twitter*/
.tx-timtabtwitter-pi1, .wttwitter {font-size:0.9em;margin:10px;}
.tx-timtabtwitter-pi1 span.entry, .wttwitter_feed {display:block;}
.tx-timtabtwitter-pi1  .date {font-style:italic;font-weight:bold;}
/* +++ powermail formulare +++ */
.powermail_mandatory {color:#c00;}
div.powermail_mandatory_js {display:inline;background:url(img/alert.gif) 3px 3px no-repeat;color:#c00;padding:4px 2px 4px 23px;font-style:italic;}
DIV.tx-powermail-pi1 {}
DIV.tx-powermail-pi1 fieldset {border:none;}
DIV.tx-powermail-pi1 fieldset legend {display:none;}
DIV.tx-powermail-pi1 fieldset div.tx_powermail_pi1_fieldwrap_html {margin:5px 0 10px 0px;}
DIV.tx-powermail-pi1 form label  {float:left;width:115px;}
DIV.tx-powermail-pi1 form div.powermail_check_inner label {}
DIV.tx-powermail-pi1 form input, DIV.tx-powermail-pi1 form textarea, DIV.tx-powermail-pi1 form select {margin-left: 5px;font-size:1em;}
DIV.tx-powermail-pi1 form textarea {font-size:1.1em;width:60%;height:100px;}
DIV.tx-powermail-pi1 input.powermail_submit, DIV.tx-powermail-pi1 input.tx-powermail-pi1_mandatory_submit{margin-left:120px;padding:3px 5px;margin-top:10px;border:none;background:#090;color:#fff;font-size:1em;}
DIV.tx-powermail-pi1 input.tx-powermail-pi1_mandatory_submit {margin-left:0px;}
/*powermail registration*/
form#registration {border:1px solid #090;padding:10px;}
DIV.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset_personaldata {width: 330px;float:left;margin-bottom:10px;}
DIV.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset_additional {width: 410px;float:left;margin-left:20px;margin-bottom:10px;}
DIV.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset_submit {clear:both;margin-top:10px;border-top:1px solid #ccc;padding-top:10px;}
/*additional*/
DIV.tx-powermail-pi1 form fieldset.tx-powermail-pi1_fieldset_additional label  {display:block;width:400px;}
DIV.tx-powermail-pi1 form fieldset.tx-powermail-pi1_fieldset_additional input  {clear:both;width:400px;margin-left:0;}

/* paypal button */
div.paypal {width:150px;float:right;margin:10px;}
div.paypal input {border:none;}

/* guestbook */
.tx-veguestbook-pi1 {margin-top:20px;}
.tx-guestbook-browser {font-size:12px;margin-bottom:15px;}
.tx-guestbook-pagination {float:right;}
.tx-guestbook-pagination strong {color:#fff;background:#090;padding:2px 6px;border: 1px solid #23a8ef;margin-left:8px;}
.tx-guestbook-pagination a:link, .tx-guestbook-pagination a:visited {border: 1px solid #090;padding:2px 6px;margin-left:8px;text-decoration:none;color:#090;}
.tx-guestbook-pagination a:hover, .tx-guestbook-pagination a:focus {background:#CCFFCC;}
p.tx-guestbook-top  {height:19px;font-size:1.1em;background:#090;margin-bottom:10px;padding:5px 10px 4px;color:#fff;}
span.tx-guestbook-rating {float:right;}
span.tx-guestbook-date {font-size:11px;padding-left:15px;}
.tx-guestbook-text {padding:0 10px;}
.tx-veguestbook-pi1 input.submit {background:#090;color:#fff;}
p.tx-guestbook-form-error {color:#c00;}
/* formular */
.tx-guestbook-field {margin:4px 0 7px;}
.tx-guestbook-field label {display:block;float:left;width: 85px;}
.tx-guestbook-field label.wide {width:600px;}
.tx-guestbook-field .wide-input {margin-left:85px;margin-top:7px;}

/* rgslideshow */
.tx-rgslideshow-pi1 {text-align:center;}
.rgslideshow {margin:0 auto;}

/* youtubeembed */
.tx-itawyoutoubeembed-pi1 {text-align:center;}
.tx-itawyoutoubeembed-pi1 object {margin:0 auto;}

/* +++ copy ++++ */
.copy a:link, .copy a:visited {color:#999999;text-decoration:none;}
.copy a:hover, .copy a:focus {color:#c00;}


/* =CSS_STYLED_CONTENT (Bilder TYPO3) ======================== */
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	/* Browser fixes: */
	
	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; height: 1%; }
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }


/* =PMKSLIMBOX (TYPO3) ======================== */