/* ----------------------------------------------------------------
	CSS: koch fabrik
	Version: 1.0
	Date: 09.02.2009
	www.florian-diederich.de
---------------------------------------------------------------- */

/*  Global definitions */

* { margin:0px; padding:0px; }
html { margin:0px; padding:0px; }
html * { font-size: 100.01% }

body {
	margin:0px; padding:0px;
	text-align:left;	
	color:#4c4a4c;
	font-size:101%;
	font-family: Arial, Helvetica, verdana, sans-serif;
	background: #fff;
overflow-x:hidden;
}

/* global */

a {color:#940e0c;text-decoration:none}
a:hover {color:#940e0c;text-decoration:underline}

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

h1 {color:#fff}

.lower {text-transform:lowercase}

/* positioning-layers */

#overall {
	position:absolute;
    	top: 50%;
    	left: 50%;
	margin-left: -511px;
	margin-top:-341px;
/*	width: 970px; */
	width:1022px;
	height:712px;
   	min-width:inherit;
	max-width:none;
	background:#fff;

}


#top {

	width:881px;
	text-align:right;
}

#top img {border:0px;}

#left {	
	float:left;
/*	width:141px; */
	width:192px;
	height:688px;
	color:#4c4c4c
}


/* navigation */

#left #navi {
/*	width:133px; */
	width:184px;
	margin-right: 8px;
}


/* level 1 */

#left #navi ul {
	margin:0px;
	float:left;
	text-align:right;
	list-style:none;
}

#left #navi ul li {
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
	margin-bottom:34px;
	width:auto;
}

#left #navi ul li a, a:link, a:visited {	color:#4c4c4c;}
#left #navi ul li a:hover {color:#940e0c;text-decoration:none}

#left #navi ul li a.active, a.active:link, a.active:visited {color:#940e0c;}
#left #navi ul li a.active:hover {color:#940e0c;text-decoration:none}




/* level 2 */

#left #navi ul li ul {
	float:right;

}


#left #navi ul li ul li {
	width:auto;
	padding-top:3px;
	padding-left:10px;
	float:left;
	font-size:10px;
	text-align:right;
	text-transform:none;
	margin-bottom:-14px;
}

/* IE 6 */
*html div#navi ul li ul li a {
	border:0px solid blue;
	height:28px;
	float:left;	
}


#right {	
	float:left;
	width:141px;
	height:688px;
}

#right img {border:0px;}

#center {
	width:688px;
	height:688px;
	float:left;	
/* font-asize:12px */
	font-size:70%;
	text-align:justify
}

#center p {
	padding:0px 8px 8px 8px
}

#center ul {list-style:disc;
	margin-left:23px;
}

#center img {border:0px;margin:0px;padding:0px;}

#bottom {
	clear:both;
	width: 1021px;
	float:left;
}


#bottom ul  {
	margin-top:4px;
/*	margin-left:141px; */
	margin-left:192px;
	list-style:none;
	font-size:11px;
}

#bottom ul li {
	padding-right:43px;
	list-style:none;
	float:left;
	font-size:11px;
}

#bottom ul.audio {float:right;
	margin:0px;
	margin-right:48px;
	padding-right:48px;
}

*html div#bottom ul.audio {
	padding-right:0px;
}

/* outlines */
#outline-0 {
	float:left;
	width:688px;
	height:340px;
	border:1px solid #4c4a4c;
	
}

#outline-1 {
	float:left;
	width:340px;
	height:340px;
	border:0px solid #4c4a4c;
}

#outline-2 {
	margin-left:8px;
	float:left;
	width:340px;
	height:340px;
	border:0px solid #4c4a4c
}


#outline-3 {
	margin-top:8px;
	float:left;
	width:340px;
	height:340px;
	border:0px solid #4c4a4c;
}

#outline-4 {
	margin-left:8px;
	margin-top:8px;
	float:left;
	width:340px;
	height:340px;
	border:0px solid #4c4a4c
}




/* outlines special */

#center .rot {background:#940e0c;color:white;}
#center .grau {background:#4c4a4c;color:white}
#center .rahmen {
	border:1px solid #4c4c4c;	
	width:338px;
	display:block;
	height:338px;
}

#center h1 {
	text-indent:-2000px;
	color:black;
	font-size:15px;
	line-height:15px;
	margin-top:-15px;
	padding:0px;
}

#center p {
	padding-left:8px
}

#center p.overflow {
	height:220px;
	overflow:auto;
	padding-left:8px
}

#center p.overflow2 {
	height:320px;
	overflow:auto;
	padding-left:8px
}

#center p.overflow3 {
	height:258px;
	overflow:auto;
	padding-left:8px
}

#center p.klein {
	font-size:10px;
}

#center p.bottom {
	padding-top:202px;
}

#center ul#liste-rechts {padding-left:100px;}

#center .blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}


/* Formular */

#form {
	margin-left:0px;
	margin-top:8px;
	float:left;
	width:688px;
	height:340px;
	border:0px solid #4c4a4c
}

#center p.form {
	height:100%;
	font-size:12px;
	float:left;
}

#center table.formular {
	margin:0px;
}

#center td.formular {
	text-align:right;
	width:348px;
	color: #4c4a4c;
}

#center input {
	float:right;
	width:338px;
	border:1px solid #4c4a4c;
	color:#c4a4c;
	margin-bottom:8px;
}

#center input.button {
	border:1px solid #4c4a4c;
	width:80px;
	padding:5px;
	color: #ffffff;
	background: #4c4a4c;
	text-align:left;
	margin-left:10px;
	font-size:12px;
}

#center input.imgbutton {
	width:67px;
	height:33px;
	border:0px;
}


#center td.formular textarea {
	height:120px;
	float:right;
	border:1px solid #4c4a4c;
	color:#4c4a4c;
	width:338px;
	overflow:hidden;
}

/* Reservierung */

#reservierung {
	margin-left:0px;
	margin-top:8px;
	float:left;
	width:688px;
	height:340px;
	border:1px solid #4c4a4c;
}

#reservierung:hover {
	background: transparent url("../images/reservierung-all.jpg");
}