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

/* Farben:   grün #090 */

* {padding:0px;margin:0px;}
img {border:0;}
/* ++ png fix für ie6 ++ */
div {behavior: url(iepngfix.htc);}

.hidden {
position: absolute;
left: -10000px;
}
html {height:100%;} 
* html body {height:100%;}
body {
min-height:100%;
height:100%;
font-size:75%; /* setzt Standardschriftgroesse auf 11px */
font-family: arial, verdana, Sans-Serif;
color:#666;
text-align:center;
padding-top:3%;
/*background:url(img/bg.gif) center 400px no-repeat;*/
background:#ccfdd8 url(img/bg_09.gif) top left repeat-x;
}
#wrapper {
width: 915px; 
mar gin-top: 3%;
margin-left: auto;
margin-right: auto;
text-align:left;
height:625px; /* damit der bg nach unten weiterläuft */
background: url(img/wrap_09.png) no-repeat;
}
#main {
height: 620px;
padding-left:18px;
padding-right:18px;
position:relative;
}
* html #main {    /* nur für IE */
height: 630px;
}
#top {height: 113px;padding:0 0px;text-align:right;}
a.logo {display:block;width:230px;height:85px;float:left;margin-top:20px;}
.newsTicker {float:right;margin-top:75px;width:472px;height:17px;overflow:hidden;}
.newsTicker p {padding:0;margin:0;}

#content {position:relative;clear:both;float:left;display:inline;width: 800px;height: 360px;margin-bottom:30px;overflow: auto;}
#video #content {height:355px;overflow:auto;}
#cLeft, #cRight {width:395px;height:355px;overflow:auto;position:relative;}
#cLeft {float:left;}
#cRight {float:right;}

#sponsors {float:right;width: 60px;padding-top:10px;}
#navi {position:absolute;top: 500px;left:18px;}

/* twitter */
a.tweets:link, a.tweets:visited {position:absolute;top:559px;left:18px;display:block;width:85px;height:30px;background:url(img/twitter.gif) 0 2px no-repeat;}
a.tweets:hover, a.tweets:focus {background:url(img/twitter.gif) 0 -38px no-repeat;}
#twitter {position:absolute;top:559px;left:118px;width:785px;height:50px;font-size:0.9em;}
#twitter span.date {font-style:italic;font-weight:bold;color: #090;}
#content #twitter {position:static;top:565px;left:28px;background:none;padding-left:0;width:auto;height:auto;font-size:1em;}
#twitter li {display:inline;margin-bottom:10px;}


#footer {
clear:both;
height:20px;
padding-right:8px;
padding-left:8px;
margin: 0px 0px -20px ;
}
.lang {float:left; width:200px;height:25px;padding:1px 0 0 5px;font-size:1.2em;background:url(img/lang-de.gif) top left no-repeat;}
.lang-en {background:url(img/lang-en.gif) top left no-repeat;}
.lang span {padding:0 14px;}
.iw {float:right;padding-top:3px;}
.boxVideo {width:390px;height:355px;overflow:hidden;float:left;}

/* SHOP SHOP SHOP */
body.pid161 #content, body.pid154 #content, body.pid155 #content {overflow:auto;padding-right:10px;}
body.pid161 #cLeft, body.pid161 #cRight,body.pid155 #cLeft, body.pid155 #cRight,body.pid154 #cLeft, body.pid154 #cRight {width:385px;height:auto;overflow:visible;}
body.pid161 #content h1,body.pid155 #content h1,body.pid154 #content h1 {font-size:1.8em;}
body.pid59 #content h2 {font-size:1.7em;}


/* *** sponsoren logos ******************* */
/* ******************************* */
#sponsors a {display:block;width:63px;height:63px;margin-bottom:15px;}
a.logoBest {background: url(img/logo_best.gif) top left;}
a.logoBest:hover, a.logoBest:focus {background: url(img/logo_best.gif) bottom left;}
a.logoRial {background: url(img/logo_rial.gif) top left;}
a.logoRial:hover, a.logoRial:focus {background: url(img/logo_rial.gif) bottom left;}
a.logoMaui {background: url(img/logo_mauimagic.gif) top left;}
a.logoMaui:hover, a.logoMaui:focus {background: url(img/logo_mauimagic.gif) bottom left;}
a.logoDakine {background: url(img/logo_dakine.gif) top left;}
a.logoDakine:hover, a.logoMaui:focus {background: url(img/logo_dakine.gif) bottom left;}
a.logoAirberlin {background: url(img/logo_airberlin.gif) top left;}
a.logoAirberlin:hover, a.logoAirberlin:focus {background: url(img/logo_airberlin.gif) bottom left;}
a.logoKb4girls {background: url(img/logo_kb4girls.gif) top left;}
a.logoKb4girls:hover, a.logoKb4girls:focus {background: url(img/logo_kb4girls.gif) bottom left;}
a.logoIdeenwerft {background: url(img/logo_ideenwerft.gif) top left;}
a.logoIdeenwerft:hover, a.logoIdeenwerft:focus {background: url(img/logo_ideenwerft.gif) bottom left;}

/* *** navi ******************* */
/* ******************************* */
#navi ul {display:inline;list-style:none; list-style-position:inside;}
#navi ul li {float:left;padding: 6px 20px 7px 0;}
#navi a:link, #navi a:visited {display:block;
font-size: 1.1em;text-decoration:none;padding:5px 12px;border:2px solid #ccc;color:#666;
}
#navi a:hover, #navi a:focus {color:#fff;background:#090;border:2px solid #090;}
#navi li.current {}
#navi li.current a:link, #navi li.current a:visited {color:#fff;background:#090;border:2px solid #090;}
#navi li.current a:hover, #navi li.current a:focus {}

/* breitenanpassungen */
#navi a#act10 {padding:5px 16px !important;} /*ueber*/
#navi a#act6 {padding:5px 19px !important;} /*partner*/

/* shop button */
#navi a#act63:link, #navi a#act63:visited {color:#fff;background:#F60;border:2px solid #F60;}

/* *** ypslideout menue ******** */
div#menu11Container {width:62px;} /*news*/
div#menu10Container {width:66px;} /* ueber */
div#menu8Container {width:72px;}/* medien*/
div#menu7Container {width:81px;}/*galleries*/
div#menu6Container {width:87px;}/*partners*/
div#menu5Container {width:100px;}/*fanarea*/
div#menu4Container {width:118px;}/*presse*/
div#menu3Container {width:77px;}
div#menu59Container {width:79px;}/*shop*/

#yymenu a {
background-color:#66CC33;
color:#fff;
display:block;
font-size:1em;
font-weight:normal;
margin:0px;
padding:4px 5px;
text-decoration:none;
}
#yymenu a.last {
border-style:none;
}
#yymenu {
backgr ound-color:red;
}
#yymenu > div {
}
#yymenu a:hover {
background-color:#090;
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 {
}



/* ******************************** */
/* *** sponsors  ************************ */
/* ******************************** */

/* ******************************** */
/* *** allgemein - textformatierung ********/
/* ******************************** */
.small {
font-size: 0.9em;
}
.xsmall {
font-size: 0.8em;
}
.grey {color:#666666;}
.red {color:#990000;}
.green {color:#090;}
.error {color:#c00;}
.hide {display:none;}


/* *** content ******************* */
/* ******************************* */
p {
margin: 4px 0px 10px 0px;
line-height:1.2em;
}
#content h1 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:2em;
margin-top:0;
padding-top:0;
margin-bottom: 20px;
color: #090;
font-weight:normal;
}
#content h2 {
font-size:1.3em;
color: #090;
margin: 15px 0 10px;
font-weight:normal;
}
#content div.csc-textpic-intext-left-nowrap h2 {margin-left:10px;}

#content h3 {
padding:6px 0px 0px 0px;
margin-bottom: 10px;
font-size:1.1em;
color:#666;
}
#content h4 {
margin-bottom: 10px;
padding:6px 0px 0px 0px;
font-size:1em;
}
/***** content Listen ******************** */
/* ******************************* */
#content ul {
margin: 7px 0 5px 20px;
list-style-type:disc;
list-style-position:outside;
}
#content ul li {
padding-bottom:3px;
}
#content ul li ul {
margin: 5px 0 0px 15px;
list-style-type: circle;
list-style-position:inside;
}
#content ol {
margin-left: 30px;
}
#content ol li {
margin-bottom: 10px;
}
#content ol li ul {
list-style:circle;
padding-top: 5px;
}
#content ol li ul li {
margin-bottom: 0px;
}

/* content links ******************* */
/* ******************************* */
a:link {
color:#090;
text-decoration:none;
}
a:visited {
color:#090;
text-decoration:none;
}
a:hover, #content a:focus {
color:#060;
text-decoration:underline;
}
h2 a:link, h2 a:visited {color:#090;}
h2 a:hover, h2 a:focus {color:#006600;}

a.external-link-new-window:link, a.external-link-new-window:visited {
padding-left:11px;
background: url(img/linkExt.gif) left no-repeat;
}
a.external-link-new-window:hover {
padding-left:11px;
background: url(img/linkExt.gif) left no-repeat;
}


/* content diverses ******************* */
/* ******************************* */
#content DIV.linie-davor, #content DIV.linie-danach {
background-color:#CCCCCC; /* Mozilla 1.4 */
color:#EAEAEA; /* IE 6 */
border: #EAEAEA; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:100%;
margin:5px auto 10px;
}

table {
font-size: 1em;
}
#content table tr td p {
margin:0;
padding:0;
}
.csc-textpic-caption {font-size:0.9em; color:#999;text-align:right;}

/* ++ NEWS TICKER ++++ */
.newsTicker {color:#090;}

/* ++ RSS Feed ++++ */
/* button */
.rssButton {position:absolute;top:0;left:275px;width:100px;}
#content .rssButton ul {
list-style:none;
margin:10px 5px;
padding:0;
}
#content .rssButton li {
padding:0px 0px;
}
.rssButton li a {
background:url(img/ico-rss.gif) no-repeat left 0px;
padding:0px 0 0px 18px;
display:block;
}
.rssButton .description {
font-style:italic;
margin-left:18px;}
/* liste */
#content .tx-chnewsfeeds-pi1 ul {
list-style:none;
margin:10px;
padding:0;
}
#content .tx-chnewsfeeds-pi1 li {
padding:3px 5px;
}
.tx-chnewsfeeds-pi1 li a {
background:url(img/ico-rss.gif) no-repeat left 8px;
padding:5px 0 5px 18px;
display:block;
}
.tx-chnewsfeeds-pi1 .description {
font-style:italic;
margin-left:18px;}

/* +++ login / logout ++++++++++++ */
.login {margin-bottom:20px;}
.login p, .login div {margin-left:0;padding-left:0;margin-bottom: 5px;}
.login label {display:block;width:105px;float:left;}
.login input {border:1px solid #999999;width:100px;}
.login input.submit {font-size:0.9em;margin-left:105px;width:70px;}

/* +++ rgsmooth gallery ++++++++++++ */
#content .tx-rgsmoothgallery-pi1 h2 {
font-size:1.3em;
color: #fff;
margin: 15px 0 10px 15px;
font-weight:normal;
}

/* imagecycle */
ul.tx-imagecycle-pi1-images {margin:0 !important;list-style:none !important;}

/* flow gallery */
img#lightboxImage {z-index:20;}
#loading {z-index:10;}


/* +++ powermail ++++ */
DIV.powermail_mandatory_js {
color:#CC0000;
margin-bottom:5px;
}
DIV.tx-powermail-pi1_mandatory {
color:#CC0000;
}
DIV.tx-powermail-pi1 {}
DIV.tx-powermail-pi1 fieldset {
border:none;
margin: 5px 0px 0;
}
DIV.tx-powermail-pi1 fieldset legend {
display:none;
}

DIV.tx-powermail-pi1 fieldset div.tx_powermail_pi1_fieldwrap_html {
clear:both;
margin:5px 0 5px 0px;
float:left;
width:370px;
display:inline;
}
DIV.tx-powermail-pi1 fieldset div.tx_powermail_pi1_fieldwrap_html_submit {width:250px;}
DIV.tx-powermail-pi1 form label  {
float:left;
width:100px;
}
div.tx_powermail_pi1_fieldwrap_html_captcha img {margin-left:10px;}
div.tx_powermail_pi1_fieldwrap_html_submit {padding-left:100px;}
input.powermail_captcha {width:50px;float:left;}

/* *** presse dateiliste ******************* */
/* ******************************* */
table.csc-uploads-3 {width:90%;}
table.csc-uploads-3 tr td {padding: 5px 0;vertical-align:top;}
#content table.csc-uploads-3 tr td p {margin: 0 5px 3px;}
table.csc-uploads-3 td.csc-uploads-icon {width:80px;}

/* *** downloads ******************* */
/* ******************************* */
a.download_pdf {
padding-left: 22px;
background: url(img/pdf.png) no-repeat;
}
a.download_jpg {
padding-left: 22px;
background: url(img/pic.png) no-repeat;
}

/* ***** IDEENWERFT ********/
#footer .iw a:link, #footer .iw a:visited {font-size:0.9em;color:#999;font-size:0.9em;text-decoration:none;}
#footer .iw a:hover, #footer .iw a:focus {text-decoration:underline;}

#footer a.iw_link:link, #footer a.iw_link:visited {
float:right;
padding-left:15px;
}
#footer a.iw_link:hover {
color:#690202;
}




/* 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: 1px solid #ccc;
		padding: 5px 5px;
		margin-right:10px;
	}

	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 */
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }