@import url("css_reset.css");

/* ------- FRAMEWORK -------  */

/*-- clearfix -- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.clear {clear: both;}

/*-------- / MARKUP / ---------*/
html {
	font-family: verdana;
	font-size: 100.1%;
}

body {
	font-size: 11px;
	line-height: 1.5em;/*16.5px*/
	color: #000000;
	background: #FFFFFF;
} 

a img,a:link img,a:visited img {border: none;}

a,
a:link,
a:visited {
	text-decoration: none;
	color:#003399;/*F8721D*/
}

a:hover,
a:active {
	text-decoration: underline;
	color:#FFFFFF;/*F8721D*/
}

h1,
.title {
	font-weight: bold;
	font-size: 1.3em;/*14px*/
	line-height: 1.2em;/*17px*/
	margin-bottom: 1.3em;/*14px*/
}

h2,
.subtitle {
	font-weight:bold;
}

img {background-repeat:no-repeat;}

/* DEBUG-Tag */
blockquote {
	display:block;
	left:0;
	position:absolute;
	top:0;
	background:#cccccc;
	width:100%;
	height:500%;
	display:none;
	opacity: 0.65;  			/* Opera */
}

p.debug {
	background:#000000;
	color:orange;
	display:none;
	left:0;
	padding:0 0 0 20px;
	position:absolute;
	top:0;
	white-space:pre-wrap;
	width:730px;
	z-index:200;
}

p.debug a,
p.debug a:link,
p.debug a:visited {
	float:right;
	color:red;
	margin:10px;
}
/* --- */
/*-------- FORM --------*/

.gmnoprint a:active,
.gmnoprint a:hover {
	color:#003399;
}

.gmnoprint input {
	background:#FFFFFF;
	border:1px solid #7CA7CF;
	color:#000000;
	float:left;
	font-size:11px;
	padding:3px 2px 3px 2px;
}

.gmnoprint input.gmapTextBox {
	padding:4px 2px 4px 7px;
	width:114px;
	margin-right:5px;
}
.gmnoprint input.gmapDirButton {
	background:#7CA7CF;
	border:1px solid #7CA7CF;
	color:#FFFFFF;
}

.gmnoprint input.gmapDirButton:hover {
	background:#FF9900;
	color:#000000;
	border:1px solid #FF9900;
}

form {
	width:100%;	
}

fieldset {
	display:block;
	width: 100%;
	/*border: 1px solid #cccccc;*/
	/*margin-bottom: 20px;*/
	/*clear:both;*/
}

fieldset h2 {
	margin: 15px 0 5px 0;
}

fieldset br {
	display:none;
}
fieldset label {
	float:left;
	padding-bottom:5px;
	width:162px;
}

fieldset ul {
	margin-top:1.2em;
}

fieldset ul li {
	background:none;
	display:block;
	padding:0 0 5px 0;
	/*float:left;
	width:45%;
	margin-right: 4%;*/
}

/*-- clearfix -- */
fieldset ul li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
fieldset ul li {
	display: inline-block;
}
html[xmlns] fieldset ul li {
	display: block;
}
* html fieldset ul li {
	height: 1%;
}

ul#form li {
	padding-left:0;
	background:none;
}

input,
textarea {
	font-family: verdana;
	background:none;
	border:0;
	color:#000000;
	font-size:11px;
	padding:0;
	margin:0;
}

textarea {
	background:none;
	color:#000000;
	font-size:11px;
	/*padding:3px 2px 3px 7px;
	width:95%;
	height:58px;
	margin-bottom:1.2em;
	border:1px solid #999999;*/
}

input.txt,
input.error {
	background:#FFFFFF;
	border:1px solid #7CA7CF;
	color:#000000;
	float:left;
	padding:3px 2px 3px 7px;
	width:227px;
}

input.error,
p.error {
	border:1px solid #FF9900;
}

.code {
	background:#FFFFFF;
	color:#000000;
	height:19px;
	float:left;
	padding:0 2px 0 7px;
	width:227px;
	border:1px solid #7CA7CF;
	overflow:hidden;
}

textarea {
	background:#FFFFFF;
	color:#000000;
	font-size:11px;
	padding:3px 2px 3px 7px;
	width:390px;
	height:58px;
	border:1px solid #7CA7CF;
}

fieldset ul li.nojavascript {
	color:#CC0000;
}

fieldset.bemerkung label {
	width:auto;
	display:block;
	font-weight:bold;
	margin: 0 0 5px;
}

fieldset.checkboxbuttons ul li {
	padding:0;
}

fieldset.checkboxbuttons input {
	float:left;
	margin-right: 10px;
	margin-top: 1px;
}

fieldset.checkboxbuttons label {
	width:auto;
}

fieldset.checkboxbuttons,
fieldset.persinfos {
	border-bottom:1px solid #FF9900;
	padding-bottom:10px;
}

fieldset.bemerkung {
	padding-bottom:10px;
}

fieldset.checkboxbuttons h2 {
	margin-top:0;
}

.send,
.cancel {
	background:#7CA7CF;
	border:1px solid #7CA7CF;
	color:#FFFFFF;
	font-size:11px;
	float:left;
	font-weight:normal;
	padding:2px 5px;
	display:none;
	margin-right:5px;
}

.send:hover,
.cancel:hover {
	background:#FF9900;
	color:#000000;
	border:1px solid #FF9900;
}

/*-------- LISTEN --------*/

ul li {
	background:transparent url('/images/interface/bullet_inactive.gif') no-repeat 0 5px;
	padding-left:10px;
}

/*-------- HOME --------*/

#wrapper-home {
	background:transparent url('/images/home/background.jpg') no-repeat 0 0;
	height:656px;
	width:958px;
	position:relative;
	padding-bottom:30px;
	margin: 0 auto;
}

/* NAVI HOME */
#navi-home {
	left:0;
	position:relative;
	top:280px;
	width:149px;
	font-family: arial;
	font-size:1.1em;/*12px;*/
	line-height:1.4em;/*17px;*/
	min-height:1.5em;
}

* html #navi-home {/*IE6 m8in-height*/
	height:1.5em;
}

#navi-home ul {
	position:relative;/*The IE/Win Disappearing List-Background Bug*/
}

#navi-home ul li {
	margin:0;
	padding:0;
	background:none;
	position:relative;/*The IE/Win Disappearing List-Background Bug*/
}

/* 1. Ebene HNAV */

#navi-home ul li a,
#navi-home ul li a:link,
#navi-home ul li a:visited {
	color:#000000;
	display:block;
	padding:2px 0 2px 20px;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	cursor: hand;
}

#navi-home ul li a.active,
#navi-home ul li a.active:link,
#navi-home ul li a.active:visited,
#navi-home ul li a:active,
#navi-home ul li a:hover {
	background:#7CA7CF;
	color:#FFFFFF;
}

/* 2. Ebene SNAV */

#navi-home ul ul {
	padding-bottom:1em;
	font-size:1em;/*11px;*/
	line-height:1.53em;/*17px;*/
}

#navi-home ul ul.active {
	display:block;
	visibility:visible;
	opacity: 1;              /* CSS3 */
	-moz-opacity: 1;         /* legacy Firefox */
	-khtml-opacity: 1;       /* legacy Safari/Konqueror */
}

#navi-home ul ul li a,
#navi-home ul ul li a:link,
#navi-home ul ul li a:visited {
	background:transparent url('/images/interface/bullet_inactive.gif') no-repeat 20px 6px;
	display:block;
	padding:0 0 0 30px;
	margin:0;
	color:#003399;
	text-transform:none;
}

#navi-home ul ul li a:hover,
#navi-home ul ul li a:active {
	color:#FFFFFF;
}

#navi-home ul ul li a.active,
#navi-home ul ul li a.active:link,
#navi-home ul ul li a.active:visited {
	background:transparent url('/images/interface/bullet_active.gif') no-repeat 20px 6px;
}

/* fade */
#navi-home ul ul {
	display:none;
	visibility:hidden;
	opacity: 0;              /* CSS3 */
	-moz-opacity: 0;         /* legacy Firefox */
	-khtml-opacity: 0;       /* legacy Safari/Konqueror */
}

#navi-home ul li:hover ul {
	display:block;
}
/*---*/

#home-banner {
	left:10px;
	position:absolute;
	bottom:76px;/*182px;*/
}

#home-banner a,
#home-banner a:link,
#home-banner a:visited {
	display:block;
}

#adress-home {
	left:715px;
	position:absolute;
	bottom:80px;
	width:243px;
}

#wrapper-home #gennav {
	left:715px;
	position:absolute;
	bottom:10px;
	padding:0;
	background:none;
}

#wrapper-home #gennav a,
#wrapper-home #gennav a:link,
#wrapper-home #gennav a:visited {
	color:#003399;
}

/**/

#wrapper {
	width:958px;
	margin: 0 auto;
	padding-bottom:30px;
}

/*-------- HEADER --------*/
#header {
	background:transparent url('/images/interface/header.jpg') no-repeat 0 0;
	width:100%;
	height:270px;
	position:relative;
}

#logo {
	position:absolute;
	top:42px;
	left:0;
}

.hdr-image {
	bottom:0;
	height:270px;
	position:absolute;
	right:48px;
	width:228px;
}

/*-------- NAVI --------*/

#navi {
	font-family: arial;
	font-size:1.1em;/*12px;*/
	line-height:1.4em;/*17px;*/
	float:left;
	margin:0 58px 0 0;
	min-height:1.5em;
	width:149px;
}

* html #navi {/*IE6 m8in-height*/
	height:1.5em;
}

#navi ul li {
	margin:0;
	padding:0;
	background:none;
}

/* 1. Ebene HNAV */

#navi ul li a,
#navi ul li a:link,
#navi ul li a:visited {
	color:#000000;
	display:block;
	padding:2px 0 2px 20px;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	cursor: hand;
}

#navi ul li a.active,
#navi ul li a.active:link,
#navi ul li a.active:visited {
	background:#7CA7CF;
	color:#FFFFFF;
}

#navi ul li a:hover,
#navi ul li a:active {
	background:#7CA7CF;
	color:#FFFFFF;
}

/* 2. Ebene SNAV */

#navi ul ul {
	padding-bottom:1em;
	font-size:1em;/*11px;*/
	line-height:1.53em;/*17px;*/
}

#navi ul ul.active {
	display:block;
	visibility:visible;
	opacity: 1;              /* CSS3 */
	-moz-opacity: 1;         /* legacy Firefox */
	-khtml-opacity: 1;       /* legacy Safari/Konqueror */
}

#navi ul ul li a,
#navi ul ul li a:link,
#navi ul ul li a:visited {
	background:transparent url('/images/interface/bullet_inactive.gif') no-repeat 20px 6px;
	display:block;
	padding:0 0 0 30px;
	margin:0;
	color:#003399;
	text-transform:none;
}

#navi ul ul li a:hover,
#navi ul ul li a:active {
	color:#FFFFFF;
}

#navi ul ul li a.active,
#navi ul ul li a.active:link,
#navi ul ul li a.active:visited {
	background:transparent url('/images/interface/bullet_active.gif') no-repeat 20px 6px;
}

/* fade */
#navi ul ul {
	display:none;
	visibility:hidden;
	opacity: 0;              /* CSS3 */
	-moz-opacity: 0;         /* legacy Firefox */
	-khtml-opacity: 0;       /* legacy Safari/Konqueror */
}

#navi ul li:hover ul {
	/*display:block;*/
}

/* ### GENNAV ### */

#gennav {
	background:transparent url('/images/interface/content.jpg') repeat 0 0;
	padding-left:208px;
	height:17px;
}

#gennav a.active,
#gennav a.active:link,
#gennav a.active:visited {
	color:#FFFFFF;
}

/*-------- CONTENT --------*/
.content {
	background:transparent url('/images/interface/content.jpg') repeat 0 0;
	padding-bottom:30px;
	padding-top:10px;
}

.content-left {
	float:left;
	padding:0 76px 0 0;
	position:relative;
	width:400px;
	min-height:1.5em;
}

* html .content-left {/*IE6 m8in-height*/
	height:1.5em;
}

.content-left-links {
	float:left;
	min-height:1.5em;
	padding:0 20px 0 0;
	position:relative;
	width:456px;
}

* html .content-left-links {/*IE6 m8in-height*/
	height:1.5em;
}

.content-right {
	float:left;
	padding:0 60px 0 0;
	width:215px;
	min-height:1.5em;
}

* html .content-right {/*IE6 m8in-height*/
	height:1.5em;
}

img.content-img {
	display:block;
	left:-15px;
	position:absolute;
	top:-87px;
}

.contentleftimg {
	padding-top:143px;
}

.contentrightimg {
	padding-top:178px;
}

.contentrightnoimg {
	padding-top:35px;
}

/*-------- FOOTER --------*/

#footer {
	height:17px;
}

/* ### Sitemap ### */

/*clearfixing for sitemap*/
.sitemap li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.sitemap li {display: inline-block;}
html[xmlns] .sitemap li {display: block;}
* html .sitemap li {height: 1%;}

/* overwrites content styles */
.sitemap ul {margin:0;padding:0;}
.sitemap ul li {margin:0;padding:0;list-style-type:none;background:none;}


/* sitemap styles */
.sitemap ul {
	width: 99%;
	border-top: 1px solid #7CA7CF;
	padding-left:1%;
}


/* level 1 */
.sitemap li {
	display:block;
	float: none;
	clear: both;
	vertical-align: bottom;
	border-bottom: 1px solid #7CA7CF;
}
.sitemap ul li a,
.sitemap ul li a:link,
.sitemap ul li a:visited {
	padding: 4px 0;
	display: block;
	float: left;
	width: 20%;
	text-decoration:none;
	overflow: hidden;
	color:#000000;
	vertical-align: bottom;
}

.sitemap ul li a:hover,
.sitemap ul li a:active {
text-decoration:underline;
}

/* level 2 */
.sitemap ul ul {
	float: left;
	width: 79%;
	overflow: hidden;
	vertical-align: bottom;
	border: none;
}
.sitemap ul ul li {
	border-top: 1px solid #7CA7CF;
	border-bottom: none;
	padding-left:1%;
/*	padding-bottom: 0;*/
}

/* sitemap first-child fix */
.sitemap ul ul li {
	margin-top: -1px;

}
.sitemap ul ul li a,
.sitemap ul ul li a:link,
.sitemap ul ul li a:visited {
	width: 100%;
}

.sitemap ul ul li:hover {background: #7CA7CF;}
.sitemap ul ul li:hover a,
.sitemap ul ul li:hover a:link,
.sitemap ul ul li:hover a:visited {color:#FFFFFF !important;}

/*-------- MODULE --------*/

ul.list {
	width:400px;
}

ul.list li {
	background:none;
	padding:5px 0 5px 5px;
	margin:0;
	border-bottom:1px solid #FF9900;
}

.border-top {
	border-top: 1px solid #FF9900;
}

/* LINKS */

ul.link {
	width:456px;
}

ul.link li:hover {
	background: #7CA7CF;
}

ul.link li:hover a,
ul.link li:hover a:link,
ul.link li:hover a:visited {
	color:#FFFFFF;
}

ul.link a,
ul.link a:link,
ul.link a:visited,
ul.link p {
	float:left;
}

ul.link a,
ul.link a:link,
ul.link a:visited {
	width:171px;
}

ul.link p {
	width:280px;
}

/* NEWS */

span.date {
	display:block;
	font-size:9px;
	line-height:10px;
	margin-bottom:10px;
}

ul.news h2 {
	font-size:1.2em;/*13px*/
	line-height:1.4em;/*18px*/
}

ul.news li {
	padding:1.5em 0;
}

div.img-news {
	float:left;
	width:130px;
}

div.news-content {
	float:left;
	width:270px;
}

/*-------- Lightbox --------*/
/* ### SLIMBOX ### */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('/images/lightbox/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	border:0;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('/images/lightbox/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('/images/lightbox/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('/images/lightbox/closelabel.gif') no-repeat center;
	margin: 5px 0;
	border:0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*-------- DEBUG --------
#navi-home {
	background:orange;
}
#wrapper,
#wrapper-home {
	background:goldenRod;
}
#home-banner {
	background:black;
}
#adress-home {
	background:black;
}

#header {
	background:olive;
}
.hdr-image {
	background:navy;
}
#logo {
	background:navy;
}
#navi {
	background:blue;
}
#hnav {
	background:#cccccc;
}
#snav {
	background:#333333;
}
.content {
	background:darkRed;
}
.content-left {
	background:bisque;
}
.content-right {
	background:darkOrange;
}
#gennav a,
#gennav a:link,
#gennav a:visited {
	background:bisque;
}
#footer {
	background:navajoWhite;
}*/