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


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

#font_print {
  display: none;
}

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

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

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.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;
}


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

.blau {
	color:#416aa5;
}

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

.orange {
	color:#e37124;
}


.lila {
	color:#6f17ae;
}

.gruen {
	color:#38982b;
}

.rot {
	color:#CC0000;
}

.med {
	font-size:14px;
}

.big {
	font-size:16px;
}


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

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;
}

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

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

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

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

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

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

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;
}

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

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

h3.kat3 {
	margin:0px 0px 20px 0px;
	line-height:26px;
	color:#004b80;
	font-size:18px;
}

h3.kat4 {
	margin:0px 0px 20px 0px;
	line-height:22px;
	color:#416aa5;
	font-size:18px;
}

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

h3.kat6 {
	margin:0px 0px 20px 0px;
	line-height:22px;
	color:#62bb47;
	font-size:18px;
}

h3 span {
	margin:0px 0px 20px 0px;
	font-size:28px;
	line-height:30px;
}
/***** Headline-Auszeichnungen ****/

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

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


/************************************/
/*           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;
}


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

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

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

a.ort, a.ort:link, a.ort:visited {
	border-top:1px solid #ffb804;
	border-bottom:3px solid #ffb804;
	background:#ffffff;
	display:block;
	color:#004b80;
	width:230px;
	padding:6px 0px; 
	text-align:center;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

a.ort:hover {
	background:#fde9b5;
}

#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;
}

/************************************/
/*          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;
}

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

*html #container_cont {
	height:520px;
}

#content_head {
	display:none;
}

#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:block;
	width:139px;
	height:100px;
}

#flashbanner {
	display:none;
}

#backhome {
	display:none;
}

#mainnav {
	display:none;
}

#sidebar {
	display:none;
}

#footer {
	display:none;
}