/* CSS Document */
body { overflow:visible; font-family:Arial,sans-serif; padding:0; margin:0; border:0; background-color:#000; background-image:url(../images/hg_mittel.jpg); background-repeat:no-repeat; background-position:0px 190px; background-attachment:fixed;}
img { border:0;}
h1 { font-weight:lighter; font-size:18px; color:#878787; margin-top: -4px; }
.ita { font-style:italic; font-size:13px; color:#878787; }
p { font-size:12px; color:#878787; text-align:justify; line-height:16px; letter-spacing:0.01em; }
a:link, a:visited {color:#878787; text-decoration:underline; }
a:hover, a:active {color:#FFF; text-decoration:underline;}
.dick { font-weight:bold;}
.rot { color:#fe0000;}
.rot_pfeile { color:#fe0000; font-size:18px;}
.klein { color:#fe0000; font-size:11px;}
.klein2 { color:#878787; font-size:11px;}

/* Head Berreich - KMK Logo und Lemma*/
#head {position:fixed; margin:0; padding:0; top:0; left:0; display:block; width:100%; height:190px; background:url(../images/hg_head.gif) #000; background-position:0 0; background-repeat:repeat-x; z-index:5; overflow:hidden; }
* html #head { position:absolute; display:block; top:0; left:0; margin:0; padding:0; width:100%; height:190px;}
#head .teller { float:left; margin-left:130px; margin-top:25px; display:block; width:261px; height:129px; }
* html #head .teller { position:absolute; margin-left:165px; margin-top:25px; display:block; width:261px; height:129px;}
#head .lemma { float:left; margin-left:126px; margin-top:128px; display:block; width:356px; height:23px; }
* html #head .lemma { position:absolute; margin-left:550px; margin-top:128px; display:block; width:356px; height:23px; }


/* Bereich des drei Conteners unten dem Head Bereich*/
#content { position:absolute; z-index:3; top:190px; left:0; right:0; background:#000;}
* html #content {top:0; left:0; right:0; height:100%; max-height:100%; width:100%; position:absolute; z-index:3; border-top:190px solid #000; border-left:0px; }


/* Contener der Hauptnavegation */
#content .left { position:fixed; float:left; width:200px; margin:0; padding:0 0 0 20px; z-index:4;}

/* Eigenschaften fuer das Menue */
#menu {list-style-type:none; padding:0; margin:20px 0 0 0; width:152px; top:0; left:0; z-index:100; }
#menu ul {list-style-type:none; padding:0; margin:0; width:152px;}
#menu li {float:left; position:relative; border-bottom:1px solid #272726; }

#menu li.normal { color:#CCC; }

#menu li, #menu li a {display:block; color:#CCC; font-family:arial, sans-serif; font-size:15px; line-height:26px; width:152px; text-decoration:none; cursor:pointer; text-indent:20px; }
#menu li a:hover { color:#FFF;}

#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#FFF; z-index:500; }
#menu li.click {color:#FFF; }

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border-bottom:1px solid #272726;  color:#FFF; background-color:#000; }

#menu li.click ul li.fly {color:#FFF; }
#menu li.click ul li.hover {color:#FFF;}

#menu li.click ul li.hover ul li { color:#CCC;}
#menu li.click ul li.hover ul li.hover ul li { z-index:500; color:#FFF;}

#menu li.click ul li.hover ul li.fly { color:#FFF; }
#menu li.click ul li.hover ul li.hover {z-index:500; color:#FFF; }
#menu li.click ul li.hover ul li.hover a {color:#FFF;}

#menu li.click ul li.hover ul li.hover ul li.hover { color:#FFF; }
#menu li.click ul li.hover ul li.hover ul li.hover a { color:#FFF;}

.left img {display:block; float:right;}

#linklein { padding:0; margin:0; width:152px; font-size:11px; font-family: arial, sans-serif; position:static; color:#CCC; }
#linklein a:link {color:#CCC; text-decoration:none; }
#linklein a:hover {color:#FFF; text-decoration:underline;}


/* Bereich des Inhalt - Mittel */
#content .inhalt { width:530px; float:left; left:242px; margin:25px 0 0 0; padding:0; position:absolute; color:#CCC; font-size:12px; }
#fotos { width:150px; float:left; position:absolute; left:0; margin:0; padding:0; }
#text { width:350px; float:right; position:absolute; right:0; margin:0; padding:0; color:#CCC; }


/* Bereich des Veranstaltungen - Left*/
#content .events { width:170px; float:left; left:823px; margin:20px 0 0 0; padding:0; position:absolute; color:#CCC; }

.eventstable { width:170px; border-collapse:collapse; }
.eventstable td { border-bottom:1px solid #0e0e0f; padding:8px 0 8px 25px; }
.eventstable caption { font: normal 15px Arial, sans-serif; color:#CCC; padding:5px 0 5px 11px; text-align:left; border-bottom:1px solid #0e0e0f; }
.eventstable tr { color:#CCC; font-size:12px; padding:0; text-align:left; }
.eventstable a:link, .eventstable a:visited {color:#CCC; text-decoration:none; }
.eventstable a:hover, .eventstable a:active {color:#FFF; text-decoration:underline;}

#ferienhaus { width:168px; height:80px;}


/* Bereich des Kuenstler */
#content .kuenstler { width:170px; float:left; left:822px; margin:20px 0 0 0; padding:0; position:absolute; color:#CCC; }

.tablen { width:170px; border-collapse:collapse; }
.tablen td { border-bottom:1px solid #0e0e0f; padding:0 0 0 11px; font-size:12px; margin:0; }
.tablen caption { font: normal 15px Arial, sans-serif; color:#CCC; padding:5px 0 5px 11px; text-align:left; border-bottom:1px solid #0e0e0f; }
.tablen tr { color:#CCC; font-size:11px; padding:0; text-align:left; }
.tablen a { text-decoration:none; border:0; }

.kuenstlertable { width:170px; border-collapse:collapse; }
.kuenstlertable td { border-bottom:1px solid #0e0e0f; padding:2px 0 2px 27px; font-size:12px; }
.kuenstlertable caption { font: normal 15px Arial, sans-serif; color:#CCC; padding:5px 0 5px 11px; text-align:left; border-bottom:1px solid #0e0e0f; }
.kuenstlertable tr { color:#CCC; font-size:11px; padding:0; text-align:left; }
.kuenstlertable tr:hover, .kuenstlertable tr:hilite  { background-color:#fe0000; color:#FFF; text-decoration:none;}
.kuenstlertable a { text-decoration:none; }


/* Eingenschaften fuer den Formular */
form { padding:5px 0 5px 0; border:0;}
input.suche {
	color:#878787;
	background-color:#060606;
	border:1px inset #0e0e0f;
	padding:2px 4px 2px 4px;
	}
	
input.txt {
	color:#878787;
	background-color:#060606;
	border:1px inset #0e0e0f;
	padding:2px 4px 2px 4px;
	}
textarea.txta {
	color:#878787;
	background-color:#060606;
	border:1px inset #0e0e0f;
	overflow:auto;
	padding:2px 4px 2px 4px;
	}
form p {
	clear:left;
	margin:0;
	padding:0;
	padding-top:5px;}
form p label{
	float:left;
	width:30%;
	font-family:Arial, sans-serif;
	font-weight:bold;}
fieldset {
	border: 1px solid #0e0e0f;
	margin-top:16px;
	padding:15px;}
legend {
	font: bold 16px Arial, sans-serif;
	color:#878787;}
select {border: 1px solid #0e0e0f;}


/* Eingenschaften fuer den Shops */
.werk table { width:530px; border-collapse:collapse; }
.werk td { border-bottom: 1px solid #fe0000;  }
.werk img { margin:20px 30px 20px 20px; }