@import url(fonts.css);

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;	
}

body.bg {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

div#page {
    min-height: 100%;
}

/* iE6 Hack */
* html div#page {
	height: 100%;
}

div#page span.screenreader a {
	position: absolute; 
	z-index: 2; 
	width: 10em; 
	overflow: hidden; 
	top: -1000em; 
	left: -1000em;
}

div#page span.screenreader a:focus {
	position: absolute; 
	z-index: 0; 
	width: 195px; 
	top: 5px; 
	left: 0%;
	margin-left: 5px;
	padding: 3px;
	text-decoration: underline; 
	color: #000; 
	background: #ffc; 
	font-size: 90%;
}	
	
div#page span.screenreader a:active {
	position: absolute; 
	z-index: 0; 
	width: 195px; 
	top: 5px; 
	left: 0%;
	margin-left: 5px; 
	padding: 3px;	
	text-decoration: underline; 
	color: #000; 
	background: #FFF; 
	font-size: 90%;
}	

div#head {
	margin-bottom: 40px;
    width: 986px;
}

div#head div#logo {
	width: 326px;
	height: 128px;
	float: left;
}

div#head div.bild {
	width: 164px;
	height: 107px;
	border-right: 1px solid white;
	float: left;
}

div#head div#animation {
	width: 310px;
	height: 21px;
	background-color: white;
	float: left;
}

div#head div#quicklinks {
	width: 163px;
	height: 17px;
	background-color: white;
	float: right;
	padding-top: 4px;
	font-size: 85%;
}

div#head div#search {
	width: 187px;
	height: 21px;
	float: right;
	color: white;
	font-size: 85%;
	text-align: right;
	background-color: white;
}

div#head p.suche {
	float: left;
	color: black;
	margin-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
}

div#head div#search input.submit {
	border: 0;
	float: left;
	margin-top: 2px;	
}

div#head div#search input.search {
	width: 107px;
	height: 11px;
	border: 1px solid #91c0dc;
	background-color: white;
	color: black;
	font-size: 92%;
	padding: 2px;
	margin-top: 2px;
	float: left;
	border-right: 0;
}

/* for iE6 */
* html div#head div#search input.search {
	width: 102px;
}

div#bottom {
	width: 1000px;	
}

div#bottom div#navigation {
	width: 202px;
	float: left;
	margin-right: 64px;
	margin-top: 12px;
	padding-bottom: 50px;
}

div#bottom div#content {
	width: 732px;
	padding-bottom: 10px;
	float: left;
	line-height: 147%;
}

div.clear {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

#footer  {
	clear: both;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	height: 20px;
	z-index: 3;
	background: url(../images/bottom.gif) left bottom repeat-x;
}

#footer #kuhanimation {
	position: absolute;
	top: -56px;
	left: 30px;
	text-align: left;
}

/* IE6 only */

* html #footer {
	position: absolute;
	width: 100%;
}

* html #footer #kuhanimation {
	top: -60px;
}

body.cms_editpage div#footer,
body.cms_editpage div#kuhanimation,
body.cms_editpage div#animation {
	display: none;
}