body {
	margin: 0;
	padding: 0;
	background: #ccc url(/images/bg.gif) repeat-y;
	font: normal 11px/16px verdana, arial, sans-serif;
	color: #666666;
}

.clearboth {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

hr {
	border: 0;
	border-top: 1px #666 solid;
	height: 1px;
}

#shortlinks_bg { 
	height: 35px;
	background: #F3EDE0 url(/images/bg.gif) repeat-y;
	width: 100%;
}

#shortlinks {
	text-align: right;
	width: 770px;
}

#shortlinks a {
	color: #000;
}

#header {
	background: #F60 url(/images/bg_header.gif) repeat-x;
	width: 100%;
	height: 117px;
}

#titel {
  position: absolute;
	top: 35px;
	left: 360px;
	width: 410px;
	height: 112px;
	text-align: right;
}

#titel h1 {
	font: bold 26px verdana, arial, sans-serif;
	color: #000;
	padding: 0;
	margin: 15px 0 0 0;
}

#titel h2 {
	font: bold 18px verdana, arial, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
}

#menu {
  position: absolute;
	top: 35px;
	left: 60px;
	width: 300px;
	height: 117px;
}

#menu img {
	padding: 0;
	margin: 0;
	/* FALLS ES PROBLEME GIBT, RAUS MIT DEM FLOAT */
	/* float: left; */
}


/*
-----------------------------------------------
Menue
----------------------------------------------- */

ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
		z-index: 20;
}

li {
	float: left;
	position: relative;
	background-color: #999;
	border-right: 1px solid #000;
	margin: 0;
		/* wird nur hier gebraucht, wegen der festen Breite */
	padding: 0 6px 0 7px; /* fuer IE5 */
		z-index: 20;
	padding/**/: 0; /* fuer IE5.5 */
	
	voice-family: "\"}\""; 
	voice-family: inherit;
	padding: 0;
	}
	.nix_zrtzrhmopk { } /* fuer IE5 */
	
#nav li a {
	text-decoration: none;
	padding: 4px 6px 4px 7px;
	color: #FFF;
	line-height: 23px;
		z-index: 20;
}

#nav li a:hover {
	padding: 5px 6px 5px 7px;
	color: #666;
	z-index: 20;
	}

li ul {
	display: none;
	position: absolute;
/*	top: 105%; */
	left: 0;
	padding: 0;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	margin: 0;
	margin-left: -1px;
	width: 110px; /* fuer IE5 */
	width/**/: 113px; /* fuer IE5.5 */
		z-index: 20;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 123px;
	}
	.nix_zrtzrhmopk { } /* fuer IE5 */
	
li>ul {
	top: auto;
	left: auto;
}

#nav li li a {
	display: block;
	padding: 3px 6px;
	line-height: 16px;
	background-color: #999;
	color: #FFF;
			z-index: 20;
	width: 110px; /* fuer IE5 */
	
	width/**/: 123px; /* fuer IE5.5 */
	
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 110px;
	}
	.nix_rdfgtrzjhhf { } /* fuer IE5 */

#nav li li a:hover {
	display: block;
	padding: 3px 6px;
	line-height: 16px;
	background: url(/images/blank.gif) no-repeat;
		z-index: 20;
	width: 110px; /* fuer IE5 */
	
	width/**/: 123px; /* fuer IE5.5 */
	
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 110px;
	}
	.nix_zrtzrhmopk { } /* fuer IE5 */

li li {
	display: block;
		z-index: 20;
	float: none;
	background-color: #EBEBEB;
	margin-top: 0;
	padding: 0;
	margin-left: -16px; margin-bottom: -2px; /* fuer IE5 */
	voice-family: "\"}\""; 
	voice-family: inherit;
	margin-left: 0; margin-bottom: 0;
	}
.nix_ophgfertz { } /* fuer IE5 */

li:hover ul, li.over ul {
	display: block;
	z-index: 20;
	background-color: #fff;
}

/* Aktiv */

li#ich { background-color: #F7C49C; }
li#ich a { color:#000; }

li#programm { background-color: #F7C49C; }
li#programm a { color:#000; }

li#kalender { background-color: #F7C49C; }
li#kalender a { color:#000; }

li#infos { background-color: #F7C49C; }
li#infos a { color:#000; }

/*
-----------------------------------------------
Footer
----------------------------------------------- */


#footer {
	margin-left: 360px;
	background-color: #ccc;
	padding: 20px 0 30px 30px;
}

#footer a {
	color: #000;
}


/*
-----------------------------------------------
Inhalt
----------------------------------------------- */

#content {
	margin-left: 100px;
	padding-bottom: 1px;
}

#content_bg { 
	background: #F3EDE0 url(/images/bg.gif) repeat-y;
	width: 100%;
}

.zeile {
	padding: 30px 0 0 0;
}

.left {
	float: left;
	width: 220px;
	margin: 0 40px 0 0;
	color: #000;
}

.left a {
	color: #000;
}

.right {
	float: left;
	margin: 0 0 0 30px;
	width: 380px;
}

.right a {
	color: #F60;
}

.right a:hover {
	color: #000;
}



.zeile h1 {
	font: bold 18px verdana, arial, sans-serif;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
}

.zeile h2 {
	font: bold 11px verdana, arial, sans-serif;
	color: #000;
	margin: 0 0 5px 0;
	padding: 0;
}

p {
	margin: 0 0 20px 0;
	padding: 0;
}

/* meldungen */

.meldung_zeile {
	width: 380px;
}

.meldung_left {
  margin-top: 20px;
	width: 120px;
	float: left;
}

.meldung_left img {
 border: 1px solid #f60;
}

.right img {
 border: 1px solid #f60;
 padding: 1px;
}

.meldung_left_big {
  margin-top: 20px;
	width: 180px;
	float: left;
}

.meldung_right {
  margin-top: 20px;
	width: 260px;
	float: left;
}

.meldung_right_small {
  margin-top: 20px;
	width: 200px;
	float: left;
}


.meldung_right_big {
  margin-top: 20px;
	width: 380px;
	float: left;
}

/*
-----------------------------------------------
Formulare
----------------------------------------------- */

#formular form { 
	padding: 0;
	margin: 0;
}

#formular fieldset {
	border: 1px #666666 solid;
	margin-bottom: 20px;
	padding: 5px;
	width: 370px;
}

#formular legend {
	background-color: #666666;
	font: bold 1em Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	padding: 2px 5px 2px 5px;
}

#error fieldset {
	border: 1px #ff0000 solid;
	padding: 5px;
	width: 370px;
}

#error legend {
	background-color: #ff0000;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	padding: 3px;
}

#formular input, 
#formular textarea, 
#formular select {
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	background-color: #F7F5EF;
}

#formular input:focus, 
#formular textarea:focus, 
#formular select:focus {
	border: solid #FF5B19 2px;
	background-color: #fff;
}

#formular label {
	cursor: pointer;
}

#formular .formrow {
	width: 370px;
	padding: 2px 0 2px 0;
	margin-bottom: 3px;
	background-color: #EFE9DC;
}

#formular .left {
	float: left;
	width: 90px;
	padding: 0;
	margin: 0;
}

#formular .leftcheckbox {
	float: left;
	width: 90px;
	text-align: right;
}

#formular .right {
	float: left;
	width: 270px;
	padding: 0;
	margin: 0;
}

#formular .error {
	border: solid #ff0000 2px;
	background-color: #F2F4EE;
 }
 
 #formular .texterror {
	color: #ff0000;
}


/*
-----------------------------------------------
Kalender
----------------------------------------------- */

#kalender input,
#kalender select {
	font: normal 11px verdana, arial, sans-serif;
	color: #000;
}

#kalender #srch_text {
width: 100%;
}


/*  Kalenderblatt */

.kalender_blatt {
	background-color: #F60;
	width: 100px;
}

.wochentag {
	text-align: center;
	font: bold 11px verdana, arial, sans-serif;
	color: #fff;
	background-color: #000;
	padding: 5px 0 5px 0;
}

.tag {
	text-align: center;
	background-color: #fff;
	font: bold 18px verdana, arial, sans-serif;
	color: #000;
	padding: 5px;
}

.monat {
	text-align: center;
	font: bold 11px verdana, arial, sans-serif;
	color: #000;
	padding: 5px 0 5px 0;
}

.jahr {
	text-align: center;
	background-color: #ccc;
}

#pic_zoom {
	margin: 0 0 0 30px;
	width: 230px;
}

#pic_zoom img {
	padding: 2px;
	border: 1px solid #FF6600;
}


#bilder img {
	padding: 2px;
	border: 1px solid #FF6600;
}

#special img {
	padding: 2px;
	border: 1px solid #FF6600;
}

.play a {
	background: url(/images/play.gif) 1px 3px no-repeat;
	text-decoration: none;
	padding: 5px 0 5px 25px;
}

.listen a {
	background: url(/images/listen.gif) 1px 3px no-repeat;
	text-decoration: none;
	padding: 5px 0 5px 25px;
}

.summen {
background-color: #f7c49c;
padding: 5px;
width: 80px;
color: #000;
}

.summen input {
width: 32px;
border: 2px solid #f7c49c;
}

.summen span {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}


#shopstyle h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}


.zeile ul {	
	padding: 0 20px 20px 20px;
	margin: 0;
}

.zeile li {
	float: none;
	position: relative;
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0 0 5px 5px;
	list-style-type: square;
	}

#buch {
width: 364px;
margin-bottom: 25px;
background: #feb811 url(/images/bg_buch.png) no-repeat;
}

#buch #buch_content {
padding: 108px 10px 10px 147px;
color: #d84033;
}

#buch #buch_content .color {
color: #000;
}