/* CSS HOTEL BIRKE - Jan Winters */

*{
padding:0;
margin:0;
border:0;
}

body{
background-color:#fff;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:100%;
text-align:center; /*center hack*/
}

body h1,h2{
display:none;
}

form{
display:inline;
float:right;
}

#metanavig fieldset{
display:inline;
}

input.searchbox{
border:1px solid #ccc;
color:#000;
font-size:0.8em;
margin-right:0;
padding:0;
vertical-align:middle;
width:8em;
}

input#topsearchimage{
background:#ccc none repeat scroll 0%;
border:medium none;
color:white;
cursor:pointer;
font-size:1em;
padding:0;
vertical-align:middle;
width:1em;
}

label{
display:none;
margin:0;
padding:0;
}

#mainpage{
/* border:1px solid red; */
max-width:750px;
width: auto !important; /*IE6 hack*/
width:750px;
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/
}

#header{
background-color:#fff;
height:6em; /*IE7 needs more room than everybody else */
line-height:1.8em;
padding-bottom:1em;
}

#birkelogo{
display:inline;
float:left;
}

#topbanner{
display:inline;
float:right;
}

#metanavig{
background-color:#fff;
border-bottom:1px solid #6ac;
border-top:1px solid #6ac;
clear:both;
height:1.8em;
line-height:1.8em;
padding:0.5em;
}

#metanavig span#datum{
float:left;
font-size:0.8em;
}

#metanavig ul#sprache{
float:right;
list-style-type:none;
text-transform:uppercase;
}

#metanavig ul#sprache li{
float:left;
padding-left:0.5em;
}

#metanavig ul#sprache img{
width:1.5em;
height:1em;
}

#bottomnavig{
background-color:#fff;
border-top:1px solid #6ac;
border-bottom:1px solid #6ac;
clear:both;
font-size:0.8em;
padding:0.5em;
}

#bottomnavig ul#mainlevel-bottom{
height:1.8em;
line-height:1.8em;
list-style-type:none;
margin:0;
padding:0;
text-transform:uppercase;
}

#bottomnavig ul#mainlevel-bottom li{
float:right;
margin:0;
padding-left:1em;
}

#bottomnavig ul#mainlevel-bottom li a{
float:left;
height:1.8em;
line-height:1.8em;
}

#contentwrapper{
clear:both;
}

#navig{
background-color:#fff;
clear:both;
float:left;
font-size:0.8em;
padding-top:1em;
width:30%;
}

#navig ul{
font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight:bold;
list-style-type:none;
margin:0;
padding-left:1em;
padding-top:0;
text-transform:uppercase;
}

#navig ul li.sublevel{
font-weight:normal;
list-style-image:url(../images/indent1.png);
margin-left:1em;
}

#navig ul li.sublevel_current{
font-weight:bold;
list-style-image:url(../images/indent1.png);
margin-left:1em;
}

#content{
background-color:#fff;
height:1%; /* peekaboo */
margin-left:30%;  /* hintergrundfarbe nur im content bereich nicht navig */
padding:1em;
text-align:center;
}

#content em, #content i{
font-size:0.8em;
line-height:1.8em:
}

#content h3{
color:#037;
font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight:bold;
/* padding-bottom:1em; */
padding-bottom:0;
text-align:left;
text-transform:uppercase;
}

#content h4{
color:#6ac;
font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight:bold;
padding-bottom:0.8em;
text-align:center;
text-transform:uppercase;
}

#content h5{
color:#6ac;
font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight:bold;
padding-top:1em;
text-align:left;
text-transform:uppercase;
}

#content h6{ /* wird die ueberhaupt eingesetzt? */
color:#000;
font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.8em;
font-weight:bold;
padding-bottom:0.8em;
text-align:left;
}

#content table{
/* border:1px solid red; */ /* quick way to identify any table */
text-align:left;
}

#content p{
font-size:0.8em;
line-height:1.8em;
padding-bottom:1em;
text-align:justify;
}

#content p.narrowprice{ /* tagungsarrangements */
/* border:1px solid green; */
line-height:100%;
padding:0;
text-align:right;
}

#content ul{
text-align:left;
font-size:0.8em;
line-height:1.8em;
margin-left:1em;
padding-bottom:1em;
}

#content ul.narrowlist{ /* tagungsarrangements */
/* border:1px solid red; */
padding-bottom:0;
}

#content fieldset{
border:1px solid #ccc;
padding-left:2.5em;
}

#content form input, #content form textarea, #content form select{
background-color:#f0f0f0;
border:1px solid #ccc;
color:#000;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:1em;
}

#content form table td{ /* IE Texte in den td's (Formulare) */
font-size:0.8em;
line-height:1.8em;
}

#content form input.button{
font-weight:bold;
}

#content a.readon{
background-color:yellow;
}

/* style for the gallery thumbnails */

.backdrop{
/* background-color:green; */
display:inline;
margin-right:0.5em;
margin-bottom:0.5em;
}

.borderit img{
border:1px solid #ccc;
opacity: 0.6;
}

.borderit:hover img{
border:1px solid navy;
opacity: 0.9999;
}

.borderit:hover{
color:red; /* irrevalent definition to overcome IE bug - border would not work without it */
}

/* Preistabelle */

table.pricetable{
border:1px solid #6ac;
font-size:0.7em;
line-height:1.8em;
margin-bottom:1em;
text-align:left;
}

table.pricetable th{
text-align:center;
}

table.pricetable td, table.pricetable th{
border:1px solid #6ac;
padding:0.5em;
}

.pricedarker{
background-color:#6ac;
white-space: nowrap;
}

.pricedark{
background-color:#eee;
white-space: nowrap;
}

/* Preistabelle Birke Business Center */


.raumtabelle table{
background-color:black;
}
				  
.raumtabelle table tr.headline{
background-color:#047;
color:white;
font-size:0.6em;
text-align:center;
text-transform:uppercase;
}

.raumtabelle table tr.blue1, .raumtabelle table td.blue1{
background-color:#eef;
font-size:0.6em; 
}

.raumtabelle table tr.blue2{
background-color:#cde;
font-size:0.6em;
}
				  
.raumtabelle table tr.blue3{
background-color:#bcd;
font-size:0.6em;
}
				  
.raumtabelle table tr.white{
background-color:white;
font-size:0.6em;
}

.raumtabelle table th{
border: 1px solid black;
padding-left:4px;
padding-right:4px;
}
				  
.raumtabelle table td{
border: 1px solid black;
padding-left:4px;
padding-right:4px;
text-align:center;
}
				  
.raumtabelle table td.left{
border: 1px solid black;
padding-left:4px;
padding-right:4px;
text-align:left;
}


/* Herzlich Willkommen - Unsere Auszeichnungen */

.auszeichnungsliste li{padding-bottom:2em;}


/* maybe needs to go to the inset css files later on */

address{
background-color:white;
clear:both;
color:red;
float:left;
font-family:Trebuchet MS;
font-size:75%;
font-style:normal;
font-weight:bold;
line-height:1em;
/* padding:0.5em; */
padding-top:0.5em;
text-align:center;
}

address a{
color:green;
}

#extern_logos{
padding-top:0.5em;
}

#footer{
height:4em;
line-height:1em;
text-align:center;
}

#footer img{
float:right;
}

#inner{
height:4em;
margin:auto;
text-align:left;
/* width:85%; */
}

/*############### CONTENT ###############*/

/***** Header for contentpaneopen *****/

.contentheading, .componentheading{ /* headlines erster ordnung fuer content und arrangements */
color:#037;
font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:1.5em;
font-weight:bold;
text-align:left;
text-transform:uppercase;
} /* rauseditiert in com_content */

.abstand{
padding-top:1.5em;
margin-bottom:1em;
}

a.mainlevel:link, a.mainlevel-bottom:link, a.mainlevel:visited, a.mainlevel-bottom:visited{
color:#6ac;
font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight:bold;
line-height:1.3em;
text-decoration: none;
}

li.mainlevel_active{
color:orange;
}

a.mainlevel:active, a.mainlevel-bottom:active,
a.mainlevel:hover, a.mainlevel-bottom:hover,
a.mainlevel:focus, a.mainlevel-bottom:focus{
color:#037; 
text-decoration:underline;
}

a.sublevel:link,a.sublevel:visited{
color:#6ac;
font-family:Tahooma,Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}

a.sublevel:active,a.sublevel:hover,a.sublevel:focus{
color:#037; 
text-decoration:underline;
}

#active_menu, #active_menu-top{
color:#037; 
text-decoration:underline;
}

div.blog_more strong{
font-size:0.8em;
}

/* ZB. REZEPTE */

.sectiontableheader{
background-color:#ccc;
color:#333;
font-weight:bold;
}

.sectiontableentry1{
background-color:#f0f0f0;
}

sectiontableentry2 {
background-color:#e0e0e0;
}

tr.sectiontableentry1 a, tr.sectiontableentry2 a{
/* color:green; */
font-size:1em;
line-height:1.8em;
/* text-decoration:none; */
}

tr.sectiontableentry1 a:hover, tr.sectiontableentry2 a:hover{
/* text-decoration:underline; */
}