/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
/*table, caption, tbody, tfoot, thead, tr, th, td*/
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 1;
}


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ende reset-styles */


html, body {
	margin: 0;
	padding: 0;
}

body { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 62.5%;
	line-height: 190%;
	color:#646567; 
	background-color: #f4f4f4;		
	}

body.nl {
	background-color: #ffffff;
	margin-top: 28px;
	
}

body.nl #nlwrapper {
	width: 560px;
	padding: 0px 5px 5px 5px;	
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
}

img {
	border: 0;
}

a {
	text-decoration: none; 
}

h1#fehmarnbelt,
ul#navskip,
.aural {
	position: absolute;
	top: -100em;
	left: -100em	
}


/* ### START hauptspalten ### */
div#wrapper { 
	position: relative;
	width: 100.4em;
	height: 100em;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0.6em 0 0.5em;
	background-image: url(../img/schatten.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}

.einspaltig div#wrapper { 
	position: relative;
	width: 100.4em;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 0 0;
	background-image: url();
}

.einspaltig div#bgwrapper {
	position: relative;
	float: left; 
	padding: 0 0.6em 0 0.5em;
	background-image: url(../img/schatten-einspaltig.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#inner { 
	position: relative;
	float: left;
	width: 964px; /*993*/ /*wg ie*/ 
	height: 693px;
	padding: 2.6em 0 0 27px;
	border-width: 0.1em;
	border-color: #bdbdbd;
	border-style: solid;
}

.einspaltig div#inner { 
	height: 100%;
}

div#logo {
	position: relative;
	float: left;
	width: 15.8em;
	margin: 0 0.3em 4.8em 0;
}


div#sprachwechsler {
	position: absolute;
	top: 63.4em;
	left: 3em;
	width: 10em;
	z-index: 11;
}


/*darf gar nichts vom normalen sprachwechsler erben, deswegen neue id*/
div#sprachwechslereinspaltig  {
	position: absolute;
	bottom: 6.1em;
	left: 3em;
	width: 10em;
}


div#navigation {
	position: relative;
	float: left;
	width: 80em;
	height: 9.2em;
	margin: 10.5em 0 0 0;
}

div#servicenav {
	position: absolute;
	top: 63.4em;
	left: 14.4em;
	width: 37em;
	z-index: 10;
}

/*darf gar nichts vom normalen sprachwechsler erben, deswegen neue id*/
div#servicenaveinspaltig  {
	position: absolute;
	bottom: 7em;
	left: 14.4em;
	z-index: 12;
}


div#sponsoren {
	width: 44.5em;
	float: right;
	margin: 0 0.4em 0 0;
}


div#navigation ul,
div#navigation ul li,
div#servicenav ul,
div#servicenav ul li,
div#servicenaveinspaltig ul,
div#servicenaveinspaltig ul li,
div#sprachwechsler ul,
div#sprachwechsler ul li,
div#sprachwechslereinspaltig ul,
div#sprachwechslereinspaltig ul li,
div#bildershownavi ul,
div#bildershownavi ul li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0; 
	margin: 0; 
	float: left;
	display: inline;
}

div#navigation ul li,
div#servicenav ul li,
div#servicenaveinspaltig ul li {
	font-size: 1.1em;
	letter-spacing: 0.1em;
	line-height: 120%;
	text-transform: uppercase;
}

div#navigation ul li  ul li,
div#navigation ul li  ul li ul li {
	font-size: 100%;
	line-height: 120%;
}


div#navigation ul#level1 {
	width: 78.4em;
	/*braucht volle breite wg untermenŸ-breiten*/
}

div#navigation ul {	
	border-width: 0 0 0.2em 0;
	border-color: #007baf;
	border-style: dotted;
	padding: 0.3em 0 0.3em 0;/*abstand zu linie*/
	
}


div#navigation ul li a,
div#servicenav ul li a,
div#servicenaveinspaltig ul li a {
	display: block;
	padding: 0.1em 0.5em 0.1em 0.5em; /*fuer bg*/
	margin: 0 1.8em 0 0;
}

div#navigation ul#level4 li a {
	margin: 0 1.2em 0 0;
}

div#navigation ul#level1 {
	position: absolute;
 	top: 0;
	left: 0;
	padding: 0.3em 0 0.3em 1.8em; /*mehr abstand links*/
}

div#navigation ul#level2 {
	position: absolute;
 	top: 2em;
	left: 1.5em;
	width: 714px;
	border-color: #7EA649;
}

div#navigation ul#level3 {
	position: absolute;
 	top: 2.1em;
	left: 0em;
	width: 636px;
	border-color: #7b7c7e;
}

div#navigation ul#level4 {
	position: absolute;
 	top: 2.1em;
	left: 0em;
	border-width: 0 0 0 0;
	border-color: #007cb0;
	border-style: dotted;
}

div#navigation ul#level1 li a {
	color: #007baf;
}

div#navigation ul#level1 li.hier a,
div#navigation ul#level1 li a:focus,
div#navigation ul#level1 li a:hover {
	color: #ffffff;
	background-color: #005c95;
}


div#navigation ul#level2 li a,
div#navigation ul#level1 li.hier ul#level2 li a,
div#navigation ul#level1 li.hier ul#level2 li ul#level3 li a,
div#navigation ul#level1 li.hier ul#level2 li ul#level3 li ul#level4 li a {
	color: #7b7c7e;
	background-color: transparent;
}



div#navigation ul#level1 li.hier ul#level2 li.hier a,
div#navigation ul#level1 li.hier ul#level2 li a:focus,
div#navigation ul#level1 li.hier ul#level2 li a:hover {
	color: #ffffff;
	background-color: #7ea649;
}


div#navigation ul#level1 li.hier ul#level2 li.hier ul#level3 li.hier a,
div#navigation ul#level1 li.hier ul#level2 li.hier ul#level3 li a:focus,
div#navigation ul#level1 li.hier ul#level2 li.hier ul#level3 li a:hover {
	color: #ffffff;
	background-color: #bbbdbe;
}


div#navigation ul#level1 li.hier ul#level2 li.hier ul#level3 li.hier ul#level4 li.hier a,
div#navigation ul#level1 li.hier ul#level2 li.hier ul#level3 li.hier ul#level4 li a:focus,
div#navigation ul#level1 li.hier ul#level2 li.hier ul#level3 li.hier ul#level4 li a:hover {
	color: #ffffff;
	background-color: #e5007d;
}

div#servicenav ul li a,
div#servicenaveinspaltig ul li a {
	color: #7b7c7e;
}

div#servicenav ul li.hier a {
	color: #7b7c7e;
}

div#servicenav ul li.rss,
div#servicenav ul li.RSS,
div#servicenaveinspaltig ul li.rss,
div#servicenaveinspaltig ul li.RSS {
	background-image: url(../img/feed-icon-10x10.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	padding: 0 0 0 1em;
}

div#sprachwechsler ul li,
div#sprachwechslereinspaltig ul li {
	padding: 0 1.1em 0 0;
}

div#content {
	position: relative;
	float: left;
	width: 964px;
	height: 30.6em;
	border-width: 0 0 0.2em 0;
	border-color: #007baf;
	border-style: dotted;
	z-index: 1;
}


.einspaltig div#content {
	height: auto;
}

.einspaltig div#contentinner {
	position: relative;
	float: left;
	margin: 0 0 1.8em 0;
	background-image: url(../img/bg-newsspalte.gif);
	background-repeat:repeat-y;
}


div#fusszeile {
	position: relative;
	float: left;
	width: 964px;
	height: 8em;
	margin: 9em 0 0 0;
	border-width: 0.2em 0 0 0;
	border-color: #004877;
	border-style: solid;
}

.einspaltig div#fusszeile {
	height: 9.2em;
}


div#newsspalte {
	position: relative;
	float: left;
	width: 16em; 
	height: 288px;
	margin: 0 0.3em 0 0;
	background-color:#004877;
	color: #ffffff;
	overflow: hidden;
}


.einspaltig div#newsspalte {
	height: 100%;
	overflow: visible;
}


div#newsspalte div.tx-flvplayer-pi1 {
	position: absolute;
 	bottom: 0em;
}

div#textspalte {
	position: relative;
	float: left;
	width: 36.6em; /*366*/
	height: 270px; 
	overflow: hidden;
	margin: 0 6px 0 2.1em;
	padding: 1.8em 0 0 0;
}

.einspaltig div#textspalte {
	width: 64.5em; 
	height: 100%;
	overflow: visible;
}

div#scrollbox {
	width: 34.8em; 
	height: 269px; 
	overflow: hidden; 
	position: relative;
}

.einspaltig div#scrollbox {
	width: 71.6em; 
}


div#slider-vertical {
	height: 270px; 
	position: absolute;
	top: 0.8em;
	right: 0.3em;
}

div#bildspalte {
	position: relative;
	float: right;
	width: 408px;
}

div#bildspalte div.tx-flvplayer-pi1 {
	text-align:center;
}

div#bildershow,
div#fotodetailrahmen {
	position: relative;
	float: right;
	width: 801px;
}

div.einzelbild {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

div#headlines {
	position: relative;
	z-index: 3;
	padding: 2em 2em 0 2em;
}

div#bildershownavi {
	position: absolute;
	top: 29.7em;
	left: 28em;
	width: auto;
	z-index: 4;
	background-color:#ffffff;
}

div#bildershownavi span.label {
	float: left;
	text-transform: uppercase;
	padding: 0 0.8em 0 1em;
	font-size: 1em;
	color: #007baf;
	letter-spacing: 0.1em;
}

div#bildershownavi ul {
	position: relative;
	background-color:#ffffff;
}

div#bildershownavi ul li,
div#bildershownavi ul li a {
	color: #7b7c7e;
	text-decoration: none;
	padding: 0 0.5em 0 0;
	letter-spacing: 0.1em;
	display: block;
}

div#bildershownavi ul li a.changeimg,
div#bildershownavi ul li a:visited,
div#bildershownavi ul li a:focus,
div#bildershownavi ul li a:hover,
div#bildershownavi ul li a:active {
	background-color:#ffffff;
}


div#bildershownavi ul li a.hier {
	color: #007baf;
	font-weight: bold;
	background-color:#ffffff;
}


div#bildershownavi ul li a.imnext,
div#bildershownavi ul li a.imprev {
	font-size: 1.5em;
	line-height: 100%;
}


h2, h3, h4, h5 {
	margin: 0 0 0 0;
	font-size: 1.15em;
	color:#448b22;
}


#content h1.HeadlineHomeHellblau {
	font-family: "Courier New";
	font-size: 2.5em;
	line-height: 120%;
	font-weight: normal;
	display: inline;
	padding: 0 0.2em 0 0;
	color: #75bad7;
}

#content h1.HeadlineHomeDunkelblau {
	font-family: "Courier New";
	font-size: 2.5em;
	line-height: 120%;
	font-weight: normal;
	display: inline;
	padding: 0 0.2em 0 0;
	color: #007baf;
}

#content h1.HeadlineHomeHellgruen {
	font-family: "Courier New";
	font-size: 2.5em;
	line-height: 120%;
	font-weight: normal;
	display: inline;
	padding: 0 0.2em 0 0;
	color:#adce6b;
}

#content h1.HeadlineHomeDunkelgruen {
	font-family: "Courier New";
	font-size: 2.5em;
	line-height: 120%;
	font-weight: normal;
	display: inline;
	padding: 0 0.2em 0 0;
	color: #7ea649;
}

#content h1.HeadlineEinstiegsseiteBlau {
	font-family: "Courier New";
	font-size: 2.3em;
	line-height: 120%;
	font-weight: normal;
	display: inline;
	padding: 0 0.2em 0 0;
	color: #007baf;
}


#content h1.HeadlineEinstiegsseiteGruen {
	font-family: "Courier New";
	font-size: 2.3em;
	line-height: 120%;
	font-weight: normal;
	display: inline;
	padding: 0 0.2em 0 0;
	color: #7ea649;
}


#content h1 {
	font-size: 1.4em;
	margin: 0 0 1.2em 0;
	font-weight: normal;
	color:#448b22;
}


#content h2,
#content strong,
#content b {
	font-weight: bold;
	color:#448b22;
}



p {
	font-size: 1.1em;
	margin: 0 0 2em 0;
}



#content ul li,
#content ol li {
	font-size: 1.1em;
}


#content a {	
	color:#646567;
	text-decoration: underline;
}

#content div.lowres a,
#content div.highres a {	
	color:#007baf;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 0.9em;
}

div.highres {	
	float: left;
	width: 50%;
}

div.lowres {	
	float: right;
	text-align: right;
	width: 49%;
}


#content ul {
	margin: 0 0 3em 2em;
	list-style-type: disc;
	list-style-position: outside;
}

#content ol {
	margin: 0 0 3em 2em;
	list-style-type: decimal;
	list-style-position: outside;
}

#content ul.bnb-uploads-ul {
	margin: 0 0 1em 0;
	list-style-type: none;
	list-style-position: outside;
}


div#newsspalte h3 {
	padding: 0.3em 0.4em 0.3em 0.5em;
	color: #aecd6b;
	text-transform: uppercase;
	word-spacing: 0.8em;
	letter-spacing: 0.1em;
	text-align: center;
	font-weight: normal;
	font-size: 1.1em;
}

div.news {
	padding: 0.8em 1em 1em 1em;
	border-width: 0.3em 0 0 0;
	border-color: #ffffff;
	border-style: dotted;
}


div.news p {
	margin: 0;
	line-height: 140%;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}

/*
div.news p.mehr {
	text-align: right;
}
*/

#content div.news a {
	color: #84d0f0;
}

.bnb-uploads-obj h2 {
	margin: 0 0 0.4em 0;
}

#content ul.bnb-uploads-ul img {
	vertical-align: middle;

}

#content ul.csc-menu {
	margin: 0 0 2.4em 2em;
}



.csc-sitemap {
	margin: 0 0 0 -2em; 
}

#content .csc-sitemap ul,
#content .csc-sitemap ul li {
	padding: 0; 
	margin: 0; 
	list-style-type: none;
	list-style-position: outside;
}

#content .csc-sitemap ul {
	margin: 0 0 0em 2em;
}


#content .csc-sitemap ul li {
	font-size: 1.1em;
	font-weight: bold;
}

#content .csc-sitemap ul li ul li {
	font-weight: normal;
	font-size: 1em;
}


div#video {
	position: absolute;
	left: 0;
 	bottom: 0;
	border-width: 0.3em 0 0 0;
	border-color: #ffffff;
	border-style: solid;
}


legend {
	display: none;
}

fieldset {	
	border: 0;
	padding: 0;
}

form label,
form span {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}

form p.fehler {
	color:#cc0000;
	padding: 0 0 0.2em 0;
	margin: 0;
}


form div {	
	clear: left;
	padding: 0 0 0.6em 0; 
	overflow: visible;
}

form div.buttons {	
	padding-top: 0.8em;
}


form label {
	display: block;
	float: left;	
	width: 88px;
	padding: 0 0 0.2em 0; 
}

form label.xl {
	width: 260px;
}

form input.xs {
	width: 20px;
}

form input {	
	width: 200px;
	float: left;
	font-size: 1.1em;
}

form select {	
	font-size: 1.1em;
}


span.pflicht {
	float: right;
	padding: 0.2em 0 0 0; 
	margin: 0 1em 0 0;
}

form div.btn input {
	width: 100px;
	border: 0.1em solid #000000;
	background-color:#ffffff;
	margin: 1em 4em 2em 0;
	font-size: 1.1em;
	cursor: pointer;
}


.unused {
	visibility: hidden;
}

/* ### START bildpositionen ### */

/*default styles aufheben bzw. anpassen */

#fotoindex {
	position: relative;
	float: left;
	margin: 0 0 0  -0.4em; /*erster weissraum lappt nach links raus*/
	width: 412px;
}

#fotoindex div {
	position: relative;
	float: left;
	width: 10em;
	height: 7em;
	padding: 0 0 0.3em 0.3em;	
}


#fotoindex img {	
	position: absolute;
	z-index: 50;
}


#fotoindex a.fotonummer {
	position: absolute;
	bottom: 0.3em;
	left: 4.9em;
	width: 2em;
	height: 1.4em;
	text-align: center;
	color: #ffffff;
	background-color: #e5007d;
	z-index: 51;
	font-size: 0.9em;	
	line-height: 140%;
	text-decoration: none;
}


#textspalte .csc-textpic-intext-left-nowrap img,
#textspalte .csc-textpic-intext-left img {
	border-width: 0.1em;
	border-color: #bbbdbe;
	border-style: solid;
	margin: 0.5em 0 0 0;
	
}


#textspalte .csc-textpic-caption {
	margin: 0.3em 0 0 0;
	line-height: 120%;
}

div.csc-textpic-center div.csc-textpic-imagewrap {
	margin: 0;
}

div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
	float:left;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
	margin-right:0 !important;
}

div.csc-textpic img {
	border: 0;
}


div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0.6em;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline;
	margin-left: 0;
}

.einspaltig div.csc-textpic div.csc-textpic-imagewrap {
	margin: 0.4em 0 2em 0;
}


/* #### END bildpositionen ### */