html, body {height: 100%;font: 12px/1.2em Verdana, sans-serif; padding: 0; margin: 0;}
p {padding-top: 10px; margin: 0 0 8px 0;}
a {text-decoration: none; color: #000;}
h1, h2, h3 {padding: 0; margin: 0;}
#content p {padding-left: 10px; padding-right: 15px; padding-top: 10px; margin-right: 15px;}
#contentbib p {padding-left: 10px; padding-right: 15px; padding-top: 10px; margin-right: 15px;}


#startseite h1 {position: absolute;left: 140px;top: 100px;}

h2 {padding: 5px 0 15px 0; color: #EC6500;}
h3 {padding: 10px 0 10px 0;}

/* ------------------------ */
/* basic styles */

#center {
position: relative;
margin-left: -395px;
left: 50%;
width:790px;
}
#top {
height: 60px;
}
#genlinks {
position: absolute;
height: 20px;
width: 420px;
right: 20px;
top: 40px;
}
#genlinks a {
padding: 0px;
top: 0;
line-height: 1.6em;
margin-left: 5px;
}
#logo {
position: absolute;
width: 110px;
height: 220px;
top: 12px;
left: 0px;
}

#logo a {
position: absolute;
width: 110px;
height: 220px;
top: 12px;
left: 0px;
}

#main {
width: 760px;
margin-left: 30px;
}
#container {
}
#content {
margin-left: 190px;
padding: 5px 20px 20px 0px;
/*min-height: 430px; height: auto !important; height: 430px;*/
height: 615px;
}
#content_start {
height:525px; 
}

#contentbib {
margin-left: 110px;
padding: 5px 20px 20px 0px;
/*min-height: 430px; height: auto !important; height: 430px;*/
height: 570px;
}

#toptop {
height: 17px;
}
#bottom {
position: relative;
height: 15px;
left: 30px;
}
#footer {
position: relative;
height: 20px;
padding: 0 12px 3px 35px;
text-align: center;
}
#flashcontent_area {
width: 430px;
height: 100px;
margin: 0 0 20px 0;
}
#footer {
font: 0.9em/1.1em Arial, sans-serif;
}
#box1{
position: absolute; top: 456px; left: 512px;
}
#box2{
	position: absolute;	top: 71px; right: 30px; left: 516px;
}

#box3{
	position: absolute; top: 313px; right: 30px; left: 501px;
}

#box4{
position: absolute; top: 255px; right: 23px;
}

#box5{/*Entdecker*/
position: absolute; top: 229px; left: 40px; 
}

#countdown{
	position: absolute;
	top: 514px;
	right: 220px;
	z-index: 90;
	left: 559px;
}
#blase{
position: absolute; top: 310px; left: 417px;
}
#counter{
position: absolute; top: 300px; left: 7px;
}
#kimu3d{
position: absolute; top: 255px; left: 388px;}

.reiter {
float: left; width: 100px; height: 33px; margin-right: 2px;
}
#gallery{
position: absolute; left: 257px; top: 141px;
}
#guest{
width: 500px; position: absolute; left: 240px; top: 135px;}

.mitteilung p{
font: 12px/1.2em Verdana, sans-serif;
}
#trailer{
margin-right: 25px;
float: right;
}
#labels{
display: block;
float: left;
width: 200px;
}
#form1 {
margin-left: 20px;
}

#trickfilmswf {
	position: absolute;
	left: 325px;
	top: 437px;
	width: 321px;
	height: 270px;
}


/* ------------------------ */
/* navigation content */

#navigation {padding-top: 175px; width: 180px; float: left;}
#navigation a {display: block;height: 21px;}

#navigation #link01 a {margin-left: 12px;padding: 12px 0 8px 35px;}
#navigation #link02 a {margin-left: 4px;padding: 12px 0 8px 40px;}
#navigation #link03 a {margin-left: 9px;padding: 12px 0 8px 30px;}
#navigation #link04 a {margin-left: 5px;padding: 12px 0 8px 29px;}
#navigation #link05 a {margin-left: 2px;padding: 12px 0 8px 50px;}
#navigation #link06 a {margin-left: 10px;padding: 12px 0 8px 48px;}
#navigation #link07 a {margin-left: 3px;padding: 12px 0 8px 42px;}
#navigation #linkpromo a {margin-left: 3px;padding: 12px 0 8px 42px;}


/* ------------------------ */
/* navigation startseite */


#startseite #count, #startseite #link01, #startseite #link02, #startseite #link03, #startseite #link04, #startseite #link05, #startseite #link06, #startseite #link07, #startseite #linkpromo {
	position: absolute;
	display: block;
	padding: 5px;
	height: 15px;
	z-index: 100;
}


#startseite #count {left: 432px; top: 320px; width: 100px;}
#startseite #link01 {left: 550px; top: 344px; width: 184px;}
#startseite #link02 {left: 555px; top: 267px; width: 186px;}
#startseite #link03 {left: 478px; top: 543px; width: 292px;}
#startseite #link04 {left: 406px; top: 452px; width: 235px;}
#startseite #linkpromo {left: 214px; top: 120px; width: 394px;}


/* ------------------------ */
/* color */

html, body {color: #000;}


#navigation a {color: #fff;}
#navigation a:hover {color: #000;}

#startseite a {color: #000; text-decoration: underline;}

#genlinks a {color: #FFFFFF;}
#genlinks a:hover {color: red;}
#genlinks a:active {color: #7EB712;}

#startseite {background: #e5e5e5;}

#genlinks {background-color: #002F67; color: #FFFFFF;}

.reiter a:hover {color: red;}



/* #startseite {border: 1px solid #c00;} */


/* ------------------------ */
/* layout */

/*
#link01, #link01 a {background: #6FC750;}
#link02, #link02 a {background: #CD64A2;}
#link03, #link03 a {background: #E5AE4D;}
#link04, #link04 a {background: #4E7BC8;}
#link05, #link05 a {background: #2F4296;}
#link06, #link06 a {background: #F99309;}
#link07, #link07 a {background: #0091DA;}*/

#footer p {padding: 0px; background-color: #002F67; color: #FFFFFF;}

#kpic01{float: left; margin-left: 10px; margin-right: 15px; padding-top: 10px;}
#kpic01a{margin-left: 10px; margin-top: 7px; margin-right: 10px;}

#kimifragt{margin-left: 20px; margin-top: 7px; margin-right: 10px;}
#paket{margin-left: 20px; margin-top: 7px; margin-right: 10px;}

#kpic01b{margin-left: 10px; margin-right: 10px; padding-top: 10px;}
#kpic01c{margin-left: 10px; margin-top: 2px; margin-right: 2px;}
#kpic02{margin-left: 100px; }
#kpic02a{float: left; margin-left: 20px; margin-right: 45px; padding-top: 10px;}
#kpic02b{margin-left: 10px; margin-right: 15px;}
#kpic04{float: right; margin-left: 30px; margin-right: 25px;}
#medien{float: right; margin-left: 10px; margin-right: 25px;}
#kpic05{margin-left: 20px; margin-top: 105px;}
#anfahrt{float: left; margin-left: 10px; margin-right: 10px; padding-top: 8px;}
#kpic07{margin-left: 10px; margin-right: 6px;}
#kpic10{margin-left: 10px;}
#kpic11{margin-left: 10px;}
#kpic13{margin-left: 10px;}
#kpic14{margin-left: 5px;}
#kpic16{float: left; margin-left: 10px;}
#kpic17{float: left; margin-left: 10px;}
#kpic18{margin-left: 10px;}
#kpic19{float: left; margin-left: 10px; margin-top: 14px;}
#kpic20{float: left; margin-left: 5px; }
#kpic21{float: left; margin-left: 5px; margin-top: 14px;}

#nachrichten {margin-left: 10px;}
#petty {margin-left: 85px;}
#zauberer {margin-left: 85px;}
#zeitung {float: right; margin-left: 10px; margin-right: 25px; margin-top: 25px;}
#pc2 {float: right; margin-left: 10px; margin-right: 25px; margin-top: 33px;}
#spezial {margin-left: 10px;}
#kinderquer_2 {margin-left: 70px;}
#plan {margin-left: 10px;}
#trickfilm {margin-left: 150px; margin-right: 6px;}
#bib {margin-left: 110px; margin-right: 6px;}
#vor {margin-left: 90px; margin-right: 6px;}
#work {margin-left: 50px; margin-right: 6px;}




#l1 {display: block; padding: 4px 0 0 15px;}
#l2 {display: block; padding: 4px 0 0 19px;}
#l3 {display: block; padding: 4px 0 0 15px;}
#l4 {display: block; padding: 4px 0 0 37px;}
#l5 {display: block; padding: 4px 0 0 10px;}
#l6 {display: block; padding: 4px 0 0 14px;}
#l7 {display: block; padding: 4px 0 0 10px;}
#l8 {display: block; padding: 4px 0 0 15px;}
#l9 {display: block; padding: 4px 0 0 13px;}
#l10 {display: block; padding: 4px 0 0 14px;}
#l11 {display: block; padding: 4px 0 0 14px;}
#l12 {display: block; padding: 4px 0 0 30px;}
#l13 {display: block; padding: 4px 0 0 29px;}
#l14 {display: block; padding: 4px 0 0 15px;}
#l15 {display: block; padding: 4px 0 0 27px;}
#l16 {display: block; padding: 4px 0 0 4px;}
#l17 {display: block; padding: 4px 0 0 20px;}
#l33 {display: block; padding: 2px 0 0 7px;}
#l34 {display: block; padding: 4px 0 0 27px;}
#l18 {display: block; padding: 4px 0 0 15px;}
#l19 {display: block; padding: 4px 0 0 22px;}
#l20 {display: block; padding: 4px 0 0 6px;}
#l21 {display: block; padding: 4px 0 0 25px;}
#l22 {display: block; padding: 4px 0 0 20px;}
#l23 {display: block; padding: 4px 0 0 23px;}
#l24 {display: block; padding: 4px 0 0 17px;}
#l25 {display: block; padding: 4px 0 0 30px;}
#l26 {display: block; padding: 4px 0 0 18px;}
#l27 {display: block; padding: 4px 0 0 33px;}
#l28 {display: block; padding: 4px 0 0 23px;}
#l29 {display: block; padding: 4px 0 0 33px;}
#l30 {display: block; padding: 4px 0 0 18px;}
#l31 {display: block; padding: 4px 0 0 30px;}
#l32 {display: block; padding: 4px 0 0 6px;}

#l33 {display: block; padding: 4px 0 0 14px;}
#l34 {display: block; padding: 4px 0 0 10px;}
#l35 {display: block; padding: 4px 0 0 15px;}
#l36 {display: block; padding: 4px 0 0 13px;}
#l37 {display: block; padding: 4px 0 0 14px;}

#l38 {display: block; padding: 4px 0 0 10px;}

.mitteilung {
margin-left: 10px;
border: 1px solid #7EB712;
}



/* ------------------------ */
/* background images */

body {background-image: url(img/rapport.gif); }

#logo {background-image: url(img/logo_back.gif); background-repeat: no-repeat; background-position: 0px 0px;}

#main {background-image: url(img/back_main.gif); background-repeat: repeat-y; }


#toptop {background-image: url(img/back_top.gif); background-repeat: no-repeat; background-position: 0px 0px;}

#bottom {background-image: url(img/back_bottom.gif); background-repeat: no-repeat; background-position: 0px 0px;}


.reiter {background-image: url(img/reiter1_a.gif); background-repeat: no-repeat; background-position: 0px 0px;}

.reiter.active {background-image: url(img/reiter1.gif); background-repeat: no-repeat; background-position: 0px 0px;}


#content {background-image: url(img/reiter_haupt.gif); background-repeat: no-repeat; background-position: 0px 58px;}


#navigation #link01 a {background-image: url(img/link_back_01.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #link02 a {background-image: url(img/link_back_02.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #link03 a {background-image: url(img/link_back_03.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #link04 a {background-image: url(img/link_back_04.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #link05 a {background-image: url(img/link_back_05.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #link06 a {background-image: url(img/link_back_07.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #link07 a {background-image: url(img/link_back_06.gif); background-repeat: no-repeat; background-position: 0px 0px;}

#navigation #link01 a.active, #navigation #link02 a.active, #navigation #link03 a.active, #navigation #link04 a.active, #navigation #link05 a.active, #navigation #link06 a.active, #navigation #link07 a.active {background-image: url(img/button_grau.gif);color: #7EB712;}

#startseite a {padding-left: 12px; background-image: background-repeat: no-repeat; background-position: 0px 1px; text-decoration: underline;}
#content p a {padding-left: 1px; text-decoration: underline;}
#startseite a:hover {padding-left: 12px; background-repeat: no-repeat; background-position: 0px 1px; color: #000066;}
#content p a:hover {padding-left: 1px; color: red;} 
.sitennav p a {background: none; !important}
