@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;}

img {background-repeat:no-repeat;}

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

/* DEBUG-Tag */
blockquote {
	display:block;
	color:black;
	white-space: pre;	
}

/*-------- / MARKUP / ---------*/
html {
	font-family: Verdana, Arial, sans-serif;
	font-size: 100.1%;
	height: 100%;
	min-height: 100%;

}
body {
	font-size: 10px; /* .65 = 10px */
	line-height: 1.4em;
	height: 100%;
	min-height: 100%;
	color: #5E656D;
	background: #fff url('/images/interface/background.jpg') no-repeat 0 0;
}

/*-- 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;}

img {background-repeat:no-repeat;}

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

/* Default Heading Styles */
h1 {
    font-weight: bold;
    margin: 0px;
}

h2 {
    font-weight: bold;
    margin: 0px;
}

h3 {
    font-weight: bold;
    margin: 0px;
}

/* Font-Style 
.title {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 13px;
    /*line-height: 17px;
    color: #00478B;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}

.subtitle  {
    font-size: 10px;
    line-height: 14px;
    color: #000000;
    margin: 0px 0px 5px 0px;
}*/

.subtitle {
	color:#000000;
	margin:0 0 5px;
}


.title {
	color:#00478B;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:1.2em;
	line-height:1.4em;
	font-weight:normal;
	margin:0 0 10px;
}

.midtitle  {
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0px 0px 5px 0px;
}

/* Default Link Style */
a, a:link, a:visited {
    color: #00478B;
    text-decoration: none;
    vertical-align:text-bottom;
}
a:hover, a:active {
    color: #5E656D;
    text-decoration: none;
}

a.more:link, a.more:visited {
    color: #00478B;
    text-decoration: none;
    background: url('/images/interface/news_dot.gif') no-repeat 0px 1px;
    padding: 0px 0px 5px 18px;
}
a.more:hover, a.more:active {
    color: #5E656D;
    text-decoration: underline;
    background: url('/images/interface/news_dot.gif') no-repeat 0px 1px;
    padding: 0px 0px 5px 18px;
}

a.member-more,
a.member-more:link,
a.member-more:visited {
	background: transparent url('/images/interface/pfeil.gif') no-repeat 0px 2px;
	padding-left: 15px;
}

/*-------- / HOME / ---------*/
#home {
	background: #fff url('/images/home/background.jpg') no-repeat 0 0;
}

#home div#hnav {
    position: absolute;
    top: 29px;
    left: 0px;
    width: 600px;
    height: 47px;
    padding:0;
}

div#logo-home {
    position: absolute;
    top: 29px;
    left: 789px;
    width: 206px;
    height: 47px;
}

div#news-home {
    position: absolute;
    top: 116px;
    left: 789px;
    width: 206px;
    height: 50px;
}

div#banner-home {
    position: absolute;
    top: 409px;
    left: 784px;
    width: 196px;
    height: 65px;
}

div#gennav-home {
    position: absolute;
    top: 490px;
    left: 789px;
    width: 206px;
    height: 20px;
}

div#gennav-home ul li a,
div#gennav-home ul li a:link,
div#gennav-home ul li a:visited {
	color: #999999;
}

div#gennav-home ul li a:hover,
div#gennav-home ul li a:active {
	color: #00478B;
}

/*-------- / NAVI / ---------*/
div#hnav ul li,
div#gennav-home ul li,
div#pathnavi ul li,
div#gennavi ul li {
	float:left;
}

/* ### HNAV ### */
div#hnav {
	float:left;
	height:47px;
	padding-top:29px;
}

/* ### SNAV ### */
div#subnavigation {
	overflow:hidden;
	float:left;
	min-height:300px;
	padding:14px 0 0 0;
	width:212px;
	font-size:10px;
}
#subnavigation li {
	clear:both;
}
#subnavigation li a,
#subnavigation li a:link,
#subnavigation li a:visited {
    /*white-space:nowrap;
    display:block;*/
    color: #333;
    text-decoration: none;
    font-weight: bold;
	height:20px;
	padding-left:18px;
	float:left;
}

#subnavigation li a:hover,
#subnavigation li a:active {
	color: #00478B;
    background: transparent url('/images/interface/unav_dot.gif') no-repeat 0 0px;
}

#subnavigation li a:hover span.txt,
#subnavigation li a:active span.txt {
	background: #FFFFFF;
}

#subnavigation li a:hover span.round,
#subnavigation li a:active span.round {
	width:7px;
	background: transparent url('/images/interface/unav_round.gif') no-repeat 100% 0;
}

div#subnavigation a.active,
div#subnavigation a.active:link,
div#subnavigation a.active:visited {
    color: #00478B;
    background: transparent url('/images/interface/unav_dot.gif') no-repeat 0 0px;
}

div#subnavigation a.active span.txt,
div#subnavigation a.active:link span.txt,
div#subnavigation a.active:visited span.txt {
	background: #FFFFFF;
}

div#subnavigation a.active span.round,
div#subnavigation a.active:link span.round,
div#subnavigation a.active:visited span.round {
	width:7px;
	background: transparent url('/images/interface/unav_round.gif') no-repeat 100% 0;
}

#subnavigation li a span,
#subnavigation li a:link span,
#subnavigation li a:visited span {
	float:left;
	height:17px;
	padding-top:3px;
}

#subnavigation li a span.txt,
#subnavigation li a:link span.txt,
#subnavigation li a:visited span.txt {
	padding-left:2px;
}

/* SUBSUBNAVI 2. EBENE */
#subnavigation ul ul {
	
}

#subnavigation ul ul li a,
#subnavigation ul ul li a:link,
#subnavigation ul ul li a:visited {
	height: auto;
	padding:0 0 0 20px;
	/*height:1.4em;*/
}

#subnavigation ul ul li a span.txt,
#subnavigation ul ul li a:link span.txt,
#subnavigation ul ul li a:visited span.txt {
	height: auto;
	padding:0 0 0 8px;
	/*height:1.4em;*/
}

#subnavigation ul ul li a:hover,
#subnavigation ul ul li a:active {
    background: transparent none repeat scroll 0 0;
}

#subnavigation ul ul li a:hover span.txt,
#subnavigation ul ul li a:active span.txt {
    background: transparent none repeat scroll 0 0;
}

#subnavigation ul ul li a span.round,
#subnavigation ul ul li a:link span.round,
#subnavigation ul ul li a:visited span.round {
	display:none;	
}

#subnavigation ul ul li a span.txt,
#subnavigation ul ul li a:link span.txt,
#subnavigation ul ul li a:visited span.txt {
	background: url('/images/interface/bullet_sub_inactive.gif') no-repeat 0 8px;
}

#subnavigation ul ul li a:link span.txt,
#subnavigation ul ul li a:visited span.txt,
div#subnavigation a.active_2 span.txt,
div#subnavigation a.active_2:link span.txt, 
div#subnavigation a.active_2:visited span.txt {
	background: url('/images/interface/bullet_sub_active.gif') no-repeat 0 8px;
}

div#subnavigation a.active_2,
div#subnavigation a.active_2:link, 
div#subnavigation a.active_2:visited {
	color: #00478B;
}

/* SUBSUBSUBNAVI 3. EBENE */

#subnavigation ul ul ul li a,
#subnavigation ul ul ul li a:link,
#subnavigation ul ul ul li a:visited {
	padding-left: 36px;
}

div#subnavigation a.active_3,
div#subnavigation a.active_3:link, 
div#subnavigation a.active_3:visited {
	color: #00478B;
}

/* ### PATHNAVI ###*/

div#pathnavi {
	clear:both;
	height:20px;
	padding:10px 0 0 5px;
}

div#pathnavi a,
div#pathnavi a:link,
div#pathnavi a:visited {
	color:#999999;
}

div#pathnavi a:hover,
div#pathnavi a:active,
div#pathnavi a.active,
div#pathnavi a.active:link,
div#pathnavi a.active:visited,
div#pathnavi a.active:hover,
div#pathnavi a.active:active {
	color:#00478B;
}

/*-------- / Inhalt / ---------*/

div#container {
	width:996px;
	min-height:575px;
}

div#container-left {
	float:left;
	min-height:608px;
	width:222px;
}

div#chapterimage {
	height:193px;
	width:222px;
}

/* ### Header ### */
div#container-header {
    float: left;
    width: 774px;
    height: 150px;
}

div#logo {
	float:right;
	height:47px;
	padding-top:29px;
	width:207px;
}

/* ### CONTENT ### */
div#container-content {
	float:left;
	min-height:448px;
	position:relative;
	width:768px;
	/*color: #000000;*/
}

#container-content li {
	background:transparent url('/images/interface/bullet.gif') no-repeat scroll 0 4px;
	padding-left:12px;
}

#container-content ul.system {
	margin-top:5.6em;
}

#container-content ul.system li {
	background:transparent none repeat scroll 0 0;
	padding-left:0;
	margin-bottom:1.4em;
}

#container-content ul.system li span {
	float:left;
	margin:0;
	width:178px;
	text-align:center;
}

#container-content ul.system li a {
	float:left;
	width:178px;
}

/* ### SITEMAP ###*/
#container-content ul.sitemap {
	border-top:1px solid #999999;
	padding:5px 0 12px;
}

#container-content ul.last {
	border-bottom:1px solid #999999;
}

#container-content ul.sitemap li {
	float:left;
	background:transparent none repeat scroll 0 0;
	padding-left:0;
}

#container-content ul.sitemap li.first {
	font-weight:bold;
	width:200px;
}

#container-content ul.sitemap li.second {
	width:341px;
}

div#content-right div#box-blue {
	background:#E3EFF7 none repeat scroll 0 0;
	float:left;
	height:416px;
	padding:27px 5px 15px 9px;
	width:187px;
}

div#content-left {
	float:left;
	width:541px;
}

div#content-left div#box-linie {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #8095A6;
	float:left;
	min-height:100px;
	padding:26px 15px 15px 14px;
	width:509px;
}

div#content-left img.float-left {
	float:left;
	margin-right: 10px;
	margin-top:1.4em;
}

div#content-left img.IMGcontent {
	left:0;
	bottom:0;
	position:absolute;
}

div#content-left img.IMGcontentWirt {
	bottom:-17px;
	left:0;
	position:relative;
}

div#content-left img.IMGcontentHaus {
	bottom:-31px;
	left:0;
	position:relative;
}

.float-left {
	float:left;
}

.margin-top {
	margin-top:1.4em;
}

.nojavascript {
	clear:left;
	color:#00478B;
	font-weight:bold;
}

div.images-list {
	float:left;
	margin-right:7px;
	padding:0 0 20px 0;
	width:166px;
	overflow:hidden;
	white-space:nowrap;
}

.images-list-small {
	float:left;
	padding:0 2px 2px 0;
}

div#content-right {
	float:right;
	width:200px;
}

div#content-right div#box-linie {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #8095A6;
	float:left;
	padding:26px 10px 15px;
	width:179px;
}

/* ### FOOTER ### */
div#container-footer {
	clear:both;
	height:40px;
	padding:20px 6px 0 0;
}

div#gennavi{
	float:right;
}

div#gennavi ul li a, 
div#gennavi ul li a:link, 
div#gennavi ul li a:visited {
	color:#999999;
}

div#gennavi ul li a:hover,
div#gennavi ul li a:active {
	color:#00478B;
}

/*-------- / FORM / ---------*/
#container-content fieldset ul li {
	background:0;
	padding:0 0 5px 0;
	float:left;
	width:211px;
}

#container-content fieldset ul li span.required {
	display:block;
	margin-top:10px;
}

#container-content fieldset ul li.title {
	width:541px;
	padding:0;
}

#container-content fieldset ul li.bemerkungen {
	width:541px;
	margin-bottom:10px;
}

#container-content fieldset ul li.bemerkungen h2 {
	padding-bottom:6px;
	font-weight:normal;
}

#container-content fieldset ul li.buttons {
	clear:left;
	padding-top: 10px;
}

label {
	margin-right:1em;
}

fieldset.answer label {
	margin:-1px 10px 0 5px;
	float:left;
}
fieldset.answer input.radio {
	float:left;
}

fieldset.persinfos label {
	display:block;
	padding-bottom:2px;
}

fieldset.persinfos br {
	display:none;
}

input,
textarea {
	font-family: Verdana, Arial, sans-serif;
	background:0;
	border:0;
	color:#000000;
	font-size:11px;
	padding:0;
	margin:0;
}

textarea {
	background:#7DA6C7 none repeat scroll 0 0;
	color:#000000;
	font-size:11px;
	padding:3px 2px 3px 7px;
	width:398px;
	height:58px;
}

input.txt {
	background:#7DA6C7 none repeat scroll 0 0;
	color:#000000;
	padding:3px 2px 3px 7px;
	width:187px;
}

input.send,
input.cancel {
	background:#7DA6C7 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	padding:2px 5px;
	float:left;
	margin-right:5px;
}

input.send:hover,
input.cancel:hover {
	background:#00478B;
}

/*-------- / MODULE / ---------*/
#container-content ul.modul li {
	float:left;
	background:transparent none repeat scroll 0 0;
	padding-left:0;
}

ul.modul {
	border-bottom:1px solid #999999;
	/*border-top:1px solid #5E656D;
	margin-top:2.7em;
	padding:6px 0 1.4em;*/
	padding:0 0 1.4em 0;
}

ul.modul li.first {
	padding:2.3em 0 0;
	width:166px;
}

ul.modul li.second {
	width:375px;
	padding:5px 0 0 0;
}

#container-content ul.list li {
	float:left;
	background:transparent none repeat scroll 0 0;
	padding-left:0;
	width:541px;
}

ul.list li {
	border-bottom:1px solid #999999;
	/*border-top:1px solid #5E656D;
	margin-top:2.7em;
	padding:6px 0 1.4em;*/
	padding:5px 0 1.4em 0;
}

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

/* ### NEWS ### */
h1.news {
	float:left;
}

.right {
	float:right;
}

a.link-switch,
a.link-switch:link,
a.link-switch:visited,
a.link-switch:active,
a.link-switch:hover {
	background:transparent url('/images/interface/pfeil.gif') no-repeat scroll 0 3px;
	/*float:right;*/
	padding-left:15px;
}

a.content,
a.content:link,
a.content:visited,
a.content:active,
a.content:hover {
	/*clear:right;
	float:right;*/
	/*margin-right:48px;*/
	padding-left:15px;
}

ul.news-entry {
	border-bottom:1px solid #999999;
	padding:5px 0;
}

ul.news-entry li {
	background:transparent none repeat scroll 0 0 !important;
	padding:0 !important;
}

ul.news-entry li span {
	float:left;
	width:65px;
}

ul.news-entry li h1 {
	float:left;
}

ol.news-desc {
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin-top:2.7em;
	padding:6px 0 1.4em;
}

#container-content ol.news-desc li {
	float:left;
	background:transparent none repeat scroll 0 0;
	padding-left:0;
}

ol.news-desc li.first {
	padding:2.3em 0 0;
	width:166px;
}

ol.news-desc li.second {
	width:375px;
}

h2.news {
	margin-top:5px;
}

#container-content ol li.pdf {
	background:transparent url('/images/interface/pdf.gif') no-repeat scroll 0 0;
}

/* ### MESSEN ### */
p.modul {
	border-bottom:1px solid #999999;
	padding-bottom: 1.4em;
}

/* ### CONTEST ### */
#container-content ul.contest {
	margin-bottom:2.8em;
}

#container-content ul.contest li {
	background:transparent none repeat scroll 0 0;
	padding-left:0;
	float:left;
}

ul.contest li.first {
	/*padding:2.3em 0 0;*/
	width:166px;
}

ul.contest li.second {
	/*padding:2.3em 0 0;*/
	width:375px;
}

/* ### LINKS ### */

h2.links {
	padding-top: 5px;
	clear:both;
}

#container-content ul.links li {
	float:left;
	background:transparent none repeat scroll 0 0;
	padding-left:0;
}

ul.links {
	/*border-top:1px solid #5E656D;
	margin-top:2.7em;
	padding:6px 0 1.4em;*/
	padding:0 0 1.4em 0;
	border-bottom:1px solid #999999;
}

ul.links li.first {
	/*padding:2.3em 0 0;*/
	width:241px;
}

ul.links li.second {
	/*padding:2.3em 0 0;*/
	width:300px;
}

/* ### STANDORTE/MITGLIEDER ### */
#container-content ul.member li {
	background:transparent none repeat scroll 0 0;
	padding-left:0;
	clear:both;
}

#container-content ul.member li span {
	float:left;
	width:135px;
	margin-bottom:2px;
}


#container-content ul.member li span.plz {
	margin-left:80px;
}

#container-content ul.member li strong {
	width:80px;
	float:left;
}

#container-content ul.member li input {
	margin-right: 5px;
	padding:4px 0 3px 5px;
}

#container-content ul.member li input.send {
	float:none;
	padding:2px 5px;
}

#container-content ul.member-result li {
	background:transparent none repeat scroll 0 0;
	padding-left:0;
	margin-bottom: 1.4em;
	float:left;
}

#container-content ul.member-result li.txt {
	/*background:orange none repeat scroll 0 0;*/
	width:335px;
}

#container-content ul.member-result li.link {
	/*background:#cccccc none repeat scroll 0 0;*/
	width:174px;
}

/* ------------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 / ---------
body {
	background:black none repeat scroll 0 0;
}

div#container {
	background:#CCCCCC none repeat scroll 0 0;
}

div#container-left {
	background:orange none repeat scroll 0 0;
}

div#container-content {
	background:#00AA00 none repeat scroll 0 0;
}

div#content-left {
	background:#AA0000 none repeat scroll 0 0;
}

div#content-right {
	background:#0000AA none repeat scroll 0 0;
}

div#chapterimage {
	background:black none repeat scroll 0 0;
}

div#subnavigation {
	background:#AAAAAA none repeat scroll 0 0;
}

div#container-header {
	background:#007700 none repeat scroll 0 0;
}

div#logo {
	background:#AA0000 none repeat scroll 0 0;
}

div#pathnavi {
	background:#FF0000 none repeat scroll 0 0;
}
div#container-footer {
	background:#FFFF00 none repeat scroll 0 0;
}*/