/*  

Theme Name: Hotel

Version: 1.0

Author: Doreen Hempfe

Tags: hotel, berggasthof, wilhelmshoehe, stemwede, restaurant, tagungen



	

 */



html {

height : 100%;

}

body {

margin : 0;

margin-top : 0;

padding : 0;

background : #080705 url(images/bg.gif) repeat-x; 

color : #e6dacf;

text-align : justify;

font-size : 12px;

font-family : Arial, Helvetica, sans-serif;

line-height : 1.5em;



}

div#promotion {

	width: 450px;

	height: 380px;

	position: absolute;

	top: 75px;

	margin: 0 0 0 450px;

	background-color: #ffffff;

	border-color: #cccccc #999999 #999999 #cccccc;

	border-width: 1px;

	border-style: solid;

	z-index: 100;

	text-align: center;

	padding: 5px;

}

#wrapper {

position : relative;

width : 898px;

min-height : 100%;

margin : 0 auto;

padding : 0 !important ;

text-align : center !important ;

}

* html #wrapper {

height : 100%;

}

.header {

padding-left : 39px;

padding-top : 20px;

background : url(images/bg_top.gif) no-repeat center top;

height:0px;

}

#content {

clear : both;

width : 998px;

position : relative;

padding : 0px 49px 10px 49px;

background : url(images/bg_tile.gif) repeat-y;

text-align : center;

}

#main {

margin-left : 40px;

float : left;

text-align : justify;

}



#main2 {

width : 432px;

margin-left : 40px;

float : left;

text-align : center;

}

#sidebar {

width : 232px;
border-bottom:3px solid #261f19;
 border-left:3px solid #261f19;
 border-right:3px solid #261f19;
 border-top:3px solid #261f19;
 -moz-border-radius:30px;


margin-left : 30px;

background : #261f19;

border-color: #261f19;

moz-border-radius:5x;

float : left;

text-align : justify;

}

#sidebar2 {

width : 232px;


margin-left : 30px;

float : left;

text-align : justify;

}

.header2 {

padding-left : 0px;

}



#header2 {

	background: url(images/bg_top3.jpg) center top no-repeat;

	text-align: left;

}



.logo {

margin-left : 20px;

}

.person {

color : #ff0066;

font-weight : bold;

}

.lined {

border : 1px solid #dadada;

}

.header3 {

padding-left : 39px;

padding-top : 20px;

}

dl#container {

width : 437px !important ;

}

dl#container dd {

position : relative;

top : -1.4em;

left : 3em;

z-index : 1;

line-height : 1.5em;

}

dl#container dt {

color : #ff0066;

font-weight : bold;

}

dd.multi {

margin-top : 10px;

}

table {

margin-top : 20px;

}

th {

text-align : center;

}

th, td {

padding : 5px;

font-size : 9px !important ;

text-align : left !important ;

vertical-align : top;

}

td.yr {

color : #ff0066;

font-weight : bold;

vertical-align : top;

}

#side {

float : left;

width : 180px;

padding-top : 37px;

}

#article {

float : left;

width : 460px;


}


#footer {

position : relative;

padding-top : 90px;

padding-left : 40px;

padding-bottom : 20px;

}

.footer {

background : url(images/bg_bottom.gif) no-repeat left top;

text-align : left;

}

* + html #footer {

padding-top : 90px;

padding-left : 40px;

}

h1 {

margin : 0 !important ;

padding : 10px 0 0 10px !important ;

border : 0;

}

div {

margin : 0;

}

p, h1, h2, h3, ul, table, th, td, dt, dd, blockquote {

font-family : Arial, Helvetica, sans-serif;

}

th, td {

font-size : 11px !important ;

line-height : 1.5em;

}

h2 {

margin : 1px 0;

padding : 1px 0;

padding-left : 13px;

padding-right : 13px;

border-left : 8px solid #261f19;

border-right : 8px solid #261f19;

color : #e0dbd6;

font-size : 1em;

font-weight : normal;

vertical-align : middle;

line-height : normal !important ;

}

h2.sub {

border-left : 8px solid #261f19 !important ;

}

h4 {

margin : 5px 0;

padding : 3px 0;

padding-left : 13px;

border-left : 8px solid #261f19;

color : #000;

font-size : 1em;

vertical-align : middle;

line-height : normal !important ;

}

h5 {

margin : 5px 0;

padding : 3px 0;

padding-left : 13px;

border-left : 8px solid #261f19;

color : #000;

font-size : 1em;

vertical-align : middle;

line-height : normal !important ;

}

.top {

margin-top : 20px !important ;

font-weight : normal;

}

.top2 {

margin-top : 60px;

}

h3 {

margin : 5px 0;

margin-bottom : 15px;

padding : 1px 0;

padding-left : 13px;

border-left : 8px solid #261f19;

color : #000;

font-size : 1em;

font-weight : normal;

}

dl {

margin : 20px 0 0 0;

padding : 0;

width : 348px;

}

dd {

position : relative;

top : -1.4em;

left : 11em;

z-index : 1;

line-height : 1.5em;

}

.entry {

margin-bottom : 60px;
}

.entry img {

max-width : 670px;

}



.entry2 {

	width : 648px;

margin-bottom : 60px;

}

.entry2 img {

max-width : 470px;

}

.entryshort {

margin-bottom : 30px;

}

img {

border : none;

}

.float-left {

float : left;

margin-right : 0.9em;

}

.float-right {

float : right;

margin-left : 0.9em;

}

.pic {

margin : 20px 0;

}

.topspacing {

margin-top : 20px;

}

.hidden {

display : none;

}

.clear {

clear : both;

}

.clearfix:after {

content : ".";

display : block;

height : 0;

clear : both;

visibility : hidden;

}

.clearfix {

display : inline-block;

}

* html .clearfix {

height : 1%;

}

.clearfix {

display : block;

}

a:link {

color : #ffffff !important ;

text-decoration : none;

font-weight : bold;

}

a:visited {

color : #ffffff;

text-decoration : none;

font-weight : bold;

}

a:active {

color : #ffffff;

text-decoration : none;

font-weight : bold;

}

a:hover {

color : #ffffff !important ;

text-decoration : none;

font-weight : bold;

}

h1 a {

display : block;

width : 125px;

padding : 0;

background : transparent url(images/logo.gif) no-repeat 0 0;

font-size : 1px;

text-indent : -9999px;

height : 125px;

text-align: left;

}

.border {

border : 2px solid #c2c2c2;

}

ul#menu {

top : 30px;

right : 49px;

display : block;

width : 225px;

height : 75px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

z-index : 2;

}

ul {

position : absolute;

list-style : none;

}

li {

list-style : none;

}

#logo {

float:left;

position: absolute;

margin: 10px 0 0 10px;

}

#logo a {

display : block;

width : 125px;

height : 125px;

background : url(images/logo.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

z-index : 9;

}

li#blog {

float : left;

width : 75px;

height : 75px;

}

li#blog a {

display : block;

width : 100%;

height : 100%;

background : url(images/menu_blog.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

z-index : 3;

}

li#blog a:hover {

background-position : 0 -75px;

}

li#about {

float : left;

width : 75px;

height : 75px;

}

li#about a {

display : block;

width : 100%;

height : 100%;

background : url(images/menu_about.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#about a:hover {

background-position : 0 -75px;

}

li#work {

float : left;

width : 75px;

height : 75px;

}

li#work a {

display : block;

width : 100%;

height : 100%;

background : url(images/menu_work.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#work a:hover {

background-position : 0 -75px;

}

ul#newssidemenu {

display : block;

width : 125px;

height : 125px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

}

li#blankspace {

display : block;

float : left;

width : 110px;

height : 25px;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

ul#storessidemenu {

display : block;

width : 141px;

height : 75px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

}

ul#companysidemenu {

display : block;

width : 134px;

height : 75px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

}

ul#footermenu {

position : absolute;

clear : both;

top : 100px;

right : 30px;

display : block;

width : 348px;

height : 75px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

}

li#newsletter {

float : left;

width : 75px;

height : 75px;

}

li#newsletter a {

display : block;

width : 100%;

height : 100%;

background : url(images/menu_rss.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#newsletter a:hover {

background-position : 0 -75px;

}

ul#footersidemenu {

position : absolute;

clear : both;

top : 100px;

left : 49px;

display : block;

width : 115px;

height : 50px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

}

li#advocacies {

float : left;

width : 115px;

height : 25px;

}

li#advocacies a {

display : block;

width : 100%;

height : 100%;

background : url(images/footersidemenu_advocacies.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#advocacies a:hover {

background-position : -115px 0;

}

li#legal_notice {

float : left;

width : 115px;

height : 25px;

}

li#legal_notice a {

display : block;

width : 100%;

height : 100%;

background : url(images/footersidemenu_legalnotice.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#legal_notice a:hover {

background-position : -115px 0;

}

li#copyright {

float : left;

display : block;

width : 244px;

padding : 0;

margin-right : 10px;

background : transparent url(images/copyright.gif) no-repeat 0 67px;

text-align : center;

font-size : 1px;

text-indent : -9999px;

overflow : hidden;

height : 75px;

}

#commentform textarea {

background : #f8f7f6;

border : 1px solid #d6d3d3;

width : 460px;

}

#commentform textarea:hover {

background : #ffffff;

border : 1px solid #d6d3d3;

}

#commentform textarea:focus {

background : #ffffff;

border : 1px solid #939793;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size : 1.1em;

background : #ffffff;

border : 1px solid #939793;

width : 280px;

}

#commentform input {

margin-bottom : 3px;

}



.flickr img { width:100px; height: 100px; margin: 0 1px 1px 0; }



.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; }

.vimeoBadge img { border: 0; }

.vimeoBadge a:link, a:visited, a:active { color:#333333; text-decoration:none; cursor:pointer; }

.vimeoBadge a:hover { color:#228DFF; }

.vimeoBadge #vimeo_badge_logo { width: 0px; height: 0px; visibility:hidden; }

.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }

.vimeoBadge .clip { padding:0; float:left; margin:0 1px 1px 0; width:100px; line-height:0; }

.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:80px; }

.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 



#archive {

list-style:decimal;

}

.com-list {}

.com-list h3 { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ebeadd;}

.com-entry { background: url(images/com-top.png) no-repeat left top; margin-bottom: 20px;}

.com-entry-bot { background: url(images/com-bot.png) no-repeat left bottom; padding: 10px 0px;}



.com-con { padding: 10px 70px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}

.com-name { }

.com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }

* html .com-avt { right: 40px;}

.com-avt img { border: 1px solid #ccc;}

.com-date { font-size: 10px; color: #999; margin-bottom: 10px; }

.com-text { width:200px; }

.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }



#nav{

background:#4b3e35;

font-size:1.1em;

color:#ffffff;
text-align:center;

}

#nav, #nav ul {

list-style: none;

line-height: 1;
text-align:center;

}

#nav a, #nav a:hover {

display: block;

text-decoration: none;

border:none;

	 text-align:center;

}

#nav li {

float: left;

list-style:none;

border-right:1px solid #4b3e35;
text-align:center;

}

#nav a, #nav a:visited {

display:block;

font-weight:bold;

color: #ffffff;

padding:6px 12px;
text-align:center;

}

#nav a:hover, #nav a:active, .current_page_item a, #home .on {

	 text-align:center;
	 background-image:url(images/tab_04afc211046b9fbd01986f5250efd208.png);

text-decoration:none

}

#nav li ul {

position: absolute;

left: -999em;

height: auto;

width: 174px;
text-align:center;



}

#nav li li {

width: 272px;
	 text-align:center;
	 

}

#nav li li a, #nav li li a:visited {

font-weight:normal;

font-size:1.1em;

color:#FFFfff;
text-align:center;

}

#nav li li a:hover, #nav li li a:active {

	 text-align:center;
	


}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;
text-align:center;

}

a.main:hover {

background:none;
text-align:center;

}



#suckerfishnav {

   font-size:12px;
    font-family:Arial;
    font-weight:normal;
	text-align:center;
float:inherit;
    }

#suckerfishnav, #suckerfishnav ul {

    float:center;

    list-style:none;

    line-height:43px;

    padding:0;

    border:0px solid #aaa;

    margin:0;

    width:70%;
	text-align:center;
	

    }

#suckerfishnav a {

    display:block;

    color:#ffffff;
	    text-decoration:none;

	text-align:center;

    }

#suckerfishnav li {

    float:left;

    padding:0;
	width:104px;
	text-align: center;

    }

#suckerfishnav ul {

    position:absolute;

	left:-999em;

    height:auto;

    width:104px;

    font-weight:normal;
	text-align: center;

    margin:0;

    line-height:1;

    border:0;

    border-top:0px solid #666666;

    }

#suckerfishnav li li {

	text-align: center;

    width:99px;

    border-bottom:0px solid #666666;

    border-left:0px solid #666666;

    border-right:0px solid #666666;

    font-weight:normal;

    font-family:Arial;

    }

#suckerfishnav li li a {

    padding:4px 10px;

    width:80px;

    font-size:12px;

    color:#ffffff;
	text-align: center;

    }

#suckerfishnav li ul ul {

    margin:-21px 0 0 100px;
	text-align: center;

    }

#suckerfishnav li li:hover {

	
    }

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {

    color:#ffffff;
	text-align: center;

    }

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {

    color:#ffffff;
	text-align: center;

    }

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {

    color:#ffffff;
	text-align: center;

    }

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {

    left:-999em;
	text-align:center;

    }

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {

    left:auto;
	text-align: center;
	background:#4b3e35;

    }

#suckerfishnav li:hover, #suckerfishnav li.sfhover {

   	 background-image:url(images/tab_04afc211046b9fbd01986f5250efd208.png);
	 text-align: center;
	
    }