/* allgemein */

html {
	background-image:url(../images/bg.png);
	height:100%;
}

body {
	font-family:Verdana, Calibri, Arial, Helvetica, sans-serif;
	margin:0px;
	height:100%;
}

a {
	color:#553A15;
	text-decoration:underline;
}

div#ornament-oben {
    background: url(../images/ornament-oben.png) no-repeat scroll center bottom transparent;
    min-height: 870px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

div#ornament-unten {
    background: url(../images/ornament-unten.png) no-repeat scroll center bottom transparent;
    bottom: 0;
    min-height: 650px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

div#wrapper {
	position:relative;
	margin:0 auto;
	width:1024px;
	min-height:100%;
	height:auto !important;
	height:100%;
	overflow: hidden !important;
}

/* HEAD */

div#header {
	height:170px;
	background-color:#ff9966;
	background:url(../images/header.png) repeat-x scroll center top #ff9966;
}

div#HEAD {
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:170px;
	width:1024px;
}

div#HEAD a {
	text-decoration:none;
}

div#logo {
	position:absolute;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	padding:0px;
	top:5px;
	left:13px;
	border:0px solid black;
	height:122px;
	width:323px;
}

div#slogan {
	position:absolute;
	background-image:url(../images/slogan.png);
	background-repeat:no-repeat;
	padding:0px;
	top:110px;
	left:250px;
	height:31px;
	width:211px;
}

div#image {
	position:absolute;
	padding:0px;
	right:10px;
	top:10px;
	border:0px solid black;
	height:130px;
	width:465px;
}

/* Navi */

div#navi {
	z-index:2;
	left:0px;
	top:140px;
	position:relative;
	width:1024px;
	height:30px;
}

div#navi a {
	text-decoration:none;
	padding:0px 10px;
	line-height:30px;
}

div#navi a:hover {
	text-decoration:underline;
}

div#navi a:active {
	text-decoration:underline;
}

/* dynamische Ein-/Ausblendung */

div#navi ul li>ul { 
	display:none;
}

div#navi ul li:hover>ul {
	display:block;
}

/* Navigation1 */

div#navi ul {
	width: auto;
	margin:0px;
	padding:0px;
	font-size:14px;
	z-index:2;
}

div#navi ul li {
	float:left;
	position:relative;
	margin:0px 0px;
	padding:0px;
	text-align:center;
	background-image:url(../images/separator.png);
	background-repeat:no-repeat;
	background-position:center left;
	list-style:none;
	z-index:2;
	height:30px;
}

div#navi ul li:first-child {
	background-image:none;
}

div#navi ul li a {
	color:#ffffff;
}

/* Navigation2 */

div#navi ul li ul {
	position: absolute; 
	margin:0px 0px 0px 0px;
	padding:5px 5px;
	width: auto;
	font-size:12px;
	background-color:#ffffff;
	z-index:1;
	border-top:none;
	border-left:1px solid #ff9966;
	border-right:1px solid #ff9966;
	border-bottom:1px solid #ff9966;
	border-radius:0px 0px 5px 5px;
}

div#navi ul li ul li {
	clear: left;
	position:relative;
	margin:0px;
	padding:0px;
	z-index:1;
	height:20px;
	width: auto;
	text-align:left;
	background-image:none;
	width:100%;
}

div#navi ul li ul li a {
	padding:0px 5px;
	line-height:20px;
	color:#ff9966;
}

/* MAIN */

div#middle {
	position:relative;
	margin:0 auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	overflow: hidden !important;
}

div#center {
	position:relative;
	margin:0 auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	overflow: hidden !important;
	width:1024px;
}

div#MAIN {
	border:0px solid black;
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	overflow:hidden;
}

div#left {
    float: left;
    margin-left: 0px;
    margin-top:0px;
    width: 250px;
    font-size: 11px;
}

div#space1 {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin: 10px 5px;
    padding: 0 10px;
    position: relative;
    width: 220px;
}

div#space2 {
    margin: 10px 5px;
    padding: 0 10px;
    position: relative;
    width: 220px;
}

div#right {
    float: right;
    margin-right: 0px;
	margin-bottom:30px;
    top: 0;
    width: 774px;
}

/* content */

div#content {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin: 10px 5px;
	padding:20px;
	width:724px;
	font-size:12px;
	overflow:auto;
}

div#content h1 {
	font-size:20px;
	margin-top:0px;
	margin-bottom:5px;
	}

div#content h2 {
	font-size:16px;
	margin-top:5px;
	margin-bottom:5px;
	}

div#content h3,h4,h5,h6,h7 {
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;
}

div#content p,td {
	margin-top:5px;
	margin-bottom:5px;
	}

/* end content */

div#clear {
	height:0px;
	clear:both;
}

/* FOOT */

div#footer {
	background-color:#ff9966;
	position:absolute;
	width:100%;
	bottom:0px;
}

div#FOOT {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:1024px;
	height:30px;
	font-size:9px;
	color:#ffffff;
}

div#FOOT p {
	margin:0px;
	padding:0px;
	}

div#FOOT a {
	color:#ffffff;
	text-decoration:none;
	}

div#FOOT a:hover {
	text-decoration:underline;
	}

div#FOOT a:active {
	text-decoration:underline;
}

div#footer-text {
	float:left;
	position:absolute;
	left:20px;
	padding:0px;
	line-height:30px;
}

/* Footer NAVI */

div#footer-navi {
	float:right;
	position:absolute;
	padding:0;
	right:20px;
}

div#footer-navi a {
	padding:0px 10px;
	line-height:30px;
}

/* dynamische Ein-/Ausblendung */

div#footer-navi ul li>ul { 
	display:none;
}

div#footer-navi ul li:hover>ul {
	display:block;
}

div#footer-navi ul {
	width: auto;
	margin:0px;
	padding:0px;
	z-index:2;
}

div#footer-navi ul li {
	float:left;
	position:relative;
	margin:0px 0px;
	padding:0px;
	text-align:center;
	list-style:none;
	z-index:2;
	height:30px;
}

/* ab 1024px */
@media only screen and (min-width:1024px),(-webkit-min-device-pixel-ratio:2){

div#wrapper {
	width:100%;
}

}