/* CSS Dokument zu www.aparthotel-oberhof.de von www.gastrodreams.de */

/* Aufbau */ 

html, body {
background-image:url(bg.jpg);
background-position:top center;
background-repeat:repeat-x;
margin:0;
padding:0;
background-color:#FFF7D4;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.0em;
font-weight:normal;
}

#frame {
background-image: url(hotel-oberhof_07.jpg);
background-repeat: repeat-y;
background-position:top;
width:950px;
margin:	0 auto 0px auto;
text-align: left;
}

#logoline {
width:950px;
height:129px;
float:left;
}

#menuebox {
width:950px;
height:124px;
float:left;
}

#header {
width:950px;
height:310px;
float:left;
}

#line {
width:950px;
height:44px;
float:left;
}

#box {
width:950px;
float:left;
}

#footer {
width:950px;
height:76px;
background-image:url(hotel-oberhof_09.jpg);
clear:both;
}

/* Menü */

#menuhori ul {
padding:0;
margin:20px 0 0 61px;
list-style:none;
font-size:1.0em;
font-weight:normal;
color:#583E06;
}

#menuhori ul li {
float:left;
margin-left:7px;
margin-right:7px;
position:relative;
}

#menuhori ul li a {
display:block;
padding:0px 0px 3px 0px;
color:#583E06;}

#menuhori ul li a:hover {
display:block;
padding:0px 0px 3px 0px;
color:#000000;
text-decoration:underline;
}

#menuhori li ul {
display:none;
margin:20px 0 0 -5px;
position:absolute;
top:0;
}

#menuhori li ul li {
float:none;
padding:2px 0 0 10px;
width:150px;
}


#menuhori li>ul {
top:0;
left:0;
}

#menuhori li a {
color:#fff;
text-decoration:none;
}

#menuhori li:hover ul, li.over ul {
display:block;
background:#cc7118;
color:#FFF;
border-width: 1px;
border-style:solid;
border-color:#FFFFFF;
}

#nav ul {
display: none;
/* background: #a56527;
border-width: 1px;
border-style:solid;
border-color:#FFFFFF; */
}

#nav li:hover ul, #nav li.over ul {
width: 150px;
display: block;
position: absolute;
padding-top: 7px;
padding-bottom:7px;
margin: 40px 0 0 -5px;
}

/* Abstände */

.li1 {
margin-left:44px !important;
}

.li2 {
margin-left:52px !important;
}

.li3 {
margin-left:67px !important;
}

.li4 {
margin-left:56px !important;
}

.li5 {
margin-left:48px !important;
}

.li6 {
margin-top:23px !important;
margin-left:0px !important;
}

.li7 {
margin-top:23px !important;
margin-left:28px !important;
}

.li8 {
margin-top:23px !important;
margin-left:14px !important;
letter-spacing:-0.02em;
}

.li9 {
margin-top:23px !important;
margin-left:36px !important;
}

.li10 {
margin-top:23px !important;
margin-left:57px !important;
}

.li11 {
margin-top:23px !important;
margin-left:33px !important;
}

.li12 {
margin-top:23px !important;
margin-left:28px !important;
}

/* Inhalt */

#content {
width:600px;
float:left;
border-right:1px;
border-right-style:dotted;
border-right-color:#583E06;
margin-left:40px;
padding-right:10px;
margin-right:15px;
}

#content h1 {
font-size:1.1em;
color:#990000;
font-weight:bold;
}

#content p {
font-size:0.95em;
line-height:1.15;
color:#583E06;
font-weight:normal;
}

#content ul {
font-size:0.95em;
line-height:1.15;
color:#583E06;
font-weight:normal;
}

#content a {
color:#583E06;
text-decoration:underline;
font-weight:normal;
}

#content a:hover {
color:#000000;
text-decoration:underline;
font-weight:normal;
}

#content img {
border:3px;
border-color:#FFFFFF;
border-style:solid;
margin:3px;
}

#content .imagetxt {
font-size:0.65em;
color:#583E06;
margin-bottom:15px;
}

.dotline {
border-bottom:1px;
border-bottom-style:dotted;
border-bottom-color:#583E06;
}

/* Formulare */
#content fieldset {
border: none;
}

#content legend {
visibility:hidden;
height: 0;
width: 0
}

#content label {
/* Style labels */
display: block;
}
#content select,
#content textarea,
#content input[type="text"] {
/* Style input fields */
width: 300px;
border: none;
border-bottom: 1px solid black;
margin-left: 10px;
}
/* Mailforms */

fieldset {
  border:none;
  padding-left:20px;
  padding-bottom:20px;
  padding-top:20px;
  padding-right:20px;
  display:block;
  width:480px;
}

.csc-mailform input.rahmen {
	border: thin #eaddc7 solid;
	background-color: #FFFFFF;
	Background-repeat: no-repaet;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px; 
	font-family: Verdana; 
	font-size: 8pt;
}

input, textarea, select {
	float:left;
	display:block;
	border-style: solid; 
	border-width: 1; 
	border-color: #eaddc7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

input[type="checkbox"] {
	border:none;
}

.csc-mailform input, .csc-mailform textarea, .csc-mailform select { 
	width:250px;
	font-size: 8pt; 
}

.csc-mailform input.kontroll {
	Background-repeat: no-repaet;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px; 
}

label {
	display:block;
	float:left;
}
.csc-mailform-field {
	margin-top: 20px;
	margin-bottom: 20px;
	clear:left;

}

.csc-mailform label {
	clear:both;
	width:125px;
	margin-bottom:10px;
	padding-left:10px;
}

form br {
	clear:both;
}

.csc-mailform-submit {
  margin-top:10px;
  margin-left:90px;
  width:100px;
  clear:both;
}


/* Addboxes */

#addcont {
width:250px;
float:left;
/* border-left:1px;
border-left-style:dotted;
border-left-color:#583E06; */
margin-right:30px !important;
/* margin-left:10px !important; */
}

.addbox {
width:250px;
background-color:#FAF4DE;
float:left;
margin-top:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
}

.addbox img {
border:0 !important;
margin:5px !important;
padding:2px;
background-color:#FFFFFF;
float:right;
}

.addbox h3 {
font-size:0.9em;
color:#CC3300;
margin:0px 10px 5px 10px;
font-weight:bold;
}

.addbox p {
font-size:0.7em;
color:#583E06;
margin:2px 10px 2px 10px;
font-weight:normal;
}

.addbox a {
font-size:1.0em;
color:#583E06;
text-decoration:underline;
font-weight:bold;
}

.addbox a:hover {
font-size:1.0em;
color:#000000;
text-decoration:underline;
font-weight:bold;
}

.info {
margin-top:10px !important;
text-align:right;
}

/* Bilder */

.imgr {
margin:5px 5px 5px 10px;
float:right;
}

.imgl {
margin:5px 10px 5px 5px;
float:left;
}

/* Footer */

#footer p {
font-size:0.7em !important;
position:relative;
text-align:center;
top:38px;
margin-left:35px;
margin-right:35px;
color:#583E06;
}

#footer a {
color:#583E06;
text-decoration:none;
font-size:1.0em;
}

#footer a:hover {
text-decoration:underline;
color:#000;
font-size:1.0em;
}