/* 
   Universal Reset (http://meyerweb.com/eric/tools/css/reset/)
------------------------------------------------------------------- */

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, 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; } 
	
:focus { 
	outline: 0; } 
	
ins { 
	text-decoration: none; } 
	
del { 
	text-decoration: line-through; }
	
table { 
	border-collapse: collapse; 
	border-spacing: 0; }


/* 
   General 
------------------------------------------------------------------- */

html {
	font-size: 62.5%; /* reset 1em to 10px */
	height: 100%;
}

body {
	background-color:#FFFFFF; 
	color:#777777; 
	font-weight: normal;
	/*font-size: 1.3em;
	line-height:1.4em;*/
	font-family: 'Arial', Helvetica, serif;
	font-size:12px;
	line-height:17px;
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

.js_iActObj {
	cursor:pointer;
}

.flash-replaced .alt {
	display:none;
}

.hidden {
	display:none;
}

a img,
a img:hover {
	border:0;
	text-decoration:none;
}


/* 
   Typography 
------------------------------------------------------------------- */

p {
	line-height: 1.4em;
	padding: 0.2em 0 1.2em;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin-bottom: 0.2em;
}

h1 {
	font-size:3em;
}

h2 {
	font-size:2.2em;
	margin-bottom:15px;
}

h3 {font-size:2em;}
h4 {font-size:1.8em;}
h5 {font-size:1.6em;}
h6 {font-size:1.2em;}



/* 
   Lists
------------------------------------------------------------------- */

ul,ol {
	margin-top:3px;
}


/* 
   Tables
------------------------------------------------------------------- */

td,th {
	padding-right:15px;
	padding-bottom:7px;	
	vertical-align:top;
	text-align:left;
}


/* 
   Links 
------------------------------------------------------------------- */

/* standard */
a {
	text-decoration:underline;
	color:#777777;
}

a:hover {
	text-decoration:none;
	background-color:#777777;
	color:#FFFFFF;
}

/* twitter */
#twitter_update_list a {
	color:#AAAAAA;
	text-decoration:none;
}

#twitter_update_list a:hover {
	color:#777777;
	background:transparent;
	text-decoration:none;
}

#twitter_update_list span a,
#twitter_update_list span a:hover {
	text-decoration:underline;
}

/* followLink */
.followLink {
	background:url("../img/link-arrow.png") no-repeat left;
	padding-left:16px;
}

.followLink:hover {

}

/* followLink */
.linkExt {
	background:url("../img/icon_linkextern_lo.png") no-repeat right;
	padding-right:16px;
}

.linkExt:hover {
	background-image:url("../img/icon_linkextern_hi.png");
}

/* ultraLink */
.ultraLink {
	background:#777777 url("../img/link-arrow.png") no-repeat 3px 2px;
	color:#FFFFFF;
	padding-left:18px;
	padding-right:5px;
	text-decoration:none;
}

.ultraLink:hover {
	color:#00FF00;
}

/* MetaNavi */
#frmMetaNavi a {
	color:#777777;
	text-decoration:none;
}

#frmMetaNavi a:hover {
	text-decoration:underline;
	background:transparent;
}

/* main Navi mainNav-links */
a.mainNav {
	line-height:28px;
	font-size:24px;
	color:#777777; 
  text-decoration:none;
  background:url(../img/underline_dark.gif) 0px 22px repeat-x;
}

a.mainNav:hover {
  background:url(../img/underline_green.gif) 0px 22px repeat-x;
}

a.mainNavAct, 
a.mainNavAct:hover {
  background:url(../img/underline_green.gif) 0px 22px repeat-x;
  position:relative; /* for inner pos */
}

/* main Navi subNav-links */
a.subNav {
	color:#777777; 
  text-decoration:none;
}

a.subNav:hover {
  background:url(../img/underline_dark.gif) 0px 14px repeat-x;
}

a.subNavAct, 
a.subNavAct:hover {
	color:#777777; 
  text-decoration:none;
  background:url(../img/underline_green.gif) 0px 14px repeat-x;	
  position:relative; /* for inner pos */
}

a img,
a:hover img {
	border:0;
	text-decoration:none;
}

#linkTryEightpage {
	display:block;
	width:159px;
	height:195px;
	margin-top:20px;
	background:url(../img/O_EIGHTPAGE/try_eightpage_lo.jpg);	
}

#linkTryEightpage:hover {
	background:url(../img/O_EIGHTPAGE/try_eightpage_hi.jpg);	
}

/* 
   Forms 
------------------------------------------------------------------- */
textarea, input, select {
	font-size:1em;
}

fieldset {
}

textarea {
	overflow: auto;
}

input.image {
	border: 0;
	padding: 0;
}

textarea, input, select {
	background-color:#FFFFFF; 
	color:#777777; /* muss explizit gesetzt werden */
	border:1px solid #CCCCCC;
	width:200px;
}

textarea {
	font-family: 'Segoe UI','Trebuchet MS',Charcoal,'Lucida Grande',sans-serif;	/* muss explizit gesetzt werden */
}

textarea {
	height:100px;
}

input[type=checkbox],
input[type=radio] {
	border:0; /* für opera & ie */
	width:20px !important;
}

input,
textarea
{
	margin-bottom:8px;
}


/* 
   Floats
------------------------------------------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.clr,
.clearer {
	clear: both;
}

.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}

/* 
   Cursor
------------------------------------------------------------------- */

.idLinkCursor {
	cursor:pointer;
}

.idZoomInCursor {
  cursor:url(../img/cursor_plus.gif), pointer;
}

.idZoomOutCursor {
  cursor:url(../img/cursor_minus.gif), pointer;	
}


/* 
   Layout
------------------------------------------------------------------- */

#frmMenuCol {
  font-family:'Times New Roman', Times, serif;	
  font-size:14px;
  overflow: auto;
  position: fixed;
  top:0;
  left:0;
  bottom:0;
  width: 235px;
}

#frmMainColContents {
  margin-left:235px;
  padding-top:122px;
  max-width:906px;
}

#frmMetaNavi {
	font-family:'Times New Roman', Times, serif;
	font-size:12px;
	border-top:1px solid #777777;
	margin-top:40px;
	padding-bottom:50px;
}

#frmMainColDescription {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 985px;  
  bottom: 0;
	width:290px; /* 220 + padding */
  height: 100%;
	background-color: #FFFFFF;
}

#frmMainColDetailcontents {
 /* overflow:hidden; */
  margin-left:235px;
  padding-top:122px;
  max-width:680px;
}


/* 
   general in contents
------------------------------------------------------------------- */


/* 
   Twitter
------------------------------------------------------------------- */

#twitter_update_list {
	list-style-type:none;
	margin:0;
	margin-bottom:10px;
	padding-left:0;
	font-style:italic;
}

#linkFollowTwitter {
	margin-top:5px;
}

#twitter_update_list li {
	margin-bottom:10px;
}

/* new twitter markup */
.twtr-hd {
	display:none;
}

.twtr-ft {
	display:none;
}

.twtr-reply {
	display:none;
}

.twtr-tweet-wrap {
	padding:0 !important;
}

.twtr-timestamp {
	display:inline-block;
	margin-top:10px;
}


/* 
   teaser cols
------------------------------------------------------------------- */

.startpageCol {
	float:left;
	margin-right:33px;
	width:280px;
	margin-bottom:20px; /* falls umbrochen und cosl untereinander */
}

.startpageColLast {
	margin-right:0;
}

.detailpageCol {
	width:220px;
	margin-bottom:20px;
}

.startpageCol p,
.detailpageCol p {
	margin-right:25px;
}

.startpageCol h2,
.detailpageCol h2 {
	font-size:12px;
	text-transform:uppercase;
	border-bottom:1px solid #777777;
	margin-bottom:0;
}

.startpageCol a:hover h2 {
	color:#777777;
}

.detailpageCol h3 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:0;
}

.imgTeaserCol {
	display:block;
	margin-top:10px;
	margin-bottom:14px;
}


/* 
   in: #frmMainColContents
------------------------------------------------------------------- */

.introText {
  font-family:'Times New Roman', Times, serif;	
  font-size:17px;
  line-height:20px;
  font-style:italic;
  width:650px;
}

.introText h1{
  font-size:22px;
  margin-bottom:0;
}

.startpageBigImg {
	display:block;
	margin-bottom:40px;
	margin-top:35px;
	width:100%;
}


/* 
   auf home
------------------------------------------------------------------- */
.twitterBlock {
	margin-top:60px;
	width:650px;
}

#hafenAniBox {
	margin-bottom:10px;
	margin-top:5px;
	width:586px;
	height:364px;
	position:relative;	
	left:-24px;
}


/* 
   in #frmMetaNavi
------------------------------------------------------------------- */

.imgAward {
	margin-right:5px;
	position:relative;
	top:7px;	
}

.metaNaviText {
	margin-right:10px;
	color:#AAAAAA;
}

.metaNaviDelimiter {
	margin-right:15px;
	margin-left:15px;
}

.langBtnHi {
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
	margin-left:5px;
	color:#464646;
	text-decoration:none;
	background-color:#777777;
	color:#FFFFFF;
	cursor:default;
}

/* 
   in #frmMenuCol
------------------------------------------------------------------- */

#boxLogo {
	margin-top:17px;
	margin-left:25px;
}

#boxNavi {
	margin-top:65px;
	margin-left:25px;
}

.boxSubNav {
	margin-top:8px;
	margin-bottom:10px;
}

.boxSubNavAct {
	display:block;
}

.subNav img,
.mainNav img {
	display:none;
}

.subNavAct img,
.mainNavActSelf img {
	display:inline;
	position:absolute;
	left:-14px;
	top:0;
}

.mainNavActSelf img {
	top:5px;
}

/* 
   in #frmMainColDescription
------------------------------------------------------------------- */

#frmMainColDescription .idContainer {
	margin-top:120px;
	padding-left:70px;
	padding-bottom:15px; /* muss per padding passieren */
	width:220px;
}

#frmMainColDetailcontents h1, 
#frmZoompop h1 {
	font-weight:bold;
	font-size:12px;
}

#frmMainColDescription h1 {
	font-weight:normal;
	font-size:15px;
	margin-bottom:8px;
}

#frmMainColDetailcontents #frmMetaNavi {
	width:100%;
}

/* 
   in #frmMainColDetailcontents
------------------------------------------------------------------- */

.idStartText {
	margin-top:30px;
	width:500px;
	font-family:'Times New Roman',Times,serif;
	font-style:italic;
	margin-bottom:40px;
	font-size:16px;
}

.idStartText.idStartTextNoImg {
	margin-top:0;
}

.idContentImg, 
.idContentFlash, 
.idContentText, 
.idClosePopupLink,
.idStartText 
{
	float:left;
	/* width:750px; */
}

.idContentImg img,
.idContentFlashAltImg img 
{
	width:100%;
}

.idContentImg img {
	position:relative;
	left:-5px;
}

.idContentText .idContentsAbove, 
.idContentText .idContentsAboveAfterText,
.idContentText .idContentsBeneathBeneath
{
	width:400px;
	margin-top:100px;
	margin-bottom:20px;
}

.idContentText .idContentsAboveAfterText {
	margin-top:0;
}

.idContentText .idContentsBeneathBeneath {
	margin-bottom:70px;
	margin-top:-30px;
}

.idContentText .idContentsBeneath {
	width:400px;
	margin-top:10px;
	margin-bottom:70px;
	font-style:italic;
}

.idContentsAwards .colLogos {
	float:left;
}

.idContentsAwards {
	margin-bottom:30px;
	font-style:italic;
	position:relative; /* damit über img */
}

.awardsExport {
	margin-top:-70px;
	position:relative;
	left:-20px;
}

.awardsExport .colLogos {
	width:160px;
}

.awardsExport .colInfo {
	width:350px;
}

.awardsRororo {
	margin-top:-30px;
	position:relative;
	left:-20px;
}

.awardsRororo .colLogos {
	width:80px;
}

.awardsRororo .colInfo {
	width:250px;
	padding-top:10px;
}


/* 
   OLD
------------------------------------------------------------------- */

.spanTelCol {
	display:inline-block;
	width:50px;
}

#contactFormError,
#contactFormSuccess {
	background-color:#CCCCCC;
	padding:5px;
}

.socialSpan {
	display:block;
}

.greenfont {
	color:#00FF00;
}

.idClosePopupLink {
	padding-left:70px;
	font-size:14px;	
	margin-bottom:50px;
	margin-top:10px;
}

.idClosePopupLink .idClosePopup {
	margin-left:15px;
}

.formList li {
  list-style: none;
}

.formList input, .formList textarea {
  width:190px;
  border:1px solid #777777;	
}
.formList textarea {
  height:100px;
}

#frmZoompop {
	margin:0;
	padding:0;
	position:absolute;
	background-color:#FFFFFF;
	width:100%;
}

#frmZoompop .idContainer {
	width:750px;
	margin-top:122px;	
	padding-left:70px;
}

.footnoteZiffer {
	color:#FFFFFF;
	background-color:#777777;
	font-style:normal;
	padding-left:4px;
	padding-right:4px;
}

.js_spacerContentEnd {
	float:left;
	width:100%;
	height:100px;
}

.idSpacerContentMiddle {
	float:left;
	width:100%;
	height:100px;
}

/* --- viewmode switch icon --- */
#RapportLink {
	font-family: 'Arial', Helvetica, serif;
	margin-top:15px;
	font-style:normal;
}

#ImgRapportLink {
	margin-left:10px;
}

/* --- kontakt --- */
.bigQuote {
	display:block;
	font-style:italic;
	margin-bottom:5px;
}

.quoteAuthor {
	color:#999999;
}

.imgSocialLogo {
	vertical-align:middle;
	margin-right:10px;
	margin-bottom:5px;
}

/* --- special flash --- */
.contentFlashExportBlaetterer {
	margin-bottom:40px;
}

.contentFlashExportBarcode {
	margin-bottom:10px;
}