/* ***************************************************
* CSS Document für Deutsche-Ostseeküste.de
* Author: SwiftLizard :: Chris@swift-lizard.com
* Projectmanagement: Sitegeist Mediasolutions GmbH
*************************************************** */

/* ***************************************************
* Basisformatierungen
*************************************************** */
body {
	background-color: #FFFFFF;
	background-image: url(../images/gif/background_alt.gif);
	margin: 0px 0px 0px 0px;
	background-repeat: repeat-y;
	background-position: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #33507B;
}
#MenuColumn{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 185px;
}
#contentContainer{
	position:absolute;
	top: 0px;
	left: 185px;
	width: 811px;
}
/* ***************************************************
* Basisformatierungen linke Seite
*************************************************** */

#versionSwitch{
	width: 185px;
	height: 13px;
	background-color: #99BAE0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 6px;
}

#versionSwitch a{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: 20%;	
}

#logo{
	width: 185px;
	height: 156px;
}

#navigation{
    width: 185px;
	margin: 0;
	padding: 0;
}
/* ***************************************************
* Basisformatierungen Rechte Seite
*************************************************** */

#Flashheader{
	position: relative;
    padding: 0px 0px 0px 0px;
}
#landkarte{
	position: relative;
    padding: 0px 0px 2px 0px;
}
#topDeco{
	position: relative;
    width: 811px;
	height: 39px;
	background-image: url(../images/jpg/dok_bogen.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content{
	position: relative;
	padding: 15px 0px 10px 20px;
}
#footer{
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 5px 20px 0px 20px; 
}

/* ***************************************************
* Textformatierungen
*************************************************** */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0 em;
	font-weight: bold;
	color: #606D38;
	background-image: url(../images/jpg/dok_headline_corner.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 24px;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
}
#left2ColumnText h2,#right2ColumnText h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0 em;
	font-weight: bold;
	color: #33507B;
	margin: 0;
	padding: 0;
}
#leftColumnText h2, #middleColumnText h2, #rightColumnText h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #33507B;
	margin: 0;
	padding: 0;
}
#leftColumnText h2, #middleColumnText h2, #rightColumnText h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #33507B;
	margin: 0;
	padding: 0;
	text-decoration:none;
}
#leftColumnText h2 a:hover, #middleColumnText h2 a:hover, #rightColumnText h2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #33507B;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}
#headlineAdresse h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1 em;
	font-weight: bold;
	color: #33507B;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

#text, #textContent, #teasertextContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8 em;
	color: #33507B;
	text-decoration: none;
}


#link a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #33507B;
	text-decoration: underline;
}

#link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #33507B;
    font-size: 0.8em;
	text-decoration: none;
	margin: 5px 0px 8px 0px;
}

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #33507B;
	text-align:center;
	text-decoration:none;
	
}

#footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #33507B;
	text-align:center;
	text-decoration:none;
}

#footer a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #33507B;
	text-align:center;
	text-decoration:underline;
}

/* ***************************************************
* 3 Spalten Layout
*************************************************** */

#tabelle3columns{
	position:relative;
	width: 795px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/gif/bg_3columns.gif);
	background-repeat: repeat-y;
}



#left3columns{
	float:left;
	width: 385px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

#middle3columns{
	float:left;
	width: 195px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#right3columns{
    float:left;
	width: 195px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#leftColumnText, #middleColumnText, #rightColumnText{
	font-family: Arial, Helvetica, sans-serif
	font-size: 0.8 em;
	color: #33507B;
}
#leftColumnText a, #middleColumnText a, #rightColumnText a{
	font-family: Arial, Helvetica, sans-serif
	font-size: 0.8 em;
	color: #33507B;
    text-decoration: none;
}
#leftColumnText a:hover, #middleColumnText a:hover, #rightColumnText a:hover{
	font-family: Arial, Helvetica, sans-serif
	font-size: 0.8 em;
	color: #33507B;
    text-decoration: underline;
}

#leftColumnText{ margin: 0px 15px 10px 0px; }
#middleColumnText{margin: 0px 15px 10px 15px;}
#rightColumnText{margin: 0px 15px 10px 15px;}

/* ***************************************************
* 2 Spalten Layout
*************************************************** */

#tabelle2columns{
	position:relative;
	width: 775px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/gif/bg_2columns.gif);
	background-repeat: repeat-y;
}

#left2columns{
	float:left;
	width: 580px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#right2columns{
    float:left;
	width: 195px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#left2ColumnText,#right2ColumnText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8 em;
	color: #3C5E91;
}

#left2ColumnText{ margin: 0px 30px 10px 0px; }
#right2ColumnText{margin: 0px 0px 10px 15px;}

/* ***************************************************
* Adresscontainer Layout
*************************************************** */

#adressetabelle2columns{
	position:relative;
	width: 775px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/gif/dotted_bgLine_adresse_2.gif);
	background-repeat: repeat-y;
}

#adresseleft2columns{
	float:left;
	width: 388px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#adresseright2columns{
    float:left;
	width: 387px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#adresseleft2ColumnText,#adresseright2ColumnText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8 em;
	color: #3C5E91;
}
#adresseleft2ColumnText{margin: 0px 15px 10px 0px; }
#adresseright2ColumnText{margin: 0px 0px 10px 15px;}

#headlineAdresse {
	width: 250px;
	margin: 0px 20px 5px 0px;
}

#adresse{
	margin: 5px 0px 15px 0px;
    width: 368px; 
}

#adressbild{
    float:right;
	padding: 0px 0px 6px 5px;
}
#adresstextContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8 em;
	color: #33507B;
	text-decoration: none;
}
/* ***************************************************
* Text mit Bild Layout
*************************************************** */
#imageText{
	width:320px;
	float:right;
	padding: 0px 0px 6px 20px;
}

#textImageContent{
    positon: absolute;  
	margin: 0px 0px 10px 0px;
}
#gHeadlineText2 {
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 2px 0px;
	width: 400px;
}
/* ***************************************************
* Emailformular Layout
*************************************************** */
#emailtabelle2columns{
	position:relative;
	width: 780px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../alt/images/gif/dotted_bgLine_adresse.gif);
	background-repeat: repeat-y;
}

#emailleft2columns{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#emailformsubhead{
	margin: 8px 0px 8px 0px;
}
#emailleftColumnText ,#emailleftColumnTextM ,#emailleftColumnTextR{
	position:relative;
	float:left;
	width: 252px;
height: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3C5E91;
	margin:0px 0px 0px 6px;
}
#emailRow{
	position:relative;
	width: 252px;
}
#emailformfirst{
	position: relative;
	width: 110px;
	float: left;
	margin: 0px 0px 6px 0px;
}
#emailformsecond{
	position:relative;
	width: 130px;
	float: left;
	margin: 0px 0px 6px 0px;
}
#emailformfirstM{
	position: relative;
	width: 40px;
	float: left;
	margin: 0px 0px 6px 0px;
}
#emailformsecondM{
	position: relative;
	width: 212px;
	float: left;
	line-height: 20px;
	margin: 0px 0px 6px 0px;
}
#emailformfirstButtonM{
	position: relative;
	width: 126px;
	float: left;
	margin: 0px 0px 6px 0px;
}
#emailformsecondButtonM{
	position: relative;
	width: 126px;
	float: left;
	margin: 0px 0px 6px 0px;
}
#emailformfirstR{
	margin: 0px 0px 6px 0px;
}
.formfield{
	background-color: #FFFFFF;
	border: 1px solid #7592BD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #446899;
	width: 125px;
	height: 18px;
}
#emailleftColumnTextR a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3C5E91;
}
/* ***************************************************
* 2 Spalten Text mit BildLayout
*************************************************** */

#textBild{
	position:relative;
	width: 775px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#lefttextBild{
	float:left;
	width: 455px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#righttextBild{
	float:left;
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#lefttextBildText,#righttextBildText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8 em;
	color: #3C5E91;
}

#lefttextBildText{ margin: 0px 30px 10px 0px; }
#righttextBildText{margin: 0px 0px 10px 15px;}
/* ***************************************************
* Flashheader alternative Layout
*************************************************** */
#FlashheaderAlt{
	color: #FFFFFF;
	position:relative;
	width: 811px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#container1, #container2, #container3{
	font-size: 0.55em;
	float:left;
	width: 203px;
}
#container4{
	font-size: 0.55em;
	float:left;
	width:202px;
}
#headline1{
	height: 13px;
	background-color: #6085B9;
	text-align: right;
	padding: 2px 5px 2px 0px;
}
#headline2{
	height: 13px;
	background-color: #4A6FA4;
	text-align: right;
	padding: 2px 5px 2px 0px;
}
#headline3{
	height: 13px;
	background-color: #3C5D90;
	text-align: right;
	padding: 2px 5px 2px 0px;
}
#headline4{
	height: 13px;
	background-color: #476FAC;
	text-align: right;
	padding: 2px 5px 2px 0px;
}