/* 
	Bezeichnung:		ofl_layout.css (main stylesheet) 
	Projekt: 			ostseeferienland.de
	Datum: 				31.07.08
	Autor: 				Jörg Harling
*/

/************************************/
/* Carsten Kube Klassen             */
/************************************/

.randabstand {
  padding-left: 4px;
  padding-right: 4px;
}

.abstandoben {
  margin-top: 20px;
}

.minutehoch {
  vertical-align:25%;
  font-size:9px;
}

/************************************/
/*         Diverse Elemente         */
/************************************/

a.pdflink {
	background:url(/bitmaps/pdf_icon.jpg) left center no-repeat;
	padding-left:20px;
}

/******* GG-Orts-Links ********/

#ortlinks {
	float:right;
	width:65%;
	margin-bottom:30px;
}

#ortlinks a.ggort:link, #ortlinks a.ggort:visited {
	background:#89BCFB;
	display:block;
	padding:6px 0px 6px 0px;
	text-align:center;
	color:#FFF;
	width:100%;
	margin-bottom:6px;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
}

#ortlinks a.ggort:hover {
	background:#77AEEF;
}


/*****************************/


/******* Camping-Seite ****/

#button1, #button2, #button3, #button4, #button5, #button6 {
	background:url(/bitmaps/acc_pfeil2.gif) right center no-repeat;
	display:block; 
	height:auto;
	padding-right:25px;
	position:absolute;
	left:10px;
	bottom:10px;
	color:#004B80;
	font-size:14px;
	font-weight:bold;
}

#button1.SimpleToggleElementClosed, #button2.SimpleToggleElementClosed, #button3.SimpleToggleElementClosed, #button4.SimpleToggleElementClosed, #button5.SimpleToggleElementClosed, #button6.SimpleToggleElementClosed {
	background:url(/bitmaps/acc_pfeil.gif) right center no-repeat;
}


.camptoggler {
	text-align:left; 
	background:#E2E2E2; 
	border:none; 
	position:relative;
	cursor:pointer;
}

.camptoggler h6 {
	font-weight:normal;	
}

.campbox {
	margin-bottom:5px;	
}


/*****************************************/



.windwasser {
	background:#92CCF2; 
	display:block;
	height:505px; 
	width:120px; 
	float:left; 
	padding:8px; 
	text-align:center;
	color:#005EA2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/***** Buchungsformular ****/

#bf_anreise_btn, #bf_abreise_btn {
	margin-right:20px;
}

table.formstyle td {
	background:#EBEBEB;
	padding:10px;
}

table.formstyle td.col1 {
	background:#E2E2E2;
	padding:10px;
	font-size:13px;
}

table.formstyle input, table.formstyle textarea {
	border:1px solid #9C7957;
	margin-bottom:5px;
}

*html table.formstyle input, table.formstyle textarea {
	margin-bottom:0px;
}

table.formstyle div.ausst {
	float:left; 
	width:170px; 
	display:block;
}

table.formstyle input.check {
	border:0px;
}

#content input.check, #content input.radio {
	border:0px;
}

table.formstyle select {
	margin-top:3px;
	margin-bottom:5px;
}

table.formstyle input.submit {
	border:1px solid #fff;
	background:#444444;
	color:#fff;
	padding:3px 10px;
	font-weight:bold;
}

table.formstyle span.tab115 {
	width:115px;
	display:block;
	float:left;
}
/******************************/


#font_print {
	width:69px;
	height:18px;
  position:absolute;
  top: 298px;
  z-index: 100;
  display: block;
	margin-left:383px;
	left:50%;
}

.anmerkungen{
	color:red;
	font-size:16px;
	font-style:italic;
}

#content ul li {
	list-style-image:url(../bitmaps/listicon2.gif);
	margin-bottom:5px;
	margin-left:-15px;
}

a, img {
	border:0;
}

.clearfix {
	clear:both;
}

hr {
	background:#dddddd;
	color:#dddddd;
	border:0px;
	height:1px;
}

.innerbox_grau_c {
	width:100%;
	padding:2px 0px; 
	text-align:center; 
	background:#dfdfdf;
}

.innerbox_grau_l {
	width:100%; 
	padding-left:2px; 
	padding-top:2px;
	padding-bottom:2px;
	text-align:left; 
	background:#dfdfdf;
}

/************************************/
/*           Span-Tabs              */
/************************************/

span.tab50 {
	display:block;
	float:left;
	width:50px;
}

span.tab140 {
	display:block;
	float:left;
	width:140px;
}

span.tab160 {
	display:block;
	float:left;
	width:160px;
}

span.tab200 {
	display:block;
	float:left;
	width:200px;
}

span.tab240 {
	display:block;
	float:left;
	width:240px;
}

/************************************/
/*           Google-Karte           */
/************************************/

#mapContainer {
  position: absolute;
  visibility:visible;
  margin:0px;
	background-color: transparent;
  z-index:102;
  overflow: hidden;
}

#mapCloseBtn {
	width:118px; 
	height:18px;
	display:block;
  z-index:103;
  margin: 0px 0px 0px auto;
}

#mapInnerContainer {
	position: relative;
  width:800px;
	height:550px;
	background:#FFFFFF;
	padding:10px;
  margin: 0 0 0 auto;
	border:4px solid #dddddd;
	z-index:103;
}

#mapTabContainer {
  margin-bottom: 10px;
  position: relative;
  width:800px;
  height:auto;
	clear:both;
}

#mapContent {
	position:relative;
	overflow:hidden;
  width:800px;
  height:auto;
  border:1px solid #dddddd;
	clear:both;
}

#innermaps {
  margin:0;
  padding:0;
  width:800px;
}

#mapDetail {
	width:100%;
  position:absolute;
  margin-top: 150px;
  background: #ffffff;
  z-index: 405;
  border:1px solid #dddddd;
  display: none;
}

#mapCloseDetailBtn {
  width:135px; 
  height:18px;
  display:block;
  z-index:103;
  margin: 0px 0px 0px auto;
}

#mapDetailContent {
  height:382px;
  border:0px;
}

/*******************************************/
/*    Inhaltsformatierungen//Text/Farben   */
/*******************************************/

.weisshead {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}

.auszblau {
	color:#416aa5;
	font-weight:bold;
}

.blau {
	color:#416aa5;
}

.blaumid {
	color:#416aa5;
	font-size:14px;
}

.orange {
	color:#e37124;
}

.azurblau {
	color:#45A3D9;
}

.lila {
	color:#6f17ae;
}

.gruen {
	color:#38982b;
}

.rot {
	color:#CC0000;
}

.weiss {
	color:#ffffff;
}

.med {
	font-size:14px;
}

.big {
	font-size:16px;
}

.gold {
	color:#988e6a;
}



/************************************/
/*         Tabellenklassen          */
/************************************/

td.anghead {
	padding:16px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(/bitmaps/angebot.jpg) top right no-repeat #004B80;
}

td.kopf1 {
	border-top:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	padding:10px;
	text-align:center;
	margin-bottom:10px;
}

td.grau1 {
	padding:8px 5px;
	background:#ebebeb;
}

table.kontaktform td {
	padding:5px;
	background:#ebebeb;
}

table.kontaktform input, table.kontaktform textares{
	padding:2px;
}

table.kontaktform input.submit{
	font-weight:bold;
}

td.grau1_10, div.grau1_10 {
	padding:10px;
	background:#ebebeb;
}

td.grau1_10_nopad {
	background:#ebebeb;
	padding:5px;
}

td.grau2 {
	padding:8px 5px;
	background:#e2e2e2;
}

td.grau2_nopad {
	background:#e2e2e2;
}

td.grau2_10, div.grau2_10 {
	padding:10px;
	background:#e2e2e2;
	overflow:hidden;
}

td.grau2_10 {
	padding:10px;
	background:#e2e2e2;
	overflow:hidden;
}

.bordergrey {
	border-bottom:3px solid #ebebeb;
}

td.nobox {
	display: none;
}

/************************************/
/*          Überschriften           */
/************************************/

h1 {
	margin:0px 0px 20px 0px;
	color:#666666;
	font-size:28px;
}

h2 {
	margin:0px 0px 28px 0px;
	color:#666666;
	font-size:22px;
}

h3 {
	margin:0px 0px 20px 0px;
	line-height:22px;
	color:#666666;
	font-size:18px;
}

/***** Headline-Auszeichnungen ****/

h3.weiss {
	margin:0px 0px 20px 0px;
	line-height:22px;
	color:#ffffff;
	font-size:18px;
}

.kat1 {
	color:#faaa0a;
}

.kat2 {
	color:#a0363b;
}

.kat3 {
	color:#416aa5;
}

.kat4 {
	color:#004b80;
}

.kat5 {
	color:#0ea54a;
}

.kat6 {
	color:#62bb47;
}

span.subhead {
	font-size:17px;
	line-height:18px;
	font-weight:normal;
	margin-top:10px;
	display:block;
}

/***** Headline-Auszeichnungen ****/

h4 {
	margin:0px 0px 15px 0px;
	color:#666666;
	font-size:16px;
}

h5 {
	margin:0px 0px 10px 0px;
	color:#666666;
	font-size:14px;
}

h6 {
	margin:0px 0px 3px 0px;
	color:#666666;
	font-size:13px;
}


/************************************/
/*           Bilderklassen          */
/************************************/

/**** Picture-Box für kleine Bilder *****/
.pbox_small {
	width:268px;
	height:auto;
	position:relative;
	margin-bottom: 15px;
}

*html .pbox_small {
	padding-left:20px;
}

.pbox_small span {
	position:absolute;
	display:block;
	height:16px;
	width:268px;
	right:0px;
	bottom:0px;
	margin-bottom: -26px;
	background:url(../bitmaps/schatten_small.jpg) no-repeat;
}
/**** Picture-Box für kleine Bilder *****/

/**** Picture-Box für mittlere Bilder *****/
.pbox_med {
	width:320px;
	height:auto;
	position:relative;
	margin-bottom: 15px;
}

.pbox_med span {
	position:absolute;
	display:block;
	height:16px;
	width:320px;
	right:0px;
	bottom:0px;
	margin-bottom: -26px;
	background:url(../bitmaps/schatten_med.jpg) no-repeat;
}
/**** Picture-Box für mittlere Bilder *****/

/**** Picture-Box für große Bilder *****/
.pbox_big {
	width:470px;
	height:auto;
	position:relative;
	margin-bottom:: 15px;
}

.pbox_big span {
	position:absolute;
	display:block;
	height:16px;
	width:470px;
	right:0px;
	bottom:0px;
	margin-bottom: -26px;
	background:url(../bitmaps/schatten_big.jpg) no-repeat;
}
/**** Picture-Box für große Bilder *****/

/**** Picture-Box für große Bilder *****/
.pbox_full {
	width:722px;
	height:auto;
	position:relative;
	margin-bottom:: 15px;
	clear:both;
}

.pbox_full span {
	position:absolute;
	display:block;
	height:16px;
	width:722px;
	right:0px;
	bottom:0px;
	margin-bottom: -26px;
	background:url(../bitmaps/schatten_full.jpg) no-repeat;
}
/**** Picture-Box für große Bilder *****/


.bildbeschreibung {
	position:absolute;
	margin-right:20px;
	display:block;
	right:0;
	width:auto;
	padding: 1px 10px;
	margin-bottom:5px;
	color:#2B5790;
	font-weight:bold;
	background-color:#FFFFFF;
}


.imgfloatleft {
	float:left;
	margin: 0px 20px 10px 0px;
}

.imgfloatright {
	float:right;
	margin: 0px 0px 10px 20px;
}

.mainborder {
	border:1px solid #C4DEFF;
	padding:8px;
}

.thicborder {
	border:6px solid #EBEBEB;
	padding:8px;
}

.angborder {
	border:6px solid #ffffff;
}


/************************************/
/*        Haupt-link-Klassen        */
/************************************/

#content a:link {
	color:#00386A;
	font-weight:bold;
	text-decoration:underline;
}

#content a:hover {
	color:#4068A3;
	text-decoration:none;
}

#content a:visited {
	color:#518dc3;
	font-weight:bold;
	text-decoration:underline;
}


#footer a:link, #footer a:visited {
	color:#004880;
	font-size:10px;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/************************************/
/*        Formularelemente          */
/************************************/

#content input, #content select, #content textarea {
	border:1px solid #adadad;
	font-size:12px;
}

#content form {
	margin:0;
	padding:0;
}


/************************************/
/*        Formuleingabe/Fehler      */
/************************************/

span.fehler {
        color:#DD0000;	
	font-weight:bold;
}

#content input req, #content textarea req {
        border-right: 3px;
  	border-right-color: #DD0000;
  	border-right-style: solid;
  	border-right-width: 3px; 
	
}

.fehlerbox {
	width: 688px;
	padding:10px;
	border:2px solid #ec1c24;
	text-align:center;
	margin-bottom:10px;
	color:#ec1c24;
	font-weight:bold;
}


/************************************/
/*          Seitenlayout            */
/************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	background:url(../bitmaps/bg_body.jpg) top repeat-x;
	margin:0;
	font-size:12px;
}

#container_bg {
	background:url(../bitmaps/bg_content2.jpg) left top repeat-y;
	text-align:left;
	width:958px;
	height:auto;
	display:block;
	margin: 0 auto;
}

#container_cont {
	background:url(../bitmaps/bg_main2.jpg) left top no-repeat;
	text-align:left;
	width:958px;
	min-height:520px;
	height:auto;
	padding-top:338px;
	clear:both;
	display:block;
	margin:0;
}

*html #container_cont {
	height:520px;
}

#content_head {
	width:722px;
	clear:both;
	margin-bottom:10px;
	height:20px;
	display:block;
	padding: 20px 0px 10px 16px;
}

#content {
	width:738px;
	height:auto;
	display:block;
	float:left;
	/* Schriftstil content */
	color:#333333;
	line-height:18px;
	/************************/
	padding-bottom:12px;
}

#content_pad {
	width:722px;
	padding: 10px 0px 0px 16px;
	height:auto;
	display:block;
	float:left;
}

#watermark {
	display:none;
}

#flashbanner {
	width:734px;
	height:210px;
	display:block;
	margin-left:-274px;
	position:absolute;
	left:50%;
	top:106px;
}

#backhome {
	width:170px;
	height:70px;
	display:block;
	margin-left:264px;
	position:absolute;
	left:50%;
	top:15px;
}

#mainnav {
	z-index:2;
	position:absolute;
	left: 50%;
	top:96px;
	width:166px;
	height:auto;
	margin-left:-460px;
	display:block;
}

#sidebar {
	width:166px;
	height:auto;
	padding-left:19px;
	margin-right:9px;
	display:block;
	float:left;
}

#footer {
	background:url(../bitmaps/footer2.jpg) no-repeat #ffffff;
	width:958px;
	height:30px;
	clear:both;
	padding-top: 8px;
	text-align:right;
}