*{margin:0;padding:0}
html { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; width: 100%; height: 100%;}
/*"Lucida Grande", Verdana, Arial, Sans-Serif*/

body { color: black; background-color: #cecece; background-image: url(../basic/bg-body.gif); background-repeat: no-repeat; background-position: center top; width: 100%; height: 100%;font-size: 62.5%; /* Resets 1em to 10px */}


p{font-size: 1.1em;
  line-height: 1.4em;
}

h1{ font-size: 1.1em; background-image: url(../files/item-h1.gif); background-repeat: no-repeat; background-position: left center;clear:left;padding-left:15px}

p+h1{margin-top:20px}
img+h1{margin-top:20px}

a{color:#cc081e}

#show a{color:#cc081e !important}

#main {
	background-color: white;
	width: 870px;
	height: auto;
	min-height: 97%;
	border-right: 1px solid #000;
	border-left: 1px solid black;
	border-top-width: 0;
	border-bottom-width: 0;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}
#head{ width: 870px; height: 190px; float: left; margin: 0 auto 0; position:relative }
#head img{position:absolute;left:-10px}
#head ul{
	float:left;
	list-style-type: none;
	font-size: 10px;
	margin-top:155px;
	margin-left:660px;
}
#head ul li{float:left;}

a.rem{cursor:pointer}

ol#headmenue{
	float:left;
	clear:left;
	list-style-type: none;
	margin-top:160px;
	width:870px;
}
#headmenue li{float:left;width:144px}
#headmenue a, #headmenue span{
	border:1px solid #cc081e;
	text-decoration:none;
	display:block;
	width:138px;
	height:22px;
	background-color:white;
	padding-top:8px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:black;
}

#headmenue span{
	background-color:#cc081e;
	color:white
}
#headmenue a:hover{background-color:#cc081e;color:white}

#cont{ font-size: 1.2em; background-color: #fff; width: 870px; height: auto; float: left; margin: 0 auto; padding: 0; }

/*Fuss */

#foot{
	background-image: url(../files/head-2010.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color:#F00;*/
	width: 892px;
	height: auto;
	min-height: 24px;
	margin: 0 auto;
	border-bottom-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #000;
	border-bottom-color: #000;
}
#foot p{
	float:left;
	font-size: 11px;
	background-color: #fff;
	text-align: center;
	width: 730px;
	margin-top:6px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 80px;
}
#foot p a{ color: black; font-size: 11px; text-decoration: underline; text-align: center; }
/*Fuss Ende */


/*linke Spalte*/
#mleft {
	float:left;
	width:130px;
	height:auto;
	margin-top: 40px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#mleft ul{ font-size: 11px; margin: 0; padding: 0; list-style-type: none; list-style-position: outside; }
#mleft ul li { height: auto; margin-top: 5px; }
#mleft ul li a{ color: black; font-weight: bold; background-color: white; text-decoration: none; width: 120px; height: auto; padding: 5px 4px 6px; border: solid 1px #cc081e; display: block; }
#mleft ul li a:hover{ color: white; background-color: #cc081e; text-decoration: none; width: 120px; height: auto; padding: 5px 4px 6px; display: block; }
#mleft ul li span{ color: white; font-weight: bold; background-color: #cc081e; text-decoration: none; width: 120px; height: auto; padding: 5px 4px 6px; border: solid 1px #cc081e; display: block; }

/*rechte Spalte*/
#mright {
	font-size: 11px;
	float:left;
	width:230px;
	height:auto;
	margin-top: 45px;
}

#mrightbig {
	font-size: 11px;
	float:left;
	width:330px;
	height:auto;
	margin-top: 45px;
}

#mright a, #mrightbig a { color: black; text-decoration: none; }
#mright p, #mrightbig p { margin-top: 10px; margin-bottom: 0; }

.bordergrey{border: solid 1px #cc081e;}
#mright h4{background-color:#cc081e;padding:4px;text-align:center;color:white;font-size:11px}
.bordergrey p{padding-left:4px;padding-right:4px}

/*Mitte*/

#mcont { float:left; width:auto; height:auto; width: 415px; margin-top: 40px; padding:10px 30px 10px 40px  }
#mcontsmall { float:left; width:auto; height:auto; width: 315px; margin-top: 40px; padding:10px 30px 10px 40px  }
#mcontall { float:left; width:auto; height:auto; width: 645px; margin-top: 40px; padding:10px 30px 10px 40px  }

.rem img{border:0}


/*Mitte Formatierungen*/
#mcont p, #mcontsmall p, #mcontall p{
	margin-bottom: 10px;
}

#mcont h1, #mcontsmall h1, #mcontall h1{
	margin-bottom: 5px;
}

.newspix { float: left; margin: 0 7px 5px 0; border: solid 1px gray; }

div.progteaser{min-height:100px;margin-top:15px}
div.progteaser:first-child{margin-top:0px}
div.progteaser img{margin-right:10px;border:0;float:left}

/*
#mcont p.p250{width:250px}
#mcont p.p320{width:320px}
#mcont p.p350{ width:350px; float: left; }
.pixleft { float:left; margin: 0 10px 10px 0; padding: 0; border: solid 1px black; }
.pixright { float:right; margin: 0 10px 10px 0; padding: 0; border: solid 1px black; }
#mcont h1,#mcontref h1 { font-size: 11px; background-image: url(../basic/item-h1.gif); background-repeat: no-repeat; background-position: left center; width: auto; clear: left; max-width: 250px; margin: 0 0 5px; padding: 0 0 0 15px; }
#mcont h1.hdlprog,#mcontref h1.hdlprog { width:130px; float:left; margin-bottom: 17px; }
#mcont h2 { float:left; clear:left; font-size: 16px; font-weight: bold; width: 340px; max-width: 420px; margin: 0 0 5px; padding: 0 0 0 15px; }
#mcont h3 { float:left; clear:left; font-size: 12px; font-weight: bold; width: 340px; max-width: 420px; margin: 0 0 5px; padding: 0 0 0 15px; }
#mcont p.pprog{ width: 340px; clear:left }
#mcont p.pref { width: 320px; clear: left; }
#mcont a{ color: #000; text-decoration: underline; }
#mcont dl.pright{ width: 305px; float:right; padding: 0 0 0 50px; }
.pright img { margin: 0; padding: 0; border: solid 1px black; }
.pright dt{ margin: 0; padding: 0; }
.pright dd{ text-align: right; margin: 0; padding: 4px; }
#mcontright {float:right; width:auto; height:auto; margin-top: 40px}
#mcontright dl{margin-top: 40px}
#mcontright dl.progpix{width:300px}
#mcontright dl.progpix img{border: solid 1px black;}
#mcontright dl dd.ddvorschau {width:190px}
#mcontright dt,#mcontright dd {margin:0;padding:0}
#mcontright dd { padding: 5px; }
#mcontright dl.progpix dd{margin-bottom:30px}
#mcontright ul{ width: 250px; margin: 40px 0 0; };padding: 0;list-style-type: circle;list-style-position: inside;}
#mcontright ul li{ margin: 0 0 10px;padding: 0;}

.va { line-height: 16px; background-color: #ebebeb; width:450px  ; clear: left; padding: 5px; }

.va dt{ width:450px; margin: 0; padding: 0; }
.va dd{ font-weight: bold; width:auto; margin: 0; padding: 10px 0 0; }
.va h4{ font-size: 13px; line-height: 15px; height: auto; margin: 0; padding: 0; }
.va span{font-weight:bold}
.paging { float:left;margin: 0; padding: 0; list-style-type: none; list-style-position: outside; }
.paging li{ float: left; padding-left: 10px; border-left: 1px solid black; width:16px}
.paging li.lfirst{ border-left: 0px}
.paging span{font-weight: bold; }
.paging a{}
.paging a:hover{ font-weight:bold; text-decoration: none; }

.ypaging { float:left; clear: left; margin: 0 0 10px; padding: 0; list-style-type: none; list-style-position: outside; }
.ypaging li{ float: left; padding-left: 10px; width:35px; border-right: 1px solid black; }
.ypaging li.lfirst{ border-left: 0 none white}
.ypaging span{font-weight: bold; }
.ypaging a{}
.ypaging a:hover{ font-weight:bold; text-decoration: none; }


/*Referenzen Bildergalerie*/
img.lbthumbs{margin-right:5px;margin-bottom:5px}
/*Galerie*/
div#galpix{float:left;clear:left}
div#galpix img{margin-right:5px;margin-bottom:5px}


div.hole { width: 600px; float: left; clear: left; margin-bottom: 10px; }
table.kalender {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: gray; float: left; margin: 10px 10px 10px 15px;border: solid 1px black; }
table.kalender td { background-color: white; text-align: center; border: solid 1px white;  }
td.kalmonat{ font-size: 10px; font-weight: 700;background-color:#00dd11; }
td.wd{ font-size: 10px;}
td.booked{background-image: url(../basic/bg-red.gif); background-repeat: no-repeat; background-position: left top;}
td.chlast{background-image: url(../basic/bg-changelast.gif); background-repeat: no-repeat; background-position: left top;}
td.chfirst{background-image: url(../basic/bg-changefirst.gif); background-repeat: no-repeat; background-position: left top;}
td.free{background-image: url(../basic/bg-blue.gif); background-repeat: no-repeat; background-position: left top;}

/*Referenzen Details*/

#mcontref { line-height: 15px; float:left; width:auto; height:auto; width: 325px; margin-top: 40px; padding:10px 30px 10px 40px   }
#mcontref h1.hdlprog{ float: none; clear: none }
#mcontref h2{ color: gray; font-size: 14px; margin: 10px 0 5px; padding: 0; }
#mcontref h2.titel{color:black}
#mcontref h3{font-size: 11px; margin: 10px 0 5px; padding: 0; }
#mcontref dl{ margin: 10px 0 5px; padding: 0; }
#mcontref dt{ font-weight: bold; margin-bottom: 5px; }
#mcontref dd{ margin-left: 20px; }
#mcontref a{ color: gray; text-decoration: underline; }
#mcontref a:hover{ color: black}