/* CSS Document für www.haus-odenspiel.info */
/********** © 2007 www.zipmedia.de **********/

* {
	margin: 0;
	padding: 0;
}

HTML, BODY {
	height: 100%;
	background-color: #91C07A;
	font: 12px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #000;
	text-align: center;	
}

DIV#page {
	width: 990px;
	text-align: left;
	margin: 0px auto;
}

DIV#header {
	position: relative; top: 0; left: 0;
	width: 990px; height: 125px;
	background: #DDD url('img/bg_top.gif') no-repeat; 
}

DIV#logo {
	position: absolute;
	top: 10px; left: 10px;
	width: 260px;
	height: 91px;
}

DIV#headerNavi {
	position: absolute;
	top: 10px; left: 790px;
	width: 190px;
}

DIV#headerNavi UL {
	list-style: none;
	padding: 0; margin: 0;
}

DIV#headerNavi UL LI {
	float: left;
	background: url('img/naviDash.gif') no-repeat 4px 2px;
	font: 11px verdana, arial, helvetica, sans-serif;
	padding-left: 9px;
}

DIV#headerNavi UL LI.first {
	background: none;
	padding-left: 0;
}

DIV#main {
	background: #FFF url('img/bg_main.gif') repeat-y;
}

DIV#mainMenu {
	float: left;
	width: 200px;
}

DIV#content {
	margin: 0px 220px;
}

DIV#border {
	float: right;
	width: 200px; height: 350px;
	background: #EFF6EB url('img/border.gif') no-repeat top;
}

DIV#menuTop {
	background: #F9B701 url('img/bg_menuTop.gif') no-repeat;
	width: 200px; height: 45px;
	border-bottom: 1px solid white;
}

DIV#menuBody {
	width: 200px;
}

DIV#menuBody UL {
	list-style: none;
	padding: 0; margin: 0;
}

DIV#menuBody LI {
	background: none;
	padding: 0; margin: 0;
}

DIV#menuBody LI A {
	display: block;
	background-color: #F9B701;
	font: bold 12px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 5px 10px;
	color: #000;
	border-bottom: 1px solid white;
}

DIV#menuBody LI LI A {
	padding: 3px 10px 3px 20px;
	font: 12px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	background: #FDE9B2 url('img/dot5px-bk.gif') no-repeat 10px 8px;	
}

DIV#menuBody UL LI A:hover,
DIV#menuBody UL LI A.active:hover {
	background-color: #FEF8E5;
}

DIV#menuBody UL LI A.active {
	background-color: #FEF1CC;
}

DIV#menuBottom {
	background: url('img/bg_menuVerlauf.gif') repeat-x;
	width: 200px; height: 100px;
}

DIV#footer {
	clear: both;
	width: 990px; height: 120px;
	background: #FFF url('img/bg_bottom.gif') no-repeat;
}

DIV#footerNavi {
	position: relative;
	top: 20px;
	width: 550px; height: 20px;
	margin: 0 220px;
}

A.linkToTop {
	background: url('img/toTop.gif') no-repeat left;
	padding-left: 10px;
}

DIV#copyright {
	position: relative;
	top: 80px;
	width: 970px;
	margin: 0 10px;
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #FFF;
	text-align: right;
}

.hidden {
	visibility: hidden;
	height: 0; width: 0;
	padding: 0; margin: 0;
}

.clearer {
	clear: both;
}

.border {
	border: 1px solid #666;
}

A {
	color: #DE9F00;
}

IMG {
	border: 0;
}

IMG.left {
	float: left;
	margin: 5px 10px 10px 0;
}

H1 {
	font: bold 22px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #2C9D25;
}

H2 {
	font: bold 16px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #2C9D25;
}

H3 {
	font: bold 16px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #000;
}

H4 {
	font: bold 14px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #000;
}

H1, H2, H3, H4 {
	padding-top: 0.8em;
}

H1, H2, H3, H4, P, UL, OL, TABLE {
	padding-bottom: 0.8em;
}

P.bodytext {
	font: 12px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #000;
	line-height: 160%;
	text-align: justify;
}

P.caption {
	font: 11px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	margin: 0 0 10px 0;	
}

TD {
	font: 12px "trebuchet ms", verdana, arial, helvetica, sans-serif;	
}

TH {
	font: bold 12px "trebuchet ms", verdana, arial, helvetica, sans-serif;	
}

UL {
	list-style: none;
}

UL LI {
	padding-left: 1em;
	background: url('img/dot5px.gif') no-repeat 0 0.4em;
	line-height: 120%;
	padding-bottom: 0.4em;		
}

FIELDSET {
	border: 1px solid #2C9D25;
	padding: 15px;
	margin-top: 0.8em;
}

LEGEND {
	font: bold 14px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #2C9D25;
	padding: 5px;	
}

LABEL {
	display: block;
	float: left;
	clear: both;
	width: 100px;
	font: bold 12px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #000;
}

INPUT, TEXTAREA {
	width: 300px;
	margin: 1px 0;
	padding: 1px 3px;
	border: 1px solid #2C9D25;
	background-color: #EFF6EB;
	font: 12px "trebuchet ms", verdana, arial, helvetica, sans-serif;
}

INPUT#submit {
	width: auto;
	margin: 1px 0;
	padding: 0;
	border: 1px solid #2C9D25;
	background-color: #2C9D25;
	font: bold 12px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #FFF;
}

INPUT#submit:hover {
	background-color: #EFF6EB;
	color: #2C9D25;
	cursor: pointer;
}

TABLE.gallery {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

TABLE.gallery TD {
	text-align: center;
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 10px;
}

TABLE.gallery TD.last-col {
	padding-right: 0;
}

TABLE.gallery TR.last-row TD {
	padding-bottom: 0;
}

TABLE.gallery IMG,
DIV.gallery-single IMG {
	border: 1px solid #666;
}

DIV.gallery-single {
	text-align: center;
}

DIV.gallery-single P {
	margin-top: 10px;
}

DIV.img-container {
	float: right;
	width: inherit;
	margin-left: 15px;
}