/* 
	Bezeichnung:	css/rauert_layout.css (main stylesheet) 
	Projekt: 			bauernhof-rauert.de
	Datum: 				12.10.2009
	Autor: 				Julie Mahlke
*/


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

span.tab30 {
width:30px;
display:block;
float:left;
}

#content li {
	list-style:disc;
	margin:0px 0px 10px 20px;
}

<!-- Auswahl der Wohnung im Buchungsformular --!>
.auswahl {
	width:300px;
	background-color:#333366;
}

.news_background {
	width:743px;
	height:auto;
	background:#FDE9D1;
	margin: 0px 0px 0px 0px;
	padding:10px;
	border-top:dotted;
	border-top-color:#F69220;
	border-top-width:medium;
	overflow:hidden;
}

.img_news {
	margin:0px 20px 10px 0px;
	float:left;
	border: 2px solid #F69220;
}



/************************************/
/*           Link-Klassen           */
/************************************/

.news_background a:link, .news_background a:visited {
	color:#254D32;
	text-decoration:underline;
}

.news_background a:hover {
	color:#254D32;
	text-decoration:none;
}

#sterne {
	width:66px;
	height:13px;
	position:absolute;
	margin:23px 0px 0px 890px;
}

#backhome {
	width:199px;
	height:83px;
	position:absolute;
	margin:15px 0px 0px 668px;
	z-index:10;
}

#header_input a:link, #header_input a:visited {
	color:#F69220;
	font-size:11px;
	text-decoration:none;
}

#header_input a:hover {
	color:#F69220;
	font-size:11px;
	text-decoration:none;
}

/* 2.Navigation für die dropdown-Menüs Wohnungen, Kinder */

#content .dropdown_links a:link, #content .dropdown_links a:visited {
	color:#254D32;
	text-decoration:none;
	font-weight:bold;
}

#content .dropdown_links a:hover {
	color:#F79E37;
	text-decoration:none;
}

/* 2.Navigation für die dropdown-Menüs Freizeit */

#content .dropdown_links2 a:link, #content .dropdown_links2 a:visited {
	color:#254D32;
	text-decoration:none;
	font-weight:bold;
}

#content .dropdown_links2 a:hover {
	color:#F79E37;
	text-decoration:none;
}

/* Wohnungen: Dieses Objekt buchen... */

#content a.buchung:link, #content a.buchung:visited {
	color:#254D32;
	text-decoration:underline;
}

#content a.buchung:hover {
	color:#254D32;
	text-decoration:none;
}


/* absolute links auf der Fehmarnkarte -> Freizeit */

#content a.karte:link, #content a.karte:visited {
	color:#E96F2E;
	text-decoration:none;
	position:absolute;
	font-weight:bold;
}

#content a.karte:hover {
	color:#254D32;
	text-decoration:none;
	position:absolute;
}

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

td.orange {
	text-decoration:underline;
}

table.formular {
	background: #FDE9D1;
	border: 1px solid #F69220;
}

td.padding {
	padding: 5px 10px 5px 10px;
}

table.center {
	margin:0 auto;
}

/* für die Bildergallerien mit Vorschaubilder */
.galerie {
	float:right;
	margin-left:20px;
	padding:0px;
	width:404px;
}

.galerie a {
	position:relative;
	width:120px;
	display:block;
	padding:0;
	margin:0;
	text-decoration:none;
	float:left;
	margin:0px 20px 20px 0px;
}

.galerie a.hauptbild {
	position:relative;
	width:404px;
	display:block;
	padding:0;
	margin:0;
	text-decoration:none;
	float:left;
}

*html .galerie a {
	margin-right:14px;
}

.galerie a.imgbreak {
	margin-right:0px;
}

.galerie a span {
	position:absolute;
	width:20px;
	height:20px;
	display:block;
	background:url(../bitmaps/lupe.png) no-repeat;
	left:0;
	bottom:0;
}

/* Zeile mit gelben Hintergrund und orangem Rand (rechts, links, unten) */
td.hellgelb {
	background:#FDE9D1;
	padding:10px;
	border-bottom: 1px solid #F69220;
	border-right: 1px solid #F69220;
	border-left: 1px solid #F69220;
}

/* Zeile mit gelben Hintergrund und orangem Rand (rechts, links, oben, unten) */
td.hellgelb2 {
	background:#FDE9D1;
	padding:10px;
	border: 1px solid #F69220;
}

/* Zeile mit unterschiedlichen Rändern (Preise) */

td.border {
	padding:10px;
	border: 1px solid #F69220;
}

td.border_leftbottom {
	padding:10px;
	border-left: 1px solid #F69220;
	border-bottom: 1px solid #F69220;
}

td.border_rightbottom {
	padding:10px;
	border-right: 1px solid #F69220;
	border-bottom: 1px solid #F69220;
}

td.border_left {
	padding:10px;
	border-left: 1px solid #F69220;
}

td.noborder {
	padding:10px;
}

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

#content h1 {
	font-size:25px;
	color:#254D31;
	margin-bottom:30px;
}

#content h1 span {
	font-size:24px;
	color:#F69220;
	font-style:italic;
}

#content h2 {
	font-size:20px;
	color:#F69220;
	margin-bottom:2px;
}

#content h3 {
	font-size:14px;
	color:#F69220;
	margin-bottom:10px;
	font-weight:bold;
}


#content h4 {
	font-size:16px;
	color:#254D31;
	font-weight:bold;
}

#content h4 span {
	font-size:12px;
	color:#254D31;
	font-weight:normal;
}

#content h5 {
	font-size:14px;
	color:#254D31;
	font-weight:bold;
	margin-bottom:10px;
}

#content h6 {
	font-size:14px;
	color:#254D31;
	font-style:italic;
	margin-bottom:10px;
}


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

.margintop {
	margin-top:10px;
}

.unterschrift {
	font-family: Georgia, Times New Roman;
	font-size:16px;
	font-variant:small-caps;
	font-weight:bold;
}

#content .active {
	color:#F79E37;
	font-weight:bold;
}

/* 2.Navigation für die dropdown-Menüs Wohnungen & Kinder */
#content .dropdown_links {
	width:auto;
	height: 20px;
	background:top right;
	padding:0px 10px 0px 0px;
	font-size:13px;
	float:right;
	margin-top:-60px;
}

/* 2.Navigation für die dropdown-Menüs in Freizeit (2zeilig) */
#content .dropdown_links2 {
	width:200px;
	height: 200px;
	background:top right;
	padding:10px;
	font-size:13px;
	float:right;
}

.rot {
	color: #FF0000;
}

/* Fehlerbox */
#fehlerbox {
    width: 100%;
    background-Color: #FFCCCC;
    border: 2px solid #FF8080;
    padding: 5px;
    margin-bottom: 10px;
}

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

.stern {
	margin-bottom:-4px;
}

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

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

.imgfloatright_orange {
	float:right;
	margin: 0px 0px 0px 0px;
	border: 2px solid #F69220;
}

.imgfloatright_orange2 {
	float:right;
	margin: 0px 0px 0px 20px;
	border: 2px solid #F69220;
}

.imgfloatleft_orange {
	float:left;
	margin: 0px 20px 20px 0px;
	border: 2px solid #F69220;
}

.imgfloatleft_orange2 {
	float:left;
	margin: 0px;
	border: 2px solid #F69220;
}

.imgorange {
	border: 2px solid #F69220;
}


/* absolute Bilder */

.spielscheune {
	position:absolute;
	width:300px;
	height:111px;
	margin: -11px 0px 0px 400px;
}

.wappen {
	position:absolute;
	width:130px;
	height:155px;
	margin:70px 0px 0px 30px;
}

.auszeichnungen {
	position:absolute;
	width:15px;
	height:82px;
	margin:-13px 0px 0px 460px;
}

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

body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../bitmaps/bg_container.jpg) top center no-repeat;
	margin:0;
	padding:0;
	color:#254D31;
}

#container {
	margin:0 auto;
	width:960px;
	height:auto;
	position:relative;
}

#header {
	width:960px;
	height:177px;
	color:#FB8B29;
	font-size:10px;
	background:url(../bitmaps/bg_header.jpg) top center no-repeat #F79226;
	padding-top:51px;
}

#header_input {
	height:33px;
	padding:20px 0px 0px 0px;
	position:absolute;
	color:#F69220;
	font-size:11px;
}

#content {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background:url(../bitmaps/bg_content.jpg) top center repeat-x;
	width:763px;
	font-size:12px;
	line-height:18px;
	float:right;
	padding:20px 20px 20px 20px;
	margin-bottom:13px;
}

#footer {
	background:url(../bitmaps/footer.gif) top center repeat-x;
	float:right;
	width:960px;
	height:33px;
	clear:both;
	padding-top: 8px;
	text-align:center;
	color:#254D31;
	font-size:11px;
}