/*  Style-Sheet für die Haus am Schueberg  */

* {
padding: 0;
margin: 0; 
}
html { height: 100%; } 

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FEFDFB;
font-size: 80%;
height: 100%;

}
A:LINK, A:VISITED {
color : #333333;
text-decoration: none;
}

A:HOVER {
 color : #CC3333;
 text-decoration: none;
}

abbr:hover{
  cursor: help;
}

.clr{
clear: both;
}
.clrRight{
clear: right;
}
h1{
margin: 0px;
font-size: 100%;
font-weight: bold;
color: #FFFFFF;
background-color: #D8723F;
line-height: 1.45em;
padding: 0px 5px 0px 5px;
}

h2{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 95%;
  line-height: 1.25em;
  font-weight: bold;
 color: #000000;
}

h3{
  margin: 0px 0px 10px 0px;
  padding: 0px 5px 0px 0px;
  font-size: 95%;
  font-weight: bold;
  line-height: 1.25em;
}

img{
border: 0em;
margin: 0em;
padding: 0em;
}

ul{
 margin: 0px 0px 0em 20px;
 padding: 0px;
}

ul.links{
  list-style-type: none;
}

ul.links li{
  padding: 0em 0em 0em 0.5em;
  vertical-align: middle;
}

ul.links a{
list-style : none;
}

ul.unformattedList{
margin:0;
padding:0;
}

ul.unformattedList li{
list-style:none;
clear:both;
}

.noScreen{  /* This class is not shown on screen */
  display: none;
}

input{
border: .01em solid #CC6633;
background-color : white;
font-family: verdana, sans-serif;
margin: 0;
padding: 0;
}

fieldset{
/* border: 0.06em solid #CC6633; */
border: 0px solid White; 
margin: 5px;
padding: 0px;
background-color: white;
}

 
#container{
width: 996px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0em auto;
}

#box1{
float: left;
width: 996px;
height : 104px;

}
#space1_1{
float: left;
width: 32px;
background-color : #FEFDFB;
}
#logo{
float: left;
width: 184px;
}
#head{
float: left;
width: 600px;
}

#topbild{
float: left;
width: 324px;
}
/*** SuchFormular ***/

#suchenForm{
float: left;
margin-top: 20px;
padding: 10px 5px 0px 0px;
width: 260px;
}
.searchForm{
font-size:90%;
margin: 0;
padding-top: 0px;
}

.searchForm#submitbutton{
  margin: auto;
  padding: 0px 
}
/*** SuchFormular Ende ***/

#barriere{
float: left;
margin: 5px 0 0 10px;
width : 250px;
}

#barriere a {
padding : 0px 0px;
font-weight: normal;
}
	
#space1_4{
float: left;
width: 180px;
height: 104px;
}
#space1_4 img{
margin: 10px 10px 0px 35px;
}

#date{
font-size: 85%;
color: Gray;
margin: 10px 0 0 40px;
}
/***   ENDE BOX1   ***/


#box2{
clear: both;
float: left;
width:996px;
height: 184px;
}
#space2_1{
float: left;
width: 32px;
height: 184px;
background-color: #F4E9DD;
}
#navigation{
float: left;
width: 184px;
height: 184px;
background-color: #D8723F;
}

#navigation ul{
margin: 0.6em 0em 0.5em 0.5em;
padding: 0em;
}
#navigation li{
margin-bottom: 0.3em;
padding: 0em 0.6em;
display: block;
text-decoration: none;
}	
#navigation li a{
padding: 0em 0.7em;
text-decoration : none;
}
#navigation li a:hover{
color: White;
font-weight: bold;
}

#navigation li.aktiv a{
color: White;
font-weight : bold;
}

/*
#navigation li a.current{
color: White;
font-weight : bold;
}
*/

#bildleiste{
width:778px;
float: left;
}
/***  ENDE BOX2   ***/


#box3{
clear: both;
width: 996px;
float: left;
}
#space3_1{
float: left;
width: 32px;	
}
#subnavigation{
float: left;
width: 184px;
margin : 0;
}
#subnavigation h2{
font-size: 98%;
font-weight: bold;
background-color: Silver;
margin-top: 21px;
padding: 5px 0px 0px 20px;
}
#subnavigation ul{
margin: 0px;
padding: 0px;
list-style: none;
}

#subnavigation li{
margin-bottom: 2px;
}	
#subnavigation li a{
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 12px;
text-decoration : none;
display: block;
line-height: 1.2em;
background: url(../Bilder/Layout/aktiv1.jpg) no-repeat left;
}

#subnavigation li a:hover{
background: url(../Bilder/Layout/aktiv.jpg) no-repeat left;
color: #FF8C00;
}
#subnavigation li a.aktiv {
background: url(../Bilder/Layout/aktiv.jpg) no-repeat left;
}
#subnavigation li a.current {
background: url(../Bilder/Layout/aktiv.jpg) no-repeat left;
}
#subnavigation ul ul li{
margin : 0px 0px 0px 0px;
padding: 2px 0px 0px 7px;
font-size: 95%;
}
#subnavigation ul ul li a{
margin: 0px 0px 2px 5px;
padding: 0px 0px 2px 12px;
background: url(../Bilder/Layout/aktiv_1.gif) no-repeat left;
}

#subnavigation ul ul li a:hover{
background: url(../Bilder/Layout/aktiv_2.png) no-repeat left;
color: #FF8C00;
}
#subnavigation ul ul li a.current{
background: url(../Bilder/Layout/aktiv_2.png) no-repeat left;
}

#bread{
float: left;
margin: 2px 0px 0px 3px;
padding: 0px;
font-size: 85%;
}

#tools{
float: right; 
margin: 2px 10px 0px 0px;
padding: 0px;
height: 18px;
}

#content{
float : left;
width: 600px;
margin: 0px ;
padding : 0px;
background-color: #F2F2F2;
line-height: 1.45em;
}

.contentBox, .contentBoxBorder{  /* these contain all the later content */
clear: both;
display: block;
margin: 0px 10px 0px 10px ! important;
padding: 2px 0px 5px 0px ! important;
color: #333333;
}
.newLine{
 display: block;
 clear: both ! important;
}
.contentBoxBorder{  /* contentBox but with border at bottom */
 margin: 0px 10px 0px 10px ! important;
 padding: 5px 0px 10px 0px ! important;
 border-bottom: 1px solid #B7B7B7;
}

.contentBox p{
padding-left: 5px;
}

.contentHalf{  /* allows 2 divs next to each other in content */
 float: left;
 width: 23em;
}

.contentBoxDetail{  /* these contain all the later content */
clear: both;
display: block;
margin: 0px 10px 0px 10px ! important;
padding: 2px 0px 25px 0px ! important;
color: #333333;
background-color: #FAFAFA;
border-top: 0.05em solid #E1E1E1;
height: auto;
}

.contentBoxBorder4{
clear: both;
display: block;
margin: 0px 10px 0px 10px ! important;
padding: 2px 0px 20px 5px ! important;
color: #333333;
background-color: #FFFFFF;
border: 0.05em solid #D8723F;
height: auto;	
}

.contentHalf1{  /* allows 2 divs next to each other in content */
 float: left;
 width: 26em;
 padding: 0.2em 0em 0.2em 0em;
}

.contentHalf2{  /* allows 2 divs next to each other in content */
float: left;
width: 18em;
padding: 0.2em 0em 0.2em 0.2em;
}

.contentHalf3{  /* allows 2 divs next to each other in content */
float: right;
width: 10em;
padding: 0.2em 0em 0.2em 0.2em;
text-align : right;
}

.contentHalf4{  /* allows 2 divs next to each other in content */
float: left;
width: 22em;
padding: 0.2em 0em 0.2em 0.2em;
}

.clrBorder{
padding-top: 1em; 
border-bottom: 0.08em solid #CC6633; 
display: block;
clear: both ! important;
}

.contentBoxDetail3{  /* these contain all the later content */
clear: both;
display: block;
margin: 0px 10px 0px 10px ! important;
padding: 2px 0px 20px 0px ! important;
color: #333333;
border-top: 0.05em solid #E1E1E1;
height: auto;
}
.content3{
float: left;
width: 14.0em;
margin: 0em 0.1em;
padding: 0.2em 0em 0.2em 0.1em;
text-align : left;	
}

.extLink{
margin : 0;
padding-left: 20px;
background : url(../Bilder/Layout/extLink.jpg) no-repeat left;
text-decoration: none;
}
.intLink{
margin : 0;
padding-left: 20px;
background : url(../Bilder/Layout/intLink.jpg) no-repeat left;
text-decoration: none;
}

.contentBox li{
margin: 0px  0px 5px 3px;
padding: 0px;
list-style-type : disc;
}
.contentBox li a{
text-decoration: none;
background : url(../Bilder/Layout/intLink.jpg) no-repeat left;
padding-left: 20px;
}
.contentBox li a:hover{
text-decoration: underline;
}

.contentRight, .contentTop{
text-align: right;
border-bottom: 1px solid #E6E6E6;
display: block;
height: 1.4em;
}

.contentTop a{
padding-right : 15px;
font-size: 80%;
text-decoration: none;
background : url(../Bilder/Layout/top.gif) no-repeat right;
border-bottom: 0.05em solid #999999;	
}

.contentLeft{
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}

.contentCenter{
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
img.thumbnail_200_150, .caption{
margin: 0.2em;
}

.small{
font-size: 80%;
}
#back{
display: block;
text-align : center;
font-size:85%;
}
#back a, #nachoben a{
text-decoration: none;
}
#nachoben{
text-align: right;
margin: 0 25px 20px 25px;
border-bottom: 1px solid #333333;
}
#adresse{
float: left;
width: 180px;
background-color: #FEFDFB;
height: auto;
}
#adresse h3{
margin-top: 21px;
padding: 2px 3px;
background-color: #D8723F;
font-size: 100%;
	
}
#adresse p{
margin: 0px;
padding: 3px 3px;
font-size: 90%;
/*white-space: nowrap;*/
}
#box4{
clear:both;
width: 996px;
margin-bottom: 5px;
line-height: 1.5em;
}
#space4_1{
float: left;
width: 32px;
}
#space4_2{
float: left;
width: 184px;
margin: 0px;
padding: 5px 0px 5px 0px;
border-top: 1px solid Silver;
border-bottom: 1px solid Silver;
}

#foot{
float: left;
text-align: center;
font-size: 80%;
width: 600px;
border-top: 1px solid Silver;
border-bottom: 1px solid Silver;

}

#foot ul{
margin: 0px;
padding: 3px 3px 7px 5px;
}
#foot li{
margin: 0px;
padding: 3px 3px;
display: inline;
}
#space4_4{
float: left;
width: 180px;
margin: 0px;
padding: 0;
border-top: 1px solid Silver;
border-bottom: 1px solid Silver;
height: 29px;
}


/***  Buchungsanfrage ***/

.box{
background-color: White;
width: 95%;
height: auto;
margin: 5px 0px;
padding: 5px;
	
}
.box input{
margin: 5px 0 0 0px;
border: 1px solid #999999;

}
/*** Ende Buchungsanfrage ***/

.fliessrechts{
float: right;
margin: 10px 0px 10px 10px;
padding: 0px;
}

.textLeft{
float: left;
margin: 0px 5px 5px 0px;
padding: 0px 5px 5px 0px;
}
.textRight{
float: right;
margin: 0px 10px 10px 0px;
padding: 5px;
}
.imageRight{
float: right;
margin: 0px 0px 10px 10px;
padding: 0px;
}

.imageLeft{
float: left;
margin: 0px 10px 10px 0px;
padding: 0px;
}

table.tabrahmen{
font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
color: #333333;
border-top: 1px solid #D8723F;
border-left: 1px solid #D8723F;
border-right: 1px solid #D8723F;
margin: 10px 5px 10px 5px;
background-color: #FAFAFA;
}
table.tabrahmen td {
border-bottom : 1px solid #D8723F;
font-size: 80%;
}
table.tabrahmen th{
font-size: 80%;
}

table.tabrahmen input{
width:300px;
margin: 0 5px;
}

caption{
background-color: #FAFAFA;
padding: 10px 0 0px  5px;
text-align: left;
font-weight: bold;
border-top: 1px solid #D8723F;
border-left: 1px solid #D8723F;
border-right: 1px solid #D8723F;
}
th{
text-align : left;
font-weight: bold;
background-color: White;
padding: 3px 5px;
border-bottom: 1px solid #D8723F;
}
td{
vertical-align : top;
font-size: 100%;
padding: 3px 5px;
}
td a:link, td a:visited{
color: #CC6633;
}
td a:hover{
color: #FF6600;
}

#mitte{
float: left;
background-color: #E1E1E1;
}

input.right {
float: left;
width: auto;
clear: both;
margin-left: 5.3em;
margin-right: .3em;
margin-top: .5em;
margin-bottom: .5em;
}

input[type=checkbox].right,
input[type=radio].right{
margin-left: 6.3em;
margin-top: .5em;
margin-bottom: .5em;
}


/***  Buchungsanfrage ****/

form#anfrage {
	background-color: White;
}
#anfrage input{
	border: 1px solid #D8723F;
}
fieldset#anfrage{
 border: 1px solid #CC6633;
 padding: .3em;
}
#anfrage label.left {
float: left;
text-align: left;
width: 17em;
margin-top: .2em;
margin-right: .3em;
margin-bottom: .5em;
}

 #anfrage input[type=text], select {
float: left;
margin-top: .5em;
margin-right: .5em;
margin-bottom: .5em;
 }

#anfrage input.right {
float: left;
width: auto;
clear: both;
margin-top: .5em;
margin-right: .3em;
margin-bottom: .5em;
margin-left: 6.3em;
background-color: #FAFAFA;
}

#anfrage input[type=checkbox].right,
#anfrage input[type=radio].right,
#anfrage input[type=submit].right {
margin-left: 6.3em;
margin-top: .5em;
margin-bottom: .5em;
}

form br {
clear: both;
}
.block1{
background-color: #E8E8E8;
padding: 0px  0px 5px 0px;
}

/*** Bildung Eintrag ***/

ul#newsEintraege {
padding: 0;
margin: 1em 0 1em 0;
}

ul#newsEintraege li {
list-style: none;
border: 0.06em solid #D8723F;
padding: 0.5em;
margin-bottom: 1em;
background-color: #FAFAFA;
}

/*** Ende Bildung Eintrag ***/