/*  Camping-Ostsee.de - Stylesheet

	Datum: 11.03.2009
	Autor: Jörg Harling

*/

/************************************/
/*      Browser-Reset-Funktion       */
/************************************/

html, body, div, h1, h2, h3, h4, h5, h6, 
ul, ol, dl, li, dt, dd, p, blockquote, 
pre, form, fieldset, table, th, td { 
	margin: 0; padding: 0; 
}  

font {
	font-size: 13px;
}

/************************************/
/*      Inhaltsformatierungen       */
/************************************/

a.facebooklink:link, a.facebooklink:visited {
	position:absolute; 
	margin: 3px 0px 0px 137px;
	color:#3B5997; 
	font-size:10px;
	text-decoration:none;
}

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

#newslettername {
  display: none;
}

/*********** Hauptparagraph für Inhalt ***********/
#content div.innercont {
	line-height:16px;
}
/*************************************************/

.campingplatz td {
	padding:5px;
}


.fehler {
   color:#ff0000;
}

td.orange{
	background-color:#ffbb55;
	padding: 5px;
}

td.gelb{
	background-color:#ffcc66;
	padding: 5px;
}

small {
	font-size:11px;
}

/*.fontbig {
	font-size:15px;
	line-height:20px;
}*/

#platzansicht{
	background-image:url(../bitmaps/platzansicht.gif);
	border: #FF9933 solid 3px;
	width: 640px;
	height: 807px;
	display:block;
}

#platzansicht a: hover {
	background-image: url(../bitmaps/)
 }

#content ul li {
	list-style-image:url(../bitmaps/listicon.gif);
	margin-top:7px;
	margin-left:25px;
}

#content a:link {
	font-weight:bold;
	color:#EF542C;
	text-decoration:none;
}

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

#content a:visited {
	color:#ed7b5e;
	text-decoration:none;
}

hr {
	color:#EF542C;
	height:1px;
	border:1px dotted #EF542C;
	margin:20px 0px;
}

a, img {
	border:0;
}

#container img.noborder {
	border:0;
	padding:0;
}

.cs_rot {
	color:#F05A1D;
}

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

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

#container img {
	padding:3px;
	border: 2px dotted #EF542C;
}

#sidebar img {
	padding:0;
	border: 1px dotted #EF542C;
}

#sidebar img .noborder {
	padding:0;
	border: 1px dotted #EF542C;
}

#sidebar h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	font-size:16px;
	padding-left:10px;
	color:#fef15b;
	padding-bottom:0px;
	margin:0px 0px 5px 0px;
	background:url(../bitmaps/sidebar_header.gif) top left no-repeat;
}

#sidebar h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	font-size:14px;
	padding-left:5px;
	padding-top:4px;
	color:#fef15b;
	padding-bottom:0px;
	margin: 0px 0px 5px 0px;
	width:220px;
	height:20px;
	background:url(../bitmaps/sidebar_header.gif) top left no-repeat;
}

.sidebar_box1, .sidebar_box2  {
	background:#FFC728;
	display:block;
	width:200px;
	padding:8px;
	height:auto;
	margin-bottom:15px;
}

.sidebar_box3 {
	display:block;
	width:215px;
	height:auto;
	margin-bottom:15px;
}

.sidebar_box1 img {
	width:31px;
	height:21px;
	margin:0px 3px 3px 0px;
}

.clearfix {
	clear:both;
}

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

/**** !!! Nur für Titel von Inhaltsseiten benutzen !!! ****/
#content h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-style:italic;
	text-transform:uppercase;
	font-size:24px;
	padding-top:0px;
	margin: 5px 0px 30px 0px;
}
/**********************************************************/

#content h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-style:italic;
	text-transform:uppercase;
	font-size:18px;
	color:#003d6d;
	margin: 0px 0px 20px 0px;
}	

#content h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-style:italic;
	text-transform:uppercase;
	font-size:17px;
	color:#003d6d;
	margin: 0px 0px 15px 0px;
}	

#content h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-style:italic;
	text-transform:uppercase;
	font-size:14px;
	color:#003d6d;
	margin: 0px 0px 5px 0px;
}	
/*****************************************/


/************************************/
/*            Hauptmenü             */
/************************************/


#mainnav a:link, #mainnav a:visited {
	padding:2px 10px 2px 12px;
	width:194px;
	display:block;
	background:url(../bitmaps/mainnav_norm.jpg) right no-repeat #005ba3;
	font-size:14px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#ffffff;
	text-decoration:none;
}

#mainnav a:hover {
	background:url(../bitmaps/mainnav_hover.jpg) right no-repeat #0071bc;
	text-decoration:none;
	color:#ffffff;
}

#mainnav div.AccordionPanelContent a:link, #mainnav div.AccordionPanelContent a:visited {
	padding:2px 10px 2px 12px;
	width:194px;
	display:block;
	background:#29ABE2;
	font-size:13px;
	color:#ffffff;
	text-transform:none;
	text-decoration:none;
	margin-bottom:1px;
}

#mainnav div.AccordionPanelContent a:hover {
	background:#1e9fd6;
	text-decoration:none;
}

/************************************/
/*            Topmenü             */
/************************************/


#topnav a:link {
	font-size:11px;
	color:#003d6d;
	text-decoration:none;
}

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

#topnav a:visited {
	font-size:11px;
	color:#0071bc;
	text-decoration:none;
}

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

body {
	font-family: "Tahoma", Arial, Verdana, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

#logo_print {
	display:none;
	margin-bottom:30px;
}


#container {
	background: url(../bitmaps/content_bg.jpg) top no-repeat #ffef59;
	width:892px;
	height:auto;
	clear:both;
	display:block;
	overflow:hidden;
	padding:0px 34px 20px 34px;
	margin: 415px auto 0 auto;
}

#topnav {
	position:absolute;
	height:20px;
	left:50%;
	margin-left:-120px;
	display:block;
	top:8px;
	line-height:15px;
}

#mainnav {
	position:absolute;
	width:220px;
	height:auto;
	left:50%;
	margin-left:-448px;
	display:block;
	top:172px;
}

#sidebar {
	padding-top:4px;
	width:216px;
	height:auto;
	display:block;
	float:left;
	margin-top:260px;
}

#content {
	font-size:0.85em;
	color:#003d6d;
	width:656px;
	height:auto;
	display:block;
	margin-left:236px;
}

*html #content {
	width:653px;
}


#footer {
	background:url(../bitmaps/footer.jpg) top left no-repeat;
	width:960px;
	height:20px;
	clear:both;
	margin: 0 auto;
	display:block;
}