
html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	background:#fff;
	font-size:11px;
	color:#fff;
	font-family:"arial", Geneva, Arial, Helvetica, sans-serif;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
	}
body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
	background:#fff;
}

a {
	color: #ffffff;
	font-size:10px;
	text-decoration: none;
	font-weight:none;
}


a:visited {
   color: #ffffff;
   text-decoration:none;
}

a:hover {
   color: #ff6600;
   text-decoration: none;
}

a:active {
   color: #ff6600;
   text-decoration: none;
}

table{
	font-size:11px;
	color:#fff;
}

img{
	border:0px;
}
on{
	color:#ff6600;
}

hr{
    border-top:1px solid #fff;
	border-bottom:1px solid #cc0000;
}
marquee{
	color:#990000;
	font-size:12px;
	width:180px;
	height:15px;
	margin-left:22px;
	border-right:1px solid #ff9933;
	border-left:1px solid #ff9933;
}
li{
	margin:3px;
}
h1{
	color:#ff6600;
	font-size:1.6em;
	font-weight: lighter;
	margin-bottom:6px;
	padding:0px;
}
h2{
	color:#ff6600;
	font-size:1.2em;
	font-weight:lighter;
	margin-bottom:0px;
	padding:0px;
}
h3{
	color:#ff6600;
	font-size:1.2em;
	font-weight:lighter;
	margin-bottom:0px;
	padding:0px;
	display:inline;
	

}

#rahmen{
    position:absolute;
	top:0px;
	left:50%;
	width:713px;
	height:555px;
	margin-left:-350px;
	border:0px solid #000;
	z-index:1;
	}
#kopf{
    position:absolute;
	top:20px;
	left:0px;
	width:713px;
	height:60px;
	background-image: url(../baumaterial/kids&stars.gif);
	background-repeat: no-repeat;
}
#navigation{
	position:absolute;
	top:85px;
	width:100px;
	height:455px;
	background-color: #990000;
}

#menue{
    position:absolute;
	top:95px;
	left:7px;
	width:80px;
	height:300px;
}

#menue .button{
    top:0px;
    left:0px;
    width:80px;
    height:12px;
    text-indent:15px;
    margin:2px;
    font-size:8pt;
    display:block;
}

.button a:link, .button a:visited  {
    background: url(../baumaterial/staroff.gif);
    display:block;
    background-repeat: no-repeat;
}

.button a:hover, .button a:active {
    background: url(../baumaterial/staron.gif);
    background-repeat: no-repeat;
}

#menue .button_on{
    top:0px;
    left:0px;
    width:80px;
    height:12px;
    text-indent:15px;
    margin:2px;
    font-size:8pt;
    display:block;
    background-image: url(../baumaterial/staron.gif);
    background-repeat: no-repeat;
}

#buehne{
	position:absolute;
	top:85px;
	width:613px;
	height:455px;
	left:101px;
	background-color: #990000;
	border:0px solid #000;
}

#vorschau{
	position:absolute;
	top:0px;
	left:0px;
	width:613px;
	height:155px;
	border:0px solid #000;
}

/* definition der einzelnen unterseiten mit
dazugehörigen vorschaubild */
.home{
    top:0px;
    width:613px;
    height:155px;
    background: url(../baumaterial/home.jpg);
    z-index:3;
    font-size:9px;
    text-align:right;
    color:#fff;

}
.background{
    width:613px;
    height:155px;
	background-image: url(../baumaterial/background.jpg);
}
.figureheads{
    width:613px;
    height:155px;
	background-image: url(../baumaterial/figureheads.jpg);
}
.testimonials{
    width:613px;
    height:155px;
	background-image: url(../baumaterial/testimonials.jpg);
}
.links{
    width:613px;
    height:155px;
	background-image: url(../baumaterial/links.jpg);

}
.impressum{
    width:613px;
    height:155px;
	background-image: url(../baumaterial/impressum.jpg);
}


/* der container für die vita */
#details{
	position:absolute;
	top:155px;
	left:0px;
	width:613px;
	height:299px;
	border-top:1px solid #fff;
	margin:0px;
	padding:0px;
}
#details .hintergrund{
position:absolute;
top:0px;
left:0px;
width:613px;
height:299px;
background-image: url(../baumaterial/logo_grund.gif);
border:0px solid #000;
}
#details .lauragrund{
position:absolute;
top:0px;
left:0px;
width:613px;
height:300px;
background-image: url(../baumaterial/laura_grund.jpg);
border:0px solid #000;
}

/*alle einstellungen zu vita, foto und video*/
#details .vita_daten{
    position:absolute;
    left:0px;
    top:0px;
    width:406px;
    height:299px;
    border:0px solid #000;
    overflow: auto;
}

details .vita_media{
    position:absolute;
    left:407px;
    top:19px;
    width:206px;
    height:261px;
    border:0px solid #fff;
}


#details .vita_top{
    position:absolute;
    left:407px;
    top:0px;
    width:206px;
    height:19px;
    background-image: url(../baumaterial/bg_vita_top.gif);
}

#details .vita_foto{
    position:absolute;
    left:406px;
    top:19px;
    width:206px;
    height:261px;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
}

#details .vita_foto .pic_nav{
    position:absolute;
    display:inline;
    top:225px;
    left:0px;
    width:175px;
    height:33px;
    border-top:1px solid #fff;
}

#details .vita_uebersicht{
    position:absolute;
    left:406px;
    top:279px;
    width:207px;
    height:14px;
    background-color: #ff6600;
    border-top:3px solid #ff6600;
    text-indent:4px;
    border-bottom:3px solid #ff6600;
    display:inline;
}
#details .vita_uebersicht a:link{
color:#fff;
}
#details .vita_uebersicht a:hover{
color:#990000;
}
#details .vita_uebersicht a:active{
color:#990000;
}

/* der container auf der home seite
anzeige des nachr.ticker mit text*/
#newsblock{
	position:absolute;
	top:-4px;
	right:0px;
	width:220px;
	height:auto;
	border:1px solid #fff;
	background-color: #ff6600;
	padding:3px;
	margin:3px 0px 0px 0px;
	z-index:3;
}
#newsblock .neuigkeiten{
    margin-top:2px;
	width:218px;
	height:14px;
	display:block;
	background-image: url(../baumaterial/starnews.gif);
	background-repeat: no-repeat;
	text-indent:15px;
	color:#fff;
}
#newsblock .neuigkeiten :hover{
	background-color: #990000;
	margin:2px;
	padding:2px;
}

/* text einstellungen home und unterseiten */
#details .text{
	position:absolute;
	top:0px;
	left:28px;
	width:585px;
	height:299px;
	display:block;
	margin:0px;
	padding:0px;
	overflow:auto;
	border:0px solid #000;
}
#details .text_background{
	position:absolute;
	top:-5px;
	width:370px;
	height:289px;
	display:block;
	margin:5px;
	padding:5px;
	border:0px solid #000;
}

#details .text_rechts{
	position:absolute;
	top:23px;
	left:350px;
	width:180px;
	height:250px;
	display:block;
	margin:5px;
	padding:5px;
	border:0px solid #000;
}
#nachrichten{

	width:370px;
	margin-left:1px;
	margin-top:6px;
	border:1px solid #ff6600;
	margin-bottom:8px;
	padding:5px 5px 5px 5px;
	float:left;
}


/*die fusszeile */
#fuss{
	position:absolute;
	top:545px;
	width:715px;
	height:18px;
	color:#999999;
    text-indent:450px;
    z-index:4;
    border:0px solid #000;

}

#mailicon{
    position:absolute;
    top:-3px;
    left:0px;
    width:15px;
    height:15px;
    z-index:4;
	 text-indent:700px;
}

/*die Chronik*/
#chronik{
    position:absolute;
    top:4px;
    left:480px;
    width:80px;
    border:0px solid #000;
    text-align:right;
    z-index:3;
}

/*sprachwahl*/
#select_language{
	position:absolute;
	top:361px;
	left:687px;
	width:65px;
	height:20px;
	border:0px solid #000;
	z-index:5;
}

/*ausdrucken*/
#bg_print{
	position:absolute;
	top:0px;
	left:0px;
	width:420px;
	height:500px;
	border:0px solid #000;
}
#kids_logo{
	position:absolute;
	top:50px;
	left:50px;
	width:220px;
	height:50px;
	border:0px solid #000;
}
#print_text{
	position:absolute;
	top:130px;
	left:105px;
	width:300px;
	height:350px;
	border:0px solid #000;
	z-index:4;
	color:#000;
}
#print_push{
	position:absolute;
	top:10px;
	left:322px;
	width:90px;
	height:20px;
	border:0px solid #000;
	z-index:5;
	right:0px;
}
#print_push a:link{
	color:#000;
	font-size:11px;
	right:0px;
	
}
#linktausch{
	width:550px;
	height:65px;
	border:0px solid #000;
}
#linktausch .left{
position:absolute;
	width:185px;
	height:auto;
	border:0px solid #fff;
}
#linktausch .middle{
position:absolute;
left:190px;
	width:185px;
	height:auto;
	border:0px solid #fff;
}
#linktausch .right{
position:absolute;
left:390px;
	width:185px;
	height:auto;
	border:0px solid #fff;
}
