/*  =========================================================
Stylesheet für die Kinderwerkstatt 
Datei:  position_all.css
Media:  screen 
Datum:  20. Mai 2010
Autor:  Ch. Maslon 
Änderungen: 

========================================================== */

/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	font: 1em Lucida, Arial, sans-serif; /* 1em = 16pts */
}
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body {background-color:#FFF;}
#main_wrapper {background-color:#FFF;}
#header {background-color:#808073;}
#nav {
    }
#content {background-color:#FFFFE6;}
#promo {background-color:transparent;}
#footer {background-color:#D9D9C3;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	} 
/* TEXT COLORS */
h1 {
	color:#FFF;
	}
h2, h3, h4, h5 {
	color:#808073;
	}
h6 {
	color:#000000;
	}
p {
	color:#000;
	}
ul, ol, dl, blockquote, cite {
	color:#808073;
	}
#nav ul, #nav a {
	color:#FFF;
	}
table, form {
	color: #BFBFAC;
	}
a {
	color:#808073;
	}
a:hover, #nav a:hover {
	color:#000;
	}	
#footer p {
	margin:0;
	}
.noindent {
	text-indent:0;
	}

/* CLASS:OLIVE TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body.olive {background-color:#EEE;}
.olive #main_wrapper {background-color:#FFF;}
.olive #header {background-color:#FFF;}
.olive #nav {
    }
.olive #content {background-color:#FFF;}
.olive #promo {background-color:#CCCC8F;}
.olive #footer {background-color:#FFF;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	} 
/* CLASS:OLIVE TEXT COLORS */
.olive h1 {
	color:#B33;
	}
.olive h2 {
	color:#739e33;
	}
.olive h3, .olive h5 {
	color:#134f68;
	}
.olive h4 {
	color:#606060;
	}
.olive h6 {
	color:#000000;
	}
.olive p {
	color:#444;
	}
.olive ul, .olive ol, .olive dl, .olive blockquote, .olive cite {
	color:#B33;
	}
.olive #nav ul, .violet #nav a {
	color:#FFF;
	}
.olive table, .olive form {
	color: #666;
	}
.olive a {
	color:#B33;
	}
.olive a:hover {
	color:#444;
	}	
.olive #nav a:hover {
	color:#444; }	

.olive .sub {
color: #444; }

.olive .subsub {
color: #444;
font-size: 0.7em;
 }

.olive .head_kids {
color: #3879bb; }

.olive .linie	{
border-top: 4px solid #FFB600 ; 
padding-top: 20px;}




.olive #content a:link, .olive #content a:visited {
	color:#05296E;
	border-bottom: 1px solid #05296E;
	}	 
.olive #content a:hover {
	color:red;
	border-bottom: 1px solid red;
	}	 
.olive #content a:active {
	color:#006F48;
	border-bottom: 1px solid #006F48;
	}	 

.olive li {
	color:#444;
	}


#iconliste { 
	margin-left: 1em;
	margin-bottom: .3em;
 	}
#iconliste .aik { 
	background: #fff url(../images_pres/x_test/Imn-aik.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 2.5em 5px 1.3em 15px; }
#iconliste .car { 
	background: #fff url(../images_pres/x_test/Imn-car.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 1.9em 5px 1em 15px; }
#iconliste .ent { 
	background: #fff url(../images_pres/x_test/Imn-ent.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 1.9em 5px 1em 15px; }
#iconliste .fus { 
	background: #fff url(../images_pres/x_test/Imn-fus.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 1.9em 5px 1em 15px; }
#iconliste .kle { 
	background: #fff url(../images_pres/x_test/Imn-kle.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 1.9em 5px 1em 15px; }
#iconliste .koc { 
	background: #fff url(../images_pres/x_test/Imn-koc.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 1.9em 5px 1em 15px; }
#iconliste .pfl { 
	background: #fff url(../images_pres/x_test/Imn-pfl.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 1.9em 5px 1em 15px; }
#iconliste .swi { 
	background: #fff url(../images_pres/x_test/Imn-swi.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 1.9em 5px 1em 15px; }
#iconliste .spa { 
	background: #fff url(../images_pres/x_test/Imn-spa.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 1.9em 5px 1em 15px; }
#iconliste .lat { 
	background: #fff url(../images_pres/x_test/Imn-lat.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 1.9em 5px 1em 15px; }
#iconliste .ten { 
	background: #fff url(../images_pres/x_test/Imn-ten.gif) no-repeat 0 top;
	background-color: transparent;
	padding: 1.9em 5px 1em 15px; }



.olive #content #iconliste a:link {
	padding-bottom: .2em;
	padding-left: 5em;
	color:gray;
	border-bottom: 4px solid #FFB600 ;
	}	 
.olive #content #iconliste a:visited {
	padding-bottom: .2em;
	padding-left: 7em;
	color:#FFB600;
	border-bottom: 4px solid #FFB600 ;
	}	 
.olive #content #iconliste a:hover {
	padding-bottom: .2em;
	padding-left: 7em;
	color:#1144AA;
	border-bottom: 4px solid #1144AA;
	}	 
.olive #content #iconliste a:active {
	padding-bottom: .2em;
	padding-left: 7em;
	color:#FF7640;
	border-bottom: 4px solid #FF7640;
	}	 


#iconliste_pfeil { 
	margin-bottom: .3em;
	margin-left: 10%;
	padding: .5em; }
#iconliste_pfeil h6 { 
	background: #fff url(../images_pres/spec/Pfeil_grau.gif) no-repeat 15px center;
	margin-top: 10px;
	padding: 2px 5px 2px 40px; }



.olive #footer a:link, .olive #footer a:visited {
	color:#A66D00;
	border-bottom: 1px solid #A66D00;
	}	 


/* FONT SIZES */
h1 {font-size:1.5em; /* 24pt */
	}
h2 {font-size:1.375em; /* 22pt */
	line-height:1.25;
	padding:0 0 .15em 0;	
	}

h3 {font-size:1.125em; /* 18pt */
	line-height:1.25;
	}
h4 {font-size:1.125em; /* 18pt */
	padding: 0 0 .1em 0;
	}
h5 {font-size:1em; /* 16pt */
	}
h6 {font-size:.875em; /* 14pt */
	padding: 0 0 .15em 0;
	}
p  {
	font-size:.8em; /* 12pt */
	line-height:1.4;
	margin-top:.15em; 
	margin-right:6em; 
	margin-bottom:.6em; /* 12pts of space */
	text-indent:1.5em;
 	}
ul p {
	font-size: inherit;
	}
ul ul {
	font-size: inherit;
	}

a {
	outline: none;
	text-decoration:none;
	}
a:hover {

	}

.raumunten {
	margin-bottom: .3em;	
	}
		


#header01 {
	background-image: url(../images_pres/x_test/header_01.jpg);
	background-repeat: no-repeat;
	padding: 1.5em 2em 0.5em 200px;
	height: 1%;
	margin-top: .3em;
	margin-bottom: 1em; }
#header02 {
	background-image: url(../images_pres/x_test/header_02.jpg);
	background-repeat: no-repeat;
	padding: 1.5em 2em 0.5em 220px;
	height: 1%;
	margin-top: .3em;
	margin-bottom: 1em; }
#header03 {
	background-image: url(../images_pres/x_test/header_03.jpg);
	background-repeat: no-repeat;
	padding: 1.5em 2em 0.5em 220px;
	height: 1%;
	margin-top: .3em;
	margin-bottom: 1em; }
#header04 {
	background-image: url(../images_pres/x_test/header_04.jpg);
	background-repeat: no-repeat;
	padding: 1.5em 2em 0.5em 250px;
	height: 1%;
	margin-top: .3em;
	margin-bottom: 1em; }
#header05 {
	background-image: url(../images_pres/x_test/header_05.jpg);
	background-repeat: no-repeat;
	padding: 1.5em 2em 0.5em 250px;
	height: 1%;
	margin-top: .3em;
	margin-bottom: 1em; }
#header06 {
	background-image: url(../images_pres/x_test/header_06.jpg);
	background-repeat: no-repeat;
	padding: 1.5em 2em 0.5em 220px;
	height: 1%;
	margin-top: .3em;
	margin-bottom: 1em; }
#header07 {
	background-image: url(../images_pres/x_test/header_07.jpg);
	background-repeat: no-repeat;
	padding: 1.5em 2em 0.5em 200px;
	height: 1%;
	margin-top: .3em;
	margin-bottom: 1em; }
#header08 {
	background-image: url(../images_pres/x_test/header_08.jpg);
	background-repeat: no-repeat;
	padding: 1.5em 2em 0.5em 250px;
	height: 1%;
	margin-top: .3em;
	margin-bottom: 1em; }
#header09 {
	background-image: url(../images_pres/x_test/header_09.jpg);
	background-repeat: no-repeat;
	padding: 1.5em 2em 0.5em 220px;
	height: 1%;
	margin-top: .3em;
	margin-bottom: 1em; }
#header10 {
	background-image: url(../images_pres/x_test/header_10.jpg);
	background-repeat: no-repeat;
	padding: 1.5em 2em 0.5em 220px;
	height: 1%;
	margin-top: .3em;
	margin-bottom: 1em; }

#header01 p, #header02 p, #header03 p, #header04 p, #header05 p, #header06 p, #header07 p, #header08 p, #header09 p, #header10 p  {
	color:#222;
	margin-right:0; 
	text-indent: 0; }



.bildlinks {
	float: left;
	padding: 3px;
	border: 2px solid #ccc;
	margin-top: 4px;
	margin-right: 12px;
	margin-bottom: 5px;
	}
.bildrechts {
	float: right;
	padding: 3px;
	border: 2px solid #ccc;
	margin-left: 10px;
	margin-bottom: 5px;
	}
.bildlinks_ohne_R {
	float: left;
	padding: 3px;
	margin-top: 4px;
	margin-right: 12px;
	margin-bottom: 5px;
	}
.bildrechts_ohne_R {
	float: right;
	padding: 3px;
	margin-top: 4px;
	margin-left: 12px;
	margin-bottom: 5px;
	}

	

	
ul, dl, ol {
		margin:0 1em .75em 1em; /* lists without specific classes */
		font-size:.8em;
		line-height:1.6;
		}
li, dd {
		padding:0em 0; /* lists without specific classes */
		margin-left:1.2em;
		}




#content .inner_1 h4 {
	margin-bottom: 0.5em;
	}
#content .inner_1 h5 {
	margin-bottom: 0.5em;
	font-size:1.125em;
	}
		
.date1	{
	letter-spacing: -.05em;
	}
	
#content .inner_1 ul.features {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#content .inner_1 p {
	color: #666666;
	text-indent:0;
	}
#content .inner_1 .features li img {
	float: left;
	border: 1px solid #ccc;
	margin: 1px 10px 10px 0;
	}

#content_inner li {
	padding:0.5em 0; /* lists without specific classes */
	}

#content_inner a[rel=extern]:after {
	content: " " url(../images_pres/spec/pfeil_re_hoch1.gif); }


#content_inner .zeiten li {
	padding: 0.05em 0;
	}



.zeiten {
	background-color: #FFD773;
	color: black;
	margin-left: 25%;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: .5em .6em .05em .8em;
}
.zeiten p{ 
	font-size:.75em;
	text-indent:0;
	line-height:1.3;
	margin-right:0; 
}

.zeiten_a {
	background-color: transparent;
	color: black;
	margin-left: 1.2em;
	margin-right: 22%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 0 .6em 0 .8em;
	border-left: 8px double #FFD773;
	border-right: 8px double #FFD773;

}

.zeiten_a p{ 
	font-size:.8em;
	text-indent:0;
	line-height:1.5;
	margin-right:0; 
	color: #05296E;
}


.block1 {
	float:right;
	background-color: transparent;
	color: black;
	margin-top: 1.8em;
	margin-left: 0.8em;
	margin-right: 0;
	margin-bottom: 1em;
	padding: .5em .0em .2em .7em;
	border: 4pt dotted #739e33;
}

.block1 p { 
	color: #0471b4;
	font-family: 'Comic Sans MS', 'Trebuchet MS', Verdana, sans-serif;
	font-size:0.8em;
	text-indent:0;
	line-height:1.7;
	margin-right:0; 
}

.block1 p strong { 
	font-size: 1.2em;
}

.block1 ul { 
	color: #0471b4;
	font-size:0.8em;
	line-height:0.8em;
}

.block1 ul li { 
	margin: 0;
	padding: .8em 0;
}

/* Textauszeichnung Seite1 START*/

.block2 {
	float:right;
	background-color: transparent;
	color: black;
	margin-top: 0.6em;
	margin-left: 0.8em;
	margin-right: 0;
	margin-bottom: .8em;
	padding: .5em 0em .3em .9em;
}

.block2 p { 
	color: #05296E;
	font-size:0.8em;
	text-align: center;
	text-indent:0;
	line-height:2;
	margin-right:0; 
}

.block2 p em { 
	letter-spacing: .35em;
	background-color: #FFDB00;
}

.block2 p .sub2 { 
	letter-spacing: 0em;
	background-color: transparent;
	font-style: italic;
	font-size: 1.1em;
}

.block2 p strong { 
	font-size: 1.1em;
}

/* Textauszeichnung Seite1 Ende*/

#promo ul, #promo dl, #promo ol {
	margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#promo li {
	list-style-type:none;
	margin-left:0
	}		
dt {font-weight:bold;}

code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */
	
cite {
	font-size:.85em;
	font-style:italic;
	}
blockquote {
	border-top:2px solid;
	border-bottom:2px solid;
	width:50%;
	margin:1em 0 1em 20%;
	padding:.3em 1em;
	}
blockquote p {
	margin-bottom:.1em;
	}
blockquote p:before { /* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#cccc8f;
}
blockquote p:after {  /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#366;
}
blockquote cite {
	font-size:.85em;
	}
abbr, acronym {
	border-bottom:1px dashed #000;
	cursor:default;
	}
address {
	font-size:.85em;
	line-height:1.4;
	margin:0 1em .75em 1.5em; 
	}

img {
	border:0px;
	}

/* basic table styling  - more-styled tables in tables.css */
table caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
	}
table {
	margin: .3em 1em 1em 1em;
	border-top:1px solid #069;
	border-collapse:collapse;
	font-size:.8em;
	}
table th	{
	padding: .3em .5em .3em .5em;
	border-bottom:2px solid #069;
	}
table td	{
	padding: .3em .5em .3em .5em;
	border-bottom:1px solid #069;
	}
/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: ì.î;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 



.vorab {
	display: none;
	}