/* Standard Stylesheet
Projekt: gaestehaus-bernau.de

Gestaltung und Design 
von Annette Schiffer 

*/


body {
margin: 0;
padding: 0;
/*font-family: Verdana, Arial, Helvetica, sans-serif; */
font-family: Georgia, Times New Roman, serif; 
font-size: 62.5%;
text-align: center;
color: #3a1b04;
background-color: #fffff0;
}

#container {
margin: 0.5em auto;
width: 95em;
text-align: left;
background-color: #fff;
border: 1px solid #3a1b04;
padding: 0;
border-radius: 0 0 1em 1em;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
box-shadow:  2px 4px 3px #777;
-moz-box-shadow: 2px 4px 3px #777;
-webkit-box-shadow: 2px 4px 3px #777;

}

/* @group header */

#header {
width: 100%;
border: 0px solid #000;
margin: 0;
padding: 0;
background-color: #fffced;
}

#logo {
	border: none;
		float: left;
}

#aktuelles {
	width: 20.7em;
	height: 29em;
	background: #99330c url(../grafik/aktuelles.jpg) no-repeat;
	float: left;
	margin: 0;
	padding: 0;
	color: #fff;

}


#aktuelles h1, #aktuelles h2, #aktuelles h3, #aktuelles h4,  #aktuelles h5, #aktuelles h6 {
	font-weight: bold;
	padding: 0;
	margin: 1em;
	font-size: 1.6em;
}

div#self-service-lite-sidebar div p {
	font-weight: normal;
	padding: 0;
	margin: 1em 1em 1em 1.2em;
	font-size: 1.3em;
}

#headerbild, #headerbildkontakt {
	width: 74.3em;
	height: 29.3em;
	background: url(../kopfgrafik/header.jpg) no-repeat;
	float: left;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
}

/* @group Kopfbilder */
.start div#headerbild {
	background: url(../kopfgrafik/header-start.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

.haus div#headerbild {
	background: url(../kopfgrafik/header-haus.jpg) no-repeat;
}

.team div#headerbild {
	background: url(../kopfgrafik/header-team.jpg) no-repeat;
}

.zimmer div#headerbild {
	background: url(../kopfgrafik/header-zimmer.jpg) no-repeat;
}

.aktivhaus div#headerbild {
	background: url(../kopfgrafik/header-aktiv-haus.jpg) no-repeat;
}

.umgebung div#headerbild {
	background: url(../kopfgrafik/header-umgebung.jpg) no-repeat;
}

.ausflugsziel div#headerbild {
	background: url(../kopfgrafik/header-ausflugsziele.jpg) no-repeat;
}

.angebot div#headerbild {
	background: url(../kopfgrafik/header-angebote.jpg) no-repeat;
}

.gaestefoto div#headerbild {
	background: url(../kopfgrafik/header-gaestefotos.jpg) no-repeat;
}

.gaestebuch div#headerbild {
	background: url(../kopfgrafik/header-gaestebuch.jpg) no-repeat;
}

.buchen div#headerbild {
	background: url(../kopfgrafik/header-buchen.jpg) no-repeat;
}

.winterfreuden div#headerbild {
	background: url(../kopfgrafik/header-winterfreuden.jpg) no-repeat;
}

.firmen div#headerbild {
	background: url(../kopfgrafik/reiter-firmen.jpg) no-repeat;
}

.schule div#headerbild {
	background: url(../kopfgrafik/reiter-schule.jpg) no-repeat;
}

.urlauber div#headerbild {
	background: url(../kopfgrafik/reiter-urlauber.jpg) no-repeat;
	
}

/* @end */

/* @end */

/* @group content */

#content {
width: 74em;
background-color: #fff;
padding: 0;
border: 0px solid #000;
text-align: left;
margin: 2em 0 5em 0; 
float: left;
}

#content h1, #content h2, #content h3, #content h4,  #content h5, #content h6 {
	font-family: Georgia, Times New Roman, serif; 
	font-weight: bold;
	padding: 0;
}

#content h1 {
margin: 0 0 1em 0;
font-size: 2.3em;
font-weight: normal;
letter-spacing: 0.05em;
}

#content h2 {
margin: 0 0 1em 0;
font-size: 1.6em;
}

#content h3 {
margin: 0 0 1em 0;
font-size: 1.4em;
}

#content h4, #content h5, #content h6 {
margin: 0 0 1em 0;
font-size: 1.3em;
}


#content div#self-service-lite div p  {
font-size: 1.4em;
margin: 0 0 1em 0;
padding: 0;
line-height: 1.4em;
}

#content ul {
margin: 0 0 1em 0.1em;
padding: 0;
list-style-type: disc;
}

#content ul li {
font-size: 1.4em;
margin: 0 0 0.5em 0.3em;
padding: 0;
line-height: 1.5em;
border: 0px solid #999;
}

#content ol {
margin: 0 0 2em 3em;
padding: 0;
list-style-type: decimal;
}

#content ol li {
font-size: 1.4em;
padding: 0 0 0 0.1em;
margin: 0 0 0.5em 0;
line-height: 1.5em;
border: 0px solid #000;

}

.clear {
clear: both;
height: 0px;
}

#container #content hr {
border-bottom: 1px dashed #333366;
color: #fff;
clear: both;
width: 85%;
margin: 1em 0;
padding: 0;
}


/* @end */


/* @group Gästebuch */

div#self-service-lite div.sslusercomment {
	width: 50em;
}

#content div#self-service-lite div.sslusercomment p.sslusercommenttext {
background:none repeat scroll 0 0 #F8F8F8;
border:1px solid #EFEFEF;
clear:both;
height:1%;
padding:1em;
}

/* @end */

/* @group Routenplaner */

#route {
width: 95%;
background-color: transparent;
padding: 0;
border: 0px solid #000;
text-align: left;
margin: 1em 0 1em 1em; 
}
	  
#route img {
color: #000000;
}

#adress {
width: 580px;
height: 550px;
text-align: left;
background-color: transparent;
}

#adress p {
font-size: 1.4em;
color:#696969;
margin: 1.5em 1.8em 1em 1.2em;
padding: 0;
text-align: left;
line-height: 1.4em;
border: 0px solid #000;
}


#map {
margin: 5px 0 10px 0; 
padding: 2px;
color:#696969;
background-color: #eee;
width: 500px; 
height: 360px;
border: 1px solid #000;
}

#directions {
	margin: 0.5em 0.5em 0.5em 0;
	font-size: 1.1em;
	padding: 0;
	text-align: left;
	width: 95%;
	background-color: transparent;
}

#routenwahl {
	width: 90%; 
	background-color: transparent;
	height: 5em;
	padding: 0.5em 0;
	}
	

table.karte {
font-size: 1.1em;
padding: 0;
text-align: left;
margin: 0 0 1em 0;
border: 0px solid #000;
width: 100%; 
background-color: transparent;
}

table.karte th {
	background-color:#EEEEEE;
}

td.karte {
vertical-align: top;
}


/* @end */

/* @group Buchen */

div#self-service-lite div.buchdatum {
	float: left;
}

/* @end */

/* @group Tabellen */

/* @group mit rahmen */

.tabellefw {
	border: 1px solid #3a1b04;
	margin: 1em 0;
	padding: 0;
	border-collapse: collapse;
}

.tabellefw td, .tabellefw th{
	border: 1px solid #3a1b04;
	margin: 0;
	padding: 1em;
	font-size: 1.4em;
	text-align: left;
		vertical-align: top;
}

/* @end */

/* @group ohne rahmen */

.tabelleor {
	border: 0px solid #3a1b04;
	margin: 1em 0;
	padding: 0;
	border-collapse: collapse;
}

.tabelleor td, .tabelleor th{
	border: 0px solid #3a1b04;
	margin: 0;
	padding: 1em;
	font-size: 1.4em;
	text-align: left;
	vertical-align: top;
}


/* @end */



/* @end */

/* @group footer */

#footer {
background-color: #fc9210;
clear: both;
text-align: center;
margin: 0 0 0 0;
padding: 0;
height: 4em;
width: 100%;
border-bottom: 0px solid #000;
border-radius: 0 0 1em 1em;
-moz-border-radius: 0 0 9px 9px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}


/* @end */


/* @group clearfix */


/* ---------------------- clearfix -------------------------*/

/* Clearing Floats ohne extra html */
.clearfix:after {
	content:" "; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
}

.clearfix {
	display: inline-block;
}

/* ---------------------- clearfix Ende-------------------------*/


/* @end */


/* @group Navigation */

/* @group mainnav (oben)*/

#mainnav {
padding: 0;
margin: 0 ;
width: 100%;
background-color: transparent;
float: left;
}

#mainnav ul {
	list-style: none;
	margin: 5em 0 0 0.5em;
	padding: 0;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
	width: 54.5em;
	float: left;
}

#mainnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#mainnav li a {
	text-decoration: none;
}

#mainnav li a:link, #mainnav li a:visited {
	color: #000;
	background-color: #fc9210;
	padding: 0.5em;
	line-height: 2.7em;
	font-size: 1.4em;
	float: left;
	margin: 0 0.5em;
	border-radius: 1em 1em 0 0;
-moz-border-radius: 1em 1em 0 0;
-webkit-border-top-left-radius: 1em;
-webkit-border-top-right-radius: 1em;
box-shadow:  2px 0px 3px #777;
-moz-box-shadow: 2px 0px 3px #777;
-webkit-box-shadow: 2px 0px 3px #777;

	}

#mainnav li a:hover, #mainnav li a.sslmenueactive:hover {
	background-color: #ffcc99;
	color: #000;
	text-decoration: underline;
}

#mainnav li a.sslmenueactive {
	background-color: #f6e4dc;
	color: #333;
	text-decoration: underline;
	border: 0px dashed  #999;
}

/* @end */

/* @group menu (links) */

#menu {
	margin: 2em 1em 1em 1em;
padding: 0;
border-right: 0px solid #999;
background-color: transparent;
width: 18.7em;
float: left;
}

#menu ul {
list-style: none;
margin: 1em 0 1em 0;
padding: 0;
font-weight: bold;
}	 

#menu li a {
text-decoration: none;
color: #3D6992; 
}

#menu li a:link, #menu li a:visited {
color: #321704;
display: block;
background-color:  transparent;
margin: 0.3em 0;
padding: 0 0.5em 0 0.8em;
line-height: 1.5em;
border-bottom: 0px dashed #bbb;
	font-size: 1.5em;
	text-decoration: none;
}

#menu li a:hover { 
color: #ff6600;
text-decoration: underline;
}

#menu li a.sslmenueactive { 
color: #DE4E00;
border-bottom: dashed 0px #999;
}

#menu ul.sslmenue li * li {
	margin: 0 0 0 1em;
	font-weight: normal;
}

#menu ul.sslmenue li * li a:link, #menu ul.sslmenue li * li a:visited {
	margin: 0.1em 0;
}

#menu ul.sslmenue li * li a.sslmenueactive {
 color: #DE4E00;
}


/* ---- Abstände von einzelnen Menupunkten ---- */
div#menu ul.sslmenue li.buchen {
	margin: 2em 0 0 0;
}

/* @end */

/* @group footer menu */

#footer ul {
	list-style: none;
	margin: 1.8em 0 0 20.5em;
	padding: 0;
	font-weight: bold;
	text-align: center;
}

#footer li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#footer li a {
	text-decoration: none;
}

#footer li a:link, #footer li a:visited {
	color: #fff;
	background-color: transparent;
	padding: 0 2em 0 0;
	line-height: 3.1em;
	font-size: 1.4em;
	float: left;
	margin: 0 0.3em;
		letter-spacing: 0.05em;
	}

#footer li a:hover, #footer li a.sslmenueactive:hover {
	color: #000;
	text-decoration: underline;
}

#footer li a.sslmenueactive {
	color: #333;
	text-decoration: underline;
}


/* @end */



/* @end */



/* @group ssl-rücknahme */


/* @group Bilder */

/* Bilder */

div#self-service-lite img{
border: 0px solid #999;
}

div#self-service-lite div img.sslimageright{
	margin: 0 1em 1em 1em;
}

/* Bildergalerie Litebox */
div#self-service-lite div a img {
border:1px solid #ff6600;
padding:0;
}

div#self-service-lite div a img:hover {
border:1px solid #000;
padding:0;
}



/* @end */

/* @group Kontaktformular */

div#self-service-lite table.sslformtab td.sslformtabright input.sslformbutton {/* send-button */
	background-color: #fc9210;
border: 1px solid #3a1b04;
font-size: 1.2em;
font-weight: bold;
margin: 1.5em 0.3em 1em 1em;
padding: 0.2em;
color: #000;	
width: 15em;
height: 2.8em;
letter-spacing: 0.1em;
}

div#self-service-lite table.sslformtab td.sslformtabright input.sslformbutton:hover {
 border: 1px solid #000;
 color:#fff;
 background-color: #622c0a;
}


div#self-service-lite table.sslformtab td.sslformtableft { /* cell for label */
 font-weight: normal;
 font-size: 1.4em;
padding-top:2px;
}

div#self-service-lite table.sslformtab td.sslformtabright input, 
div#self-service-lite table.sslformtab td.sslformtabright textarea {
 border:1px solid #622c0a;
 padding-top:4px;
}

div#self-service-lite table.sslformtab td.sslformtabright { /* cell for input */
 padding-right:0;
 font-weight: bold;
}


/* @end */



/* @end */


/* @group Links */

#content a:link { 
font-weight: bold;
color: #ff6600; 
text-decoration: underline; 
margin: 0;
padding: 0;
}

#content a:visited {
font-weight: bold;
color: #fc9210; 
text-decoration: none; 	
}

#content a:hover {
color: #3a1b04;
text-decoration: none;
padding: 0;
}

div#self-service-lite div a.sslwritecommentlink {
	font-size: 1.2em;
}

/* @end */