/* Webdesign: www.himbeergeist.net | esther kochte | berlin 2007 */

body {
	margin: 6px;
	background: #fff url(../Images/Design/bg1.gif) no-repeat;
	height:auto;
	background-repeat:no-repeat;
	z-index:0;
}


/*Header, Menü*/

div#title {
	position: absolute;
	width:118px;
	margin-top:5px;
	margin-left:5px;
	overflow:hidden;
	z-index:0;
}

div#stripe {
	position:absolute;
	margin-left: 174px;
	width:100;
	height:auto;
	z-index:1;
	}

div#navi {
	position: absolute;
	margin-top: 127px;
	margin-left: 425px;
	font-size: 12px;
	font-family: Courier New, Courier, mono;
	letter-spacing:1px;
	white-space: nowrap;
	z-index: 2;
	}
	
a.navi { text-decoration:none; font-weight: bold;}
a:link.navi { color: #d4b19a;}
a:visited.navi { color: #d4b19a;}
a:hover.navi { color: #bf977d;}
a:active.navi { color: #bf977d;}

div#update {
	position: absolute;
	margin-top: 5px;
	margin-left: 425px;
	font-size: 10px;
	color: #d4b19a;
	width: 520px;
	z-index: 2;
	}

div#navi_text {
	position: absolute;
	margin-left: 439px;
	background-image: url(../Images/Design/navi_pfeil.gif);
	width:6px;
	height:109px;
	z-index: 2;
	}
	
div#navi_film {
	position: absolute;
	margin-left: 495px;
	background-image: url(../Images/Design/navi_pfeil.gif);
	width:6px;
	height:109px;
	z-index: 2;
	}
	
div#navi_audio {
	position: absolute;
	margin-left: 553px;
	background-image: url(../Images/Design/navi_pfeil.gif);
	width:6px;
	height:109px;
	z-index: 2;
	}
	
div#navi_buehne {
	position: absolute;
	margin-left: 618px;
	background-image: url(../Images/Design/navi_pfeil.gif);
	width:6px;
	height:109px;
	z-index: 2;
	}
	
div#navi_design {
	position: absolute;
	margin-left: 686px;
	background-image: url(../Images/Design/navi_pfeil.gif);
	width:6px;
	height:109px;
	z-index: 2;
	}
	
div#navi_label {
	position: absolute;
	margin-left: 753px;
	background-image: url(../Images/Design/navi_pfeil.gif);
	width:6px;
	height:109px;
	z-index: 2;
	}
	
div#navi_termine {
	position: absolute;
	margin-left: 827px;
	background-image: url(../Images/Design/navi_pfeil.gif);
	width:6px;
	height:109px;
	z-index: 2;
	}
	
div#navi_glossar {
	position: absolute;
	margin-left: 839px;
	background-image: url(../Images/Design/navi_pfeil.gif);
	width:6px;
	height:109px;
	z-index: 2;
	}
	
div#navi_kontakt {
	position: absolute;
	margin-left: 907px;
	background-image: url(../Images/Design/navi_pfeil.gif);
	width:6px;
	height:109px;
	z-index: 2;
	}
	
	


/*Content*/

div#rahmen {
	position: absolute;
	margin-top: 160px;
	margin-left: 425px;
	width: 480px;
	height:auto;
	z-index: 3;
	}

div#text {
	position: relative;
	padding:10px 0px 10px 0px;
	height:auto;
	z-index: 3;
	}

div#space {
	position: relative;
	background-image: url(../Images/Design/punkte.gif);
	background-repeat:no-repeat;
	height:2px;
	z-index: 3;
	}
	
div#info_rahmen {
	position: absolute;
	margin-top: 0px;
	margin-left: 174px;
	width: 170px;
	height:auto;
	z-index: 3;
	}
	
div#info {
	position: relative;
	padding:10px 0px 10px 0px;
	height:auto;
	z-index: 3;
	}


/*Links*/

a { text-decoration:none;}
a:link { color:#00bfe3;}
a:visited { color:#00bfe3;}
a:hover { color:#00bfe3;}
a:active { color:#00bfe3; }

a.on { text-decoration:none;}
a:link.on { color:#ff0000}
a:visited.on { color:#ff0000;}
a:hover.on { color:#ff0000;}
a:active.on { color:#ff0000; }

a.red { text-decoration:none;}
a:link.red { color:#ff0000;}
a:visited.red { color:#ff0000;}
a:hover.red { color:#e2001a;}
a:active.red { color:#ff0000;}

a img {
	border: none;
	}

/*Überschriften*/

h1 {
	font-family: Courier New, Courier, mono;
	font-size: 24px;
	font-weight: bold;
	color: #d4b19a;
	margin-bottom: 10px;
}


h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:1px;
	color: #00bfe3;
	margin-bottom: 4px;
	}
	
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:1px;
	color: #f82e0d;
	margin-bottom: 2px;
	}
	
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:1px;
	color: #000;
	margin-top: 15px;
	margin-bottom: 2px;
	}


/*Absätze*/

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
p.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
p.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 6px;
	}	
		
p.red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#f82e0d;
	font-size: 10px;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 6px;
	}
	
p.pic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#f82e0d;
	font-size: 10px;
	line-height: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
ul {
	list-style: circle;
	list-style-position: inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-align:left;
	}