/* CSS Document */

/*=============================================
Stylesheet für die Screevversion von www.kita-ist-bildung.de
Datein: screen.css
Media:Screen
Datum: Oktober 2008
Autorin: Miriam Asmus
================================================ */

html {
	height: 101%;
}

* {
	margin: 0;
	padding: 0;
}

body {
	padding-top: 30px;
	background: #FFFFFF url(../images/hg_head.jpg) no-repeat;
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #333366;
	border-left:#E50047 solid 5px;
	border-right:#E50047 solid 5px;
}

h1, h2, h3 {
	color: #E50047;
}

h2 {
	margin-bottom: 0.8em;
	font-size: 2em;
	font-weight: normal;
}

h3 {
	margin-bottom: 0.5em;
	font: bold 1.2em;
	color: #009999;
}

h4 {
	margin-bottom: 0.5em;
	font: bold;
	color: #7A007A;
}

p, ul, ol {
	margin-bottom: 1.0em;
	line-height: 1.7em;
}

ul {
	margin-left: 3em;
}

ol li {
}

a {
	text-decoration: none;
	color: #7A007A;
}

a:hover {
	text-decoration: none;
	color: #009999;
}

.skiplink {
position:absolute;
top: -200px;
left: -300px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
}

/* Head */

#logo {
	width: 1200px;
	height: 280px;	
}

/* Content */

#content {
	width: 60em;
	margin: 0 auto;
}

div#content { 
min-height:470px;
height:expression(this.scrollHeight > 470 ? "auto":"470px"); 
}

#content p.aktion{
	border-bottom: 1px dotted #7A007A;
	padding-bottom: 1.4em;
}

#main ul {
  padding: 0 2px 0 0px;
  list-style-position:outside;
  margin-left: 1.2em;
}

#main li {
  padding: 0 2px 0 0px;
  margin-bottom: 0.6em;
	line-height: 1.2em;
}

#content img.all {
	margin-left: 20px; 
	float: right; 
	margin-bottom: 10px; 
}

#content img.time {
	margin: 10px 10px 20px 0px; 
}

#content img.pdf {
	float: left; 
	margin:5px 3px 0px 0px;
}

#content img.zurueck {
	float: left; 
	margin:3px 3px 0px 0px;
}

#main {
	float: left;
	width: 500px;
	padding: 0 30px;
}

#content_box_start {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px dotted #7A007A;
}

#content_box_ohne {
	margin-bottom: 2em;
	padding-bottom: 2em;
}

#content_box1 {
	margin-bottom: 1.6em;
	padding-bottom: 0.6em;
	border-bottom: 1px dotted #7A007A;
} 

#content_box2 {
	margin-bottom: 1.6em;
	padding-bottom: 0.6em;
	padding-top: 0.7em;
}

#content_box3 {
	margin-bottom: 2em;
	padding-bottom: 0.7em;
	border-bottom: 1px dotted #7A007A;
}

#content_box4 {
	margin-bottom: 2em;
	padding-bottom: 0.6em;
}

#content p.haft {
font-size: 0.9em;
line-height: normal;
}

#titel_kalender {
line-height: 1.8;
font-weight:bold;
color: #7A007A;
font-stretch: expanded;
}

#back a {
	text-decoration: none;
	color: #7A007A;
	font-size: 0.9em;
}


/* Menu left */

#sidebar {
	float: left;
	width: 150px;
}

#menu {
	margin-bottom: 30px;
	border-bottom: 1px solid #009999;
}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	padding: 10px;
	border-top: 1px solid #009999;
	font-weight: bold;
	color: #7A007A;
}

#menu a:hover {
	background: #E50047;
	text-decoration: none;
	color: #FFFFFF;
}

#menu .active a {
	background: #E50047;
	text-decoration: none;
	color: #FFFFFF;
	cursor: text;
}

/* Box for Logo2 */

#menu_logo2 {
	margin-top: 40px;
	margin-left: 10px;
}

/* Footer */

#footer {
	clear: both;
	padding: 20px 50px;
	background: #E50047;
}

#footer p {
	margin: 0;
	font-size: x-small;
	text-align: right;
	color: #333366;
}

#footer a {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

/* Slideshow */
#gallery {
	position:relative; 
	width:488px; 
	margin:10px 0px 30px 0px; 
	padding:1px; 
	border:1px solid #fff; 
	background:#AAA;
}

#images {
	border:2px solid #FFF; 
	height:350px; 
	background:#E2E0E1; 
	margin-bottom:3px;
}

#image {
	position:relative;
	width:480px; 
	height:350px; 
	padding:1px; 
	border:1px solid #666; 
	background:#FFF url(../images/loading.gif) center center no-repeat;
}

#image img {
	position:absolute; 
	
}

#thumbwrapper {
	margin-top:2px; 
	padding:1px; 
	width:488px; 
	height:109px; 
	border:1px solid #666; 
	background:#FFF;
}

#thumbarea {
	position:relative; 
	overflow:hidden; 
	height:109px; 
	width:488px; 
}

#thumbs {
	position:absolute;
	list-style:none;
	margin-left:0px;
	height:109px;
	width:5014px;
	
	left: -30px;
	top: 1px;
 }

#thumbs li {
	float:left; 
	cursor:pointer;
}

.imgnav {
	position:absolute; 
	height:350px; 
	width:20%; 
	z-index:100; 
	height:350px; 
	width:20%; 
	z-index:100; 
	outline:none; 
	cursor:pointer;
}

#previmg {
	left:0; 
	background:url(../images/left.gif) left center no-repeat; 
	border-left:1px solid #FFF;
	}

#previmg:hover {
opacity:1; 
filter:alpha(opacity=100);
}

#nextimg {
right:-8px; 
background:url(../images/right.gif) right center no-repeat; 
border-right:1px solid #FFF;
}

#nextimg:hover {
opacity:1; 
filter:alpha(opacity=100);
}