* { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif, Geneva; font-size: 12px;} 
ul, ul li { margin: 0; list-style-type: none;}
.clearer { clear:both }

body{ background: #f1f3f4 url(../img/shadow_main.png) repeat-y 50% 0; }
#header {background: #fff; }

#container { padding-left: 8px; padding-bottom: 0; padding-right: 7px; padding-top: 0; width: 760px; margin: 0 auto;}

#navigation { background: #fff; color:#036; height: 25px; text-align: center; white-space:nowrap; }
#navigation a { color:#774; text-decoration:none; }
#navigation a:hover { color:#036; text-decoration:none; }
#navigation ul {
	padding: 5px;
	list-style: none;
	margin: 0px;
}
#navigation li {
	padding: 10px;
	display: inline;
}

.content { min-height: 160px; padding: 20px 20px 20px 10px; float: left;}

.contentright { min-height: 160px; width: 500px; padding-top: 20px; float: left;}
.contentright p, #content td { max-width:500px; color:#333; padding: 0 0 12px 0; line-height: 1.5em }
.contentright h1 { font-family:'Verdana'; font-weight: bold; max-width:500px; color:#996; font-size:16px; padding: 0 0 10px 0; }
.contentright h2 { font-family:'Verdana'; font-weight: bold; max-width:500px; color:#036; font-size:14px; padding: 0 0 8px 0; }
.contentright h3 { font-family:'Verdana'; font-weight: bold; max-width:500px; color:#996; font-size:13px; padding: 0 0 6px 0; }
.contentright h4 { font-family:'Verdana'; font-weight: bold; max-width:500px; color:#036; font-size:12px; }
.contentright i { color: #666; }

.contentright .thumb { display: block; padding: 3px; border: solid 1px #ccc; margin:0 10px 10px 0; float:left; }
.contentright .thumb:hover { border: solid 1px #369; }


.contentright ul { margin: 0 0 10px 0; padding: 0; list-style-position:outside; }
.contentright li { color:#555; list-style-type: square; margin: 0 0 10px 15px; list-style-position:outside; }

.contentright img { padding: 0 0 10px 0; }
.contentright p img { padding: 0; }
.contentright .imgleft { margin: 0 10px 10px 0; float:left; }
.contentright .imgright { margin: 0 0px 10px 10px; float:right; }

.contentright a { color:#036; font-size:12px; }
.contentright a:hover { color:#996; font-size:12px; }

.contentright .whitebox { margin: 10px 0 0 0;float:left; width:200px; min-height: 140px; }

.contentright table { padding: 0px 0px 20px 0px; }
.contentright td { color:#333; padding: 5px 10px 5px 0;  border-width:1px; border-bottom-style:solid; border-color:#ddd; vertical-align:top; }
.contentright td .w100 { width: 100px; } 

.contentleft { width: 160px; padding: 20px 20px 20px 10px; float:left; }
.contentleft li { padding: 3px 0 5px 0; border-top: 1px solid #aac; }
.contentleft p { color:#999; padding: 4px 0 4px 0; }
.contentleft h1 { color:#999; }
.contentleft h1 a { color:#996; font-size:12px; padding: 3px 0 3px 0; }
.contentleft h1 a:hover { color:#036; }
.contentleft h2 { color:#036; font-size:12px; padding: 3px 0 3px 0; }
.contentleft img { height: 100px; width: 160px; padding: 0; }
.contentleft .imgleft { padding: 0 10px 10px 0; float:left; }
.contentleft a { color:#036; font-size:12px; text-decoration:none; }
.contentleft a:hover { color:#996; font-size:12px; }

#footer { text-align: center; font-size:10px; color:#fff; background-color:#036; height: 25px;width: 760px;  }
#footer li { font-size:10px;padding: 7px; display: inline;}
#footer li a { font-size:10px; text-decoration:none; color:#fff; }
#footer li a:hover { font-size:10px; text-decoration:none; color:#996; }

.wickie{ background-image: url(../img/activities/wickie/wickie_background.jpg);width:760px;height:1200px;}
.wickie_img{ background-image: url(../img/activities/wickie/wickie_background.jpg);width:760px;height:628px;}

.sammys_abenteuer{ background-image: url(../img/activities/kino-matinee-2010/background.jpg);width:760px;height:1450px;}
.wickie2{ background-image: url(../img/activities/wickie/wickie_background.jpg);width:760px;height:1800px;}

#img_header
{
    float: left;
    clear: both;
}

ul#nav
{
	margin-left: 0px;
	margin-bottom: 8px;
	margin-right: 0;
	margin-top: 2px;
	display: block;
	padding: 0;
	font-size: .9em;
	list-style: none;
}
ul#nav li
{
	padding: 0; 
	float: left;
	display: block;
	list-style: none;
}
ul#nav li a, ul#nav li a:visited
{
	text-decoration: none;
	color:#888;
	padding-bottom:1px;
}
ul#nav li a:hover, ul#nav li a:active
{
	color: #333;
	text-decoration: none;
}
ul#nav .index { width:60px;}

ul#nav .previous { white-space: pre; width: 11px; height: 15px;}
ul#nav .previous a { background: url("../img/previous.gif") no-repeat left center; padding:0 4px 1px 4px;}
ul#nav .previous a:hover { background: url("../img/previous_active.gif") no-repeat left center; padding:0 4px 1px 4px;}
ul#nav .previous_text {display: none;}

ul#nav .pageNumber{font-family:'Verdana'; font-weight: bold; max-width:500px; color:#996; font-size:16px; padding: 0 0 10px 0;}
ul#nav .pagnation { padding: 0 2px 0 7px; }

ul#nav .next { white-space: pre; width: 15px; height: 15px;}
ul#nav .next a { background: url("../img/next.gif") no-repeat left center;  padding:0 4px 1px 4px;}
ul#nav .next a:hover { background: url("../img/next_active.gif") no-repeat left center;  padding:0 4px 1px 4px;}
ul#nav .next_text {display: none;}

.imagetable table {margin-right: auto; margin-left: auto; border:none; border-collapse:collapse; background-color: #fff }
.imagetable td { color:#333; padding: 0 0 0 0; border-width:0px; border-bottom-style:solid; border-color:#000; vertical-align:top; }
.imagetable img{margin-right: 0px; margin-bottom: 0px; padding: 0 0 5px 0;}