@import url(nivo-slider.css);
@import url(nivo-zoom.css);
@import url(content.css);

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	background: #eee url(body.png) top center repeat-x;}
	
/*ALL OVER*/

a {outline: none !important; text-decoration: none;}
a img {border: none;}
.clear {clear:both; display: block;}
	
	
	
#container {
	width: 980px;
	position:relative;
	z-index: 1;
	margin: 0 auto;
	padding: 0 0 5px 0;
	background:url(shader.png) bottom center no-repeat;}
	
#header {
	width: 964px;
	margin: 0 8px;
	height: 110px;
	background: #fff url(header.png) bottom center no-repeat;
	display:block;
	position:relative;
	z-index: 9000;}
	
#logo {
	position:absolute; top: 10px; left: 30px;}
	
#content {
	border: 2px solid #fff;
	width: 960px;
	margin: 0 8px;
	display:block;
	background: #fff url(content.gif) 0 0 repeat-y;}
	
#footer {
	width: 920px; margin: 10px auto;
	padding: 0 30px;
	display: block;
	position:relative;
	font-size: 11px; color: #666;
	}
	
#footer p {margin: 0; padding: 0;}	
	
#footer .rightSide {float:right; text-align:right;}
#socialIcons {margin: 0 -2px 0 0; padding: 0; height: 20px; display:block;}
#socialIcons a { display:block; width: 15px; height: 15px; overflow:hidden; margin: 0 2px 0 0; padding: 0; float:right;}
#socialIcons a:hover img {margin: -15px 0 0 0; } 

#footer .leftSide { float:left; text-align:left; padding: 20px 0 0 0;}
#footer .leftSide ul {margin: 0; padding: 0; list-style-type:none;}
#footer .leftSide ul li {float: left; display: block; margin: 0 10px 0 0;}
#footer .leftSide ul li a { color: #666;}
#footer .leftSide ul li a:hover {color: #076799;}

/*SEARCH*/

#functions {
	position: absolute; top: 20px; right: 0px; z-index: 10000;}
#liveSearch {
	background:url(searchForm.gif) 0 0 no-repeat;
	width: 160px; height: 22px; display:block; float:right; margin: 1px 0 0 10px; position: relative; z-index: 10000;}

	
#liveSearch input {
	border: none; background: none; width: 126px; padding: 3px 5px; height: 16px; line-height: 16px; color:#87afc8; font-size: 11px;}
	
#liveSearch input#submitSearch {
	width: 24px !important; height: 22px; float:right; margin: 0; padding: 0; background:url(searchSubmit.gif) 0 0 no-repeat;}
#liveSearch input#submitSearch:hover, #liveSearch input#submitSearch:focus {
	background-position: 0 -22px;}
	
#functions a { float:right; margin: 0 2px 0 0; display:block; width: 24px; height: 24px; overflow:hidden;}
#functions a:hover img {margin: -24px 0 0 0;}

#result {background: #fff; width: 158px; border: 1px solid #3e7494; margin: -2px 0 0 0; z-index: 10000; position: relative; border-top: none;border-bottom: none; display: none;}
#result a {width: 138px; height: auto; display: block; padding: 4px 10px; border-bottom: 1px solid #3e7494; float: none; color: #146997;}
#result a:hover {background: #eee; color: #069271;}


/*Navigation*/
#menu {
	position:absolute; display:block; z-index: 9000; bottom: 0; right: 0; height: 41px; width: 720px;}
	
#menu ul { list-style-type:none; margin: 0; padding: 0; position: relative; z-index: 9000;}
#menu ul li {display: block; float: left; margin: 0 5px 0 0; position:relative;}
#menu ul li a {color: #076799; display:block; padding: 7px 25px; font-size: 13px;}
#menu ul li a.aktiv {border-bottom: 1px solid #51bac2; color: #099272;}
#menu ul li a:hover {color: #099272;}
#menu ul li a.open {background: url(menu_more.gif) center right no-repeat !important;}

#menu ul li ul {margin: 0; padding: 0; position: absolute; top: 31px; left: 10px; background: #fff; list-style-type:none; display:none; }
#menu ul li ul li { float:none; width: auto; position: relative;}
#menu ul li ul li a { display:block; white-space: nowrap; margin-right: -5px !important; border: none !important; border-top: 1px solid #8ab1c7 !important; padding: 7px 15px;}
/*IE BUG*/

*:first-child+html #menu ul li ul li a {width: 155px; }


#menu ul li ul li:first-child a {border: none !important;}
#menu ul li ul li a:hover {background: #eee;}




ul#nav2nd { background: #146997 url(nav2nd.gif) 0 0 repeat-x; margin: 0px -20px 0 -20px; list-style-type: none; padding: 25px 0 0 0;}
ul#nav2nd li a {border-top: 1px solid #5c89a4; border-bottom: 1px solid #125373; display:block; width: auto; padding: 7px 20px; color: #fff; font-size: 12px}
ul#nav2nd li a:hover{background: #348eab;}
ul#nav2nd li a.open, ul#nav2nd li a.aktiv{background: #348eab}
ul#nav2nd li a.open span {background: url(navPfeil_t.png);} 

ul#nav2nd li {position: relative;}
ul#nav2nd li ul {list-style-type: none; padding: 0; margin: 0 0 -1px 0; display:none;}
ul#nav2nd li ul li a{ border: none; border-bottom: 1px solid #5c89a4; padding: 4px 20px 4px 40px; font-size: 11px; background:#125373 url(drop.png) 20px center no-repeat;}
ul#nav2nd li ul li a:hover, ul#nav2nd li ul li a.aktiv {background: #0a9272 url(drop.png) 20px center no-repeat;}
ul#nav2nd li a span.openMore { position: absolute; right: 10px; top : 13px; background: url(navPfeil.png); width: 10px; height: 10px; padding: 0; display: block; border: none;}


/*CONTENT*/

#leftSide {width: 182px; padding: 0 20px 20px 20px; float:left; display:block; min-height: 180px; background:url(verlauf_grau.gif) top center repeat-x;}
#textContent {width: 502px; float:left; display:block; padding: 0 20px; }
#rightSide {width: 156px; padding: 0 20px 20px 20px; float:left; display:block; min-height: 180px; background:url(verlauf_grau.gif) top center repeat-x; overflow: hidden;}

.full_textContent {width: 698px !important; background: #fff;}

#rightSide h1 {border-left: 1px solid #50a1bd; width: 157px;}
#rightSide h1 span { text-transform:lowercase !important; font-size: 10px;}
#rightSide a.weiterlesen {background: url(more.gif) left center no-repeat !important; padding: 0 0 0 10px;}
#rightSide a {color: #146997;}
#rightSide a:hover {color: #069271;}
#rightSide a.weiterlesen:hover {background: url(more_h.gif) left center no-repeat !important;}
.article {display: block;}

#rightSide h2 {font-size: 12px;}
#rightSide table {display:block; margin: 0 0 10px 0;}
#rightSide table tr td {vertical-align: top;}


.partner {margin: 30px 0 0 0; text-align:center;}
.partner img {margin: 0 0 10px 0;}

.imgBar {margin: 0 -7px; width: 529px;}
.rightBild {float:right; margin: 0 -10px 10px 10px; clear: right;}
.imgBar img, .einzelBildZoom img, .rightBild img { background: url(imgBG.png) 0 0 no-repeat; width: 153px; height: 86px; padding: 7px 7px; margin: 0 5px 0 0;}

img.nivoLarge {
	width: auto !important;
	height: auto !important;
	max-height: 700px;
	max-width: 600px;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	background: #fff;
	padding: 5px !important;
}

/*LOGIN*/

#LoginBG {position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none;}
#loginBox {position: fixed; z-index: 10001; top: 50%; left: 50%; width: 360px; height: 170px; padding: 20px; margin: -105px 0 0 -200px; background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none;}

* html #LoginBG {position: absolute;}
* html #loginBox {position: absolute;}
* html #gbook_entry {position: absolute;}
*:first-child+html #loginBox input{margin-left: 200px !important;}
* html #loginBox input{margin-left: 200px !important;}
#loginBox input {border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; padding: 7px; width: 350px; margin: 0 0 10px 0;}
#loginBox input.error {border: 3px solid #f00; padding: 4px;}
#loginBox input:focus {border: 3px solid #ccc; padding: 4px;}
#loginBox input.loginButton, #gbook_entry .btn, #gbook_answer .btn {margin: 0 3px 0 0; width: 150px; height: 25px; display: block; overflow: hidden; padding: 0 !important; border: 1px solid #bbb !important; outline: none !important; background: #ccc; color: #fff; float: left; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
#loginBox input.loginButton:hover, #gbook_entry .btn:hover, #gbook_answer .btn:hover {background-position: 0 -25px;}
#closeLogin, #closeGB {outline: none !important; position: absolute; width: 22px; height: 22px; display: block; background: url(closeLogin.png) 0 0 no-repeat; top: -5px; right: -5px;}
#closeLogin:hover, #closeGB:hover {background-position: 0 -22px;}