body {
	margin: 0;
	padding: 0;
	background: #e0e8ef url('images/background-site.png') repeat-x left top;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 13px;
	line-height: 145%;
}

.sitewrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

img {
	border: 0;
}

a {
	color: #006699;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

p {
	margin: 0 0 20px 0;
}

.header {
	width: 960px;
	height: 120px;
	position: relative;
	margin: 0 0 10px 0;
}

.header .logo {
	position: absolute;
	top: 25px;
	left: 10px;
}

.header .banner {
	position: absolute;
	top: 45px;
	right: 10px;
}

/* MAIN MENUE */

.mainmenu {
	width: 980px;
	text-align: center;
	margin: 0 0 30px -10px;
}

.mainmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mainmenu ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	background: url('images/background-mainmenue-trenner.png') no-repeat top right;
}

.mainmenu ul li a {
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #36689a;
	padding: 3px 6px;
	margin: 0 6px 0 4px;
}

.mainmenu ul li.last_item {
	background: none;
}



body#home .mainmenu .menue_item.home, 
body#ausstellungsort .mainmenu .menue_item.ausstellungsort, 
body#nutzung .mainmenu .menue_item.nutzung, 
body#vorteile .mainmenu .menue_item.vorteile, 
body#hafenstaedte .mainmenu .menue_item.hafenstaedte, 
body#daten .mainmenu .menue_item.daten, 
body#referenzen .mainmenu .menue_item.referenzen, 
body#kontakt .mainmenu .menue_item.kontakt {
	background: #c9d6e3;
}

.mainmenu .menue_item:hover {
	background: #dfe7ee;
}



/* SLIDESHOW */

.slideswrapper { /* only on folgeseite */
	position: relative;
	width: 960px;
	height: 260px;
}

.slideswrapper .static_slide {
	position: absolute;
	top: 0;
	right: 0;
}


#slides {
	position: relative;
	z-index:100;
	margin: 0 0 40px 0;
	width: 960px;
	height: 410px;
	overflow: hidden;
}

#slides.folgeseite {
	width: 600px;
	height: 260px;
	margin: 0;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width: 960px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important: Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width: 960px;
	height: 410px;
	display:block;
}

#slides.folgeseite .slides_container div.slide { 
	height: 260px; 
	width: 600px;
}



/* Next/prev buttons */

#slides .prev {
	position: absolute;
	bottom: 20px;
	left: 10px;
	z-index: 101;
	width: 12px;
	height: 24px;
}

#slides .next {
	position: absolute;
	bottom: 20px;
	z-index: 101;
	right: 10px;
}
#slides .next img, #slides .prev img {
	width: 12px;
	height: 24px;
}

body#home .next,
body#home .prev{
	bottom: 190px;
}


/* Caption */

.caption {
	z-index:500;
	position:absolute;
	bottom:-65px;
	left:0;
	height:55px;
	height: auto;
	padding:10px 20px 10px 40px;
	background:#000;
	background:rgba(0,0,0,0.5);
	width:900px;
	font-size: 14px;
	line-height: 18px;
	color:#cccccc;
	text-shadow:none;
	filter: alpha(opacity=80);
}



.caption strong {
	color: #ffffff;
	display: block;
}

#slides.folgeseite .caption {
	font-size:12px;
	width: 540px;
}


/* NEWSTICKER */

.newsticker {
	margin: 0 0 20px 0px;
	overflow: hidden;
	position: relative;
	width 950px;
}

.newsticker strong {
	width: 100px;
	float: left;
}

.newstickerblender {
	background: url('images/background-newsrickerblender.png') no-repeat;
	position: absolute;
	top: 0;
	left: 75px;
	height: 20px;
	width: 900px;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
	width: 850px; 
	height: 25px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
	float: left;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 0px;
	width: 850px; 
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0 25px 0 0;
	padding: 0 0 0 80px;
	background: url('images/icon-jenny.png') no-repeat;
	white-space: nowrap;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	margin: 0 50px 0 0;
} 
ul.newsticker span {
	margin: 0 10px 0 0;
} 


/* CONTENT */

.content {
	background: #ffffff;
	width: 840px;
	margin: 0 0 20px 0px;
	padding: 60px;
}

.clearleft {
	clear: left;
}

.col1 {
	float: left;
	width: 516px;
	margin: 0 20px 0 0;
	padding: 0 30px 0 0;
	background: url('images/dotted-line.png') repeat-y top right;	
}

.col2 {
	float: left;
	width: 270px;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
}

.infotext {
	color: #999999;
	font-size: 11px;
}

h1 {
	margin: 0 0 20px 0;
	color: #336699;
	font-size: 20px;
	line-height: 24px;
}

h2 {
	margin: 0 0 20px 0;
	color: #336699;
	font-size: 16px;
}

.col2 h2 {
	margin: 0 0 20px 0;
	color: #000000;
	font-size: 15px;
}

.logline {
	color: #666666;
	font-size: 17px;
	line-height: 20px;
	font-family: Times New Roman, sans-serif;
}

.dottedline {
	background: url('images/dotted-line.png') repeat-x;
	width: 100%;
	height: 1px;
	margin: 0 0 18px 0;
}


.banner.footerpos {
	margin: 0 0 20px -10px;
	width: 990px;
}

.banner.footerpos img {
	float: left;
	margin: 0;
	border: 0;
}

.footer {
	width: 960px;
	height: 20px;
	color: #666666;
	position: relative;
	font-family: Schmuckschrift, Arial, sans-serif;
	font-size: 11px;
	margin: 0 0 20px 0;
}


.footer .copyright {
	margin: 0 0 0 0px;
}

.footer a{
	color: #666666;
	text-decoration: none;
}

.footer a:hover {
	color: #111111;
	text-decoration: none;
}

/* DOWNLOADS */

.downloadbox {
	background: red;
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 20px 0;
	padding: 0 0 0 45px;
}

.downloadbox a {
	text-decoration: none;
	color: #666666;
}

.downloadbox a:hover {
	text-decoration: underline;
}

.downloadbox a strong {
	color: #000000;
}

.downloadbox.download {
	background: url('images/icon-download.png') no-repeat 0 5px;
}

.downloadbox.factsheet {
	background: url('images/icon-factsheet.png') no-repeat 0 5px;
}


/* contents */

p {
	margin: 0 0 20px 0;
}

p.infoblock {
	background: url('images/icon-info.png') no-repeat 0 5px;
	padding: 0 0 0 45px;
}
p.infoblock strong {
	color: #000000;
}

a.backlink {
	margin: -45px 0 0 0;
}

.col1 ul,
.col2 ul {
	margin: 0;
	padding: 0;
	list-style-image: url('images/bullet.png');
}

.col1 ul li,
.col2 ul li {
	margin: 0 0 10px 20px;
	padding: 0;
}

/* referenzen */

table.referenzen {
	border: 0;
	width: 100%;
}

table.referenzen tr.odd {
	background: #f2f7fa;
}

table.referenzen tr.even {
	background: #ffffff;
}

table.referenzen tr td {
	padding: 7px 20px;
	height: 120px;
}

table.referenzen tr td.first {
	width: 130px;
	text-align: center;
}

table.referenzen h3 {
	margin: 0;
	font-size: 14px;
	color: #006699;
}


/* addons col2 */

.col2 .lightboxoverview.small {
	width: 280px;
	margin: 0 0 20px 0;
}

.col2 .lightboxoverview.small a {
	margin: 0 7px 0px 0;
	padding: 0 0 10px 0;
}

.col2 .label {
	width: 100px;
	float: left;
	margin: 0 0px 7px 0;
	padding: 5px;
	color: #999999;
	font-size: 12px;
}

.col2 .description {
	width: 150px;
	float: left;
	margin: 0 0 7px 0;
	padding: 5px;
	font-size: 12px;
}

.col2 .odd {
	background: #f2f7fa;
}

.simpletable {
	border: 1px solid #dadada;
	padding: 5px;
	margin: 0 0 25px 0;
}

.simpletable td {
	padding: 5px;
	background: #f2f7fa;
}

.simpletable tr.odd td {
	background: #ffffff;
}









/* karte */

.deutschlandkarte {
	background: url('images/karte.jpg') no-repeat;
	width: 445px;
	height: 573px;
	position: relative;
}

.deutschlandkarte.blank {
	background: none;
}

.deutschlandkarte .bubble { /* generell fuer alle bubbles */
	position:absolute;
	width: 120px;
	height: 120px;
	text-align:center;
	overflow:visible;
	cursor:default;
	/* background: url('images/icon-fadenkreuz.png') no-repeat center center; */
}

.deutschlandkarte .bubble p {
	margin:80px 0 0 0;
	padding:0; 
	font-size:13px;
	color:#ffffff;
	position:relative;
	opacity:0;
	font-weight: bold;
	z-index:10;
}

.deutschlandkarte .circle { 
	position:absolute; 
	width:15px; 
	height:15px; 
	background:#006699; 
	border-radius:70px; 
	-moz-border-radius:70px; 
	-webkit-border-radius:70px; 
	opacity:0;
}

.deutschlandkarte .bubble .icon {
	overflow:hidden; 
	position:absolute; 
	z-index:2 !important;
	z-index:10;
}

.deutschlandkarte .bubble .icon_on { 
	overflow:hidden;
	opacity:0;
	width:120px; 
	height:120px;
	z-index:10;
}

.stoerer-bionade {
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}

/* wappen */
.xBerlin .icon_on 		{ background: url('images/icon_berlin.png') no-repeat 30px 15px; }
.xBonn .icon_on 		{ background: url('images/icon_bonn.png') no-repeat 30px 15px; }
.xBremen .icon_on 		{ background: url('images/icon_bremen.png') no-repeat 30px 15px; }
.xDortmund .icon_on 	{ background: url('images/icon_dortmund.png') no-repeat 30px 15px; }
.xDresden .icon_on 		{ background: url('images/icon_dresden.png') no-repeat 30px 15px; }
.xDuisburg .icon_on 	{ background: url('images/icon_duisburg.png') no-repeat 30px 15px; }
.xDuesseldorf .icon_on 	{ background: url('images/icon_duesseldorf.png') no-repeat 30px 15px; }
.xFrankfurt .icon_on 	{ background: url('images/icon_frankfurt.png') no-repeat 30px 15px; }
.xHamburg .icon_on	 	{ background: url('images/icon_hamburg.png') no-repeat 30px 15px; }
.xHannover .icon_on 	{ background: url('images/icon_hannover.png') no-repeat 30px 15px; }
.xKarlsruhe .icon_on 	{ background: url('images/icon_karlsruhe.png') no-repeat 30px 15px; }
.xKiel .icon_on 		{ background: url('images/icon_kiel.png') no-repeat 30px 15px; }
.xKoblenz .icon_on 		{ background: url('images/icon_koblenz.png') no-repeat 30px 15px; }
.xKoeln .icon_on 		{ background: url('images/icon_koeln.png') no-repeat 30px 15px; }
.xMainz .icon_on 		{ background: url('images/icon_mainz.png') no-repeat 30px 15px; }
.xMagdeburg .icon_on 	{ background: url('images/icon_magdeburg.png') no-repeat 30px 15px; }
.xMannheim .icon_on 	{ background: url('images/icon_mannheim.png') no-repeat 30px 15px; }
.xNuernberg .icon_on 	{ background: url('images/icon_nuernberg.png') no-repeat 30px 15px; }
.xPassau .icon_on 		{ background: url('images/icon_passau.png') no-repeat 30px 15px; }
.xRegensburg .icon_on 	{ background: url('images/icon_regensburg.png') no-repeat 30px 15px; }
.xSaarbruecken .icon_on { background: url('images/icon_saarbruecken.png') no-repeat 30px 15px; }
.xStuttgart .icon_on { background: url('images/icon_stuttgart.png') no-repeat 30px 15px; }
.xTrier .icon_on 		{ background: url('images/icon_trier.png') no-repeat 30px 15px; }


/* positionierung bubble */
.xBerlin 		{ margin:130px 0 0 305px; }
.xBonn 			{ margin:265px 0 0 23px; }
.xBremen 		{ margin:82px 0 0 110px; }
.xDortmund 		{ margin:207px 0 0 44px; }
.xDresden 		{ margin:238px 0 0 327px; }
.xDuisburg 		{ margin:212px 0 0 22px; }
.xDuesseldorf 	{ margin:232px 0 0 23px; }
.xFrankfurt 	{ margin:298px 0 0 100px; }
.xHamburg 		{ margin:52px 0 0 159px; }
.xHannover 		{ margin:152px 0 0 108px; }
.xKarlsruhe 	{ margin:388px 0 0 86px; }
.xKiel 			{ margin:2px 0 0 170px; }
.xKoblenz 		{ margin:288px 0 0 56px; }
.xKoeln 		{ margin:250px 0 0 28px; }
.xMainz 		{ margin:320px 0 0 74px; }
.xMagdeburg 	{ margin:156px 0 0 246px; }
.xMannheim 		{ margin:342px 0 0 93px; }
.xNuernberg 	{ margin:352px 0 0 216px; }
.xPassau 		{ margin:421px 0 0 321px; }
.xRegensburg 	{ margin:392px 0 0 264px; }
.xSaarbruecken 	{ margin:365px 0 0 22px; }
.xStuttgart 	{ margin:402px 0 0 130px; }
.xTrier 		{ margin:335px 0 0 4px; }