/*****************************************************/
/*                    RESETs                         */
/*****************************************************/
*{
	margin:0;
	padding:0;
	border:none;
	list-style-type:none;
}

/*****************************************************/
/*           SITE DEFINITIONs und HEADER             */
/*****************************************************/

body{
	background-color: #FAE4B0;
	color: black;                       
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:14px;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: center bottom;
}

#logo a{
	background:url(images/roemerhof-logo.gif) 0 0 no-repeat;
	outline:none;
	width:197px;
	height:104px;
	top:20px;
	left:26px;
	text-indent:-19999px;
	position:absolute;
	display:block;
	z-index: 10;
}


#header{
	top: 0px;
	background:url(images/roemerhof-hotel-headimage.png) 0 0;
	width:960px;
	height:390px;
	display:block;
	outline:none;
	text-indent:-19999px;
	position:relative;
	left:0px;
}


#iconmenu {
	position:absolute;
	right:10px;
	top:10px;
	width:378px;
	height:30px;
	display:block;
	margin:0 auto;
	overflow: hidden;
}

#headmenu{
	position:relative;
	width:960px;
	height:30px;
	display: block;
	margin:0 auto;
	overflow:hidden;
}

#headlink{
	color: #FAF8D0;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	position:absolute;
	left:29px;
	text-align:left;
	top:1px;
	width:250px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 20;
}

#headlink a{
	color:#faf8d0;
	text-decoration: none;
	}


#page, #footer{
	position:relative;
	background: #FFF1D0;
	width:960px;
	margin:0px auto;
	overflow:hidden;
}


/*
#email a{
	background:url(images/email_abo.png) 0 0 no-repeat;
	width:176px;
	height:44px;
	display:block;
	outline:none;
	text-indent:-19999px;
	position:absolute;
	right:90px;
	top:10px;
}

#rss a{
	background:url(images/rss_abo.png) 0 0 no-repeat;
	width:49px;
	height:44px;
	display:block;
	outline:none;
	text-indent:-19999px;
	position:absolute;
	right:40px;
	top:10px;
}

*/

/* *************************************************** */
/*                     Menu                            */
/* *************************************************** */


#menu{
	border-style: none;
	position:relative;
	left:0;
	height:30px;
	width:960px;
	list-style-type:none;
}
#menu li{
	float:left;
}
#menu li a{
	float:left;
	text-decoration:none;
	color:#fff;
	height:30px;
	background-image:url(images/menu.jpg);
	font-size:1%;
	text-indent:-19999px;
	overflow:hidden;


}
#menu li a.first{
	border-left:0px;
}
#m_blog{width:240px; background-position:0px 0px;}
#m_blog:hover, #m_blog.hover, #m_blog.active{background-position:0px 31px;}

#m_roemerhof{width:240px; background-position:-240px 0px;}
#m_roemerhof:hover, #m_roemerhov.hover, #m_roemerhof.active{background-position:-240px 31px;}

#m_lage{width:240px; background-position:-480px 0px;}
#m_lage:hover, #m_lage.hover, #m_lage.active{background-position:-480px 31px;}

#m_kontakt{width:240px; background-position:-720px 0px;}
#m_kontakt:hover, #m_kontakt.hover, #m_kontakt.active{background-position:-720px 31px;}

#menu li a:hover, #menu li a.active{
	background-color:#FFFFFF;
}



/* *************************************************** */
/*              Social Media ICONS                     */
/* *************************************************** */


#icons{
	position:absolute;
	height:30px;
	width:378px;
	list-style-type:none;
}
#icons li{
	float:left;
}
#icons li a{
	float:left;
	text-decoration:none;
	color:#fff;
	height:30px;
	background-image:url(images/roemerhof-rss-icons.gif);
	font-size:1%;
	text-indent:-19999px;
	overflow:hidden;


}
#icons li a.first{
	border-left:0px;
}
#i_youtube{width:60px; background-position:0px 0px;}
#i_youtube:hover, #i_youtube.hover, #i_youtube.active{background-position:0px 30px;}

#i_flickr{width:64px; background-position:-60px 0px;}
#i_flickr:hover, #i_flickr.hover, #i_flickr.active{background-position:-60px 30px;}

#i_facebook{width:65px; background-position:-124px 0px;}
#i_facebook:hover, #i_facebook.hover, #i_facebook.active{background-position:-124px 30px;}

#i_twitter{width:65px; background-position:-189px 0px;}
#i_twitter:hover, #i_twitter.hover, #i_twitter.active{background-position:-189px 30px;}

#i_mail{width:64px; background-position:-254px 0px;}
#i_mail:hover, #i_mail.hover, #i_mail.active{background-position:-254px 30px;}

#i_rss{width:60px; background-position:-318px 0px;}
#i_rss:hover, #i_rss.hover, #i_rss.active{background-position:-318px 30px;}

#menu li a:hover, #menu li a.active{
	background-color:#FFFFFF;
}



/* *************************************************** */
/*                   Bewertungen                       */
/* *************************************************** */
/*
#bewertung{
	position:relative;
	left:30px;
	top:0px;
	height:56px;
	width:189px;
}

#bewertung li{
	float:left;
}

#bewertung li a{
	float:left;
	text-decoration:none;
	color:#fff;
	height:56px;
	background-image:url(images/bewertungen.jpg);
	font-size:1%;
	text-indent:-19999px;
	overflow:hidden;
}

#bewertung li a.first{
	border-left:0px;
}
#holidaycheck{width:53px; background-position:0 0px;}

#tripadvisor{width:41px; background-position:-53px 0px;}

#trivago{width:41px; background-position:-95px 0px;}

#qype{width:53px; background-position:-136px 0px;}

#bewertung li a:hover, #bewertung li a.active{
	background-color:#FFFFFF;
}



/* *************************************************** */
/*                     Betriebe                        */
/* *************************************************** */
/*
#betriebe{
	position:relative;
	left:0px;
	top:0px;
	height:60px;
	width:900px;
}

#betriebe li{
	float:left;
}

#betriebe li a{
	float:left;
	text-decoration:none;
	color:#fff;
	height:60px;
	background-image:url(images/footer-navi.jpg);
	font-size:1%;
	text-indent:-19999px;
	overflow:hidden;
}

#betriebe li a.first{
	border-left:0px;
}
#ebhotel{width:190px; background-position:0 0px;}

#bau{width:260px; background-position:-190px 0px;}

#seestube{width:250px; background-position:-450px 0px;}

#snowtubing{width:200px; background-position:-700px 0px;}

#betriebe li a:hover, #betriebe li a.active{
	background-color:#FFFFFF;
}


/*****************************************************/
/*                      PAGE                         */
/*****************************************************/
.content {
	background-color: #FFF1D0;
	float:left;
	width:720px;
	padding: 20px 0px 10px 0px;
	border: 0px solid #023560;
} 

#content li{
	padding-left:20px;
	line-height:16px;
	background:url(/nav/libullet.gif) 7px 6px no-repeat;
	display:table}

/*
td {
  padding: 5px 5px 5px 5px;
} 

.td-zimmer {
  padding: 5px 5px 5px 5px;
  background-color:#FFF;
  text-align:center;
} 

.table-zimmer {

  background-color: #1d5330;
  margin-bottom:20px;
} 

.tablehead {
  background-color: #1d5330;
  color:#FFFFFF;
  font-weight:bold;
} 





/*****************************************************/
/*                    SIDEBAR                        */
/*****************************************************/

#sidebar {
	background-color: #FFE7A7;
	margin-left:730px;
	margin-top:20px;
	width:210px;
	font-size:14px;
	color: #000000;
}

#sidebar p {
	padding: 0px 10px 0px 10px;
	margin-bottom: 0px;
	 }
	 
#sidebar .small  {
	font-size:11px;
	line-height:15px;
} 

#sidebar .small  a {
	font-size:11px;
	line-height:15px;
	text-decoration:underline;
} 
	
#sidebar li  {
	background: url("images/libullet.gif") no-repeat scroll 7px 6px transparent;
	display: table;
	list-style-type: none;
	line-height:16px;
	padding-left:20px;
	margin-left: 5px;
}

#sidebar a{
	font-size:14px;
	text-decoration:none;
	color: #000000;
}
	


#sidebar .widget{
	width:210px;
	display:block;
	margin-bottom: 15px;
	margin-top:10px;
}


#sidebar .header{
	background-image: url(images/sidebar-header.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:210px;
	height:30px;
	display:block;	
}

#sidebar .inhalt{
	width:210px;
	display:block;
	margin: 5px 0 8px 0;
}


#sidebar .inhalt a:hover{
	text-decoration:underline;
}

#sidebar form {
	margin:0;
	padding:0;
}
	
#sidebar .sidebar-link a{
	position: relative;
	background: url(images/sidebar-link-spacer.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:190px;
	height:30px;
	display:block;
	cursor: pointer;
	z-index: 15;
}
	

#sidebar .icon-search{
	background-image: url(images/sidebar-search.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 0;
	width: 190px;
	height:30px;
	display: block;
}

#sidebar .icon-kontakt{
	background-image: url(images/sidebar-kontakt.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 0;
	width: 190px;
	height:30px;
	display: block;
}

#sidebar .tel {
	font-weight: bold;
	padding-left: 5px;}

#sidebar .anfrage a{
	position:relative;
	display:block;
	background: url(images/roemerhof-anfrage.png) 0 0 no-repeat;
	height: 27px;
	width: 190px;
	margin: 5px 0px 10px 10px;
	text-indent:-19999px;
}

#sidebar .anfrage a:hover{
	background: url(images/roemerhof-anfrage-senden.png) 0 0 no-repeat;
}

#sidebar .icon-themen{
	background-image: url(images/sidebar-themen.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 0;
	width: 190px;
	height:30px;
	display: block;
}

#sidebar .icon-mail{
	background-image: url(images/sidebar-mail.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 0;
	width: 190px;
	height:30px;
	display: block;
}

#sidebar .icon-facebook{
	background-image: url(images/sidebar-facebook.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 0;
	width: 190px;
	height:30px;
	display: block;
}


#sidebar .icon-twitter{
	position: relative;
	background-image: url(images/sidebar-twitter.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 0;
	width: 190px;
	height:30px;
	display: block;
	border: #C9216C;
}

#sidebar .icon-flickr{
	background-image: url(images/sidebar-flickr.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 0;
	width: 190px;
	height:30px;
	display: block;
}

#foto a{
	background:url(images/roemerhof-flickr.png) 0 0 no-repeat;
	background-position:center bottom;
	position:relative;
	width:210px;
	height:132px;
	display:block;
	outline:none;
	text-indent:-19999px;
}

#sidebar .icon-youtube{
	background-image: url(images/sidebar-youtube.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0px 0;
	width: 190px;
	height:30px;
	display: block;
}

#sidebar .icon-bewertungen{
	background-image: url(images/sidebar-bewertungen.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 0;
	width: 190px;
	height:30px;
	display: block;
}

#sidebar .icon-tags{
	background-image: url(images/sidebar-tags.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 0;
	width: 190px;
	height:30px;
	display: block;
}

#sidebar .tagcloud{
	width:210px;
	display:block;
	margin: 5px 0 8px 0;
	text-align: center;
}

#sidebar .icon-archiv{
	background-image: url(images/sidebar-archiv.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 0;
	width: 190px;
	height:30px;
	display: block;
}





/*****************************************************/
/*                 BLOG EINTRÄGE                     */
/*****************************************************/

.einpost{
	margin-bottom:30px;
	line-height:18px;
}

.entry{
	margin-top:0px;
		border: 0px solid #CA0000;

}


#kategorie{
	clear:both;
	width:670px;
	margin:0px 0 10px 20px;
	font-family:Lucida Grande, Helvetica, Verdana, Arial, sans-serif;
	font-size:11px;
	color:#000000;
		border: 0px solid #CA0000;

}



#kategorie a{
	text-decoration:none;
}

#kategorie a:hover{
	text-decoration:underline;
}

.time{
	width:50px;
	height:40px;
	display:block;
	float:right;
	margin-top:-63px;
	margin-right:7px;
	text-align:center;
	position:relative;
}

.timemonat{
	width:50px;
	padding-top:2px;
	background-color:#1d5330;
	color:#FFFFFF;
	font-size:12px;
	margin-bottom:1px;
	border: 1px solid #1d5330;
	
}

.timetag{
	width:50px;
	text-transform:uppercase;
	padding-top:2px;
	background-color:#ffe7ac;
	color:#1d5330;
	font-size:16px;
	border: 1px solid #1d5330;
}


.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fae4ab;
}

.commentlist cite, .commentlist cite a {
	font-style: normal;
	font-size: 14px;
}


#post-top .date{
	color:#999;
	font-size:12px;
	font-weight:bold;
}

#post-top .postmetadata {
	float:right;
}

.post {
	position:relative;
	display:block;
	clear:both;
	margin: 0 20px 0 0px;
	background-color: #FFF1D0;	
		border: 0px solid #023560;
}

.post .readmore{
	padding:5px;
	color: #1d5330;
	font-weight:bold;
	text-align:center;
	float:right;
	margin:10px;
	text-decoration:none;
	clear:both;
}

.artikelabschluss{
	background:url(images/roemerhof-artikelende.gif) 0 0 no-repeat;
	background-position: center center;
	width:720px;
	height:40px;
	display:block;
	margin: 0 10px 20px 0;
	clear:both;
		border: 0px solid #CA0000;

}

.bottom{
	height:60px;
	display:block;
	clear:both;
		border: 0px solid #CA0000;

}

#tagsdiv{
	float:left;
	width:400px;
}


a.more {
	text-decoration:underline;
	font-weight:bold;
	padding:3px 20px 0 0;
	text-align:right;
	display:block;
	margin-top:5px;
	color: #1d5330;
}

.clear {
	clear: both;
}


/*****************************************************/
/*             HEADLINES & TEXT                      */
/*****************************************************/

h1 {
	width:680px;
	color: #1d5330;
	font-size:24px;
	text-decoration:none;
/*	border-bottom: 1px solid #1d5330;   */	
/*	border-top: 1px solid #1d5330;		*/
	display: block;
	padding: 10px 5px 10px 5px;
	margin-bottom: 20px;
}


h2 {}


h3 {
	color: #1d5330;
	font-size:18px;
	text-decoration:none;
	font-weight: 300;
	margin:15px 0 15px 20px;
	padding: 0px 0px 0px 0px;;
}



.post h2 a {
	width:670px;
	color: #1d5330;
	font-size:24px;
	text-decoration:none;
	border-bottom: 1px solid #1d5330;
	border-top: 1px solid #1d5330;
	display: block;
	padding: 10px 5px 10px 5px;;
	margin-bottom: 20px;
	margin-left: 15px;
	}

.post h2{
	width:680px;
	border: none;	
}

.entry h2  {
	width:670px;
	color: #1d5330;
	font-size:24px;
	text-decoration:none;
	border-bottom: 1px solid #1d5330;
	border-top: 1px solid #1d5330;
	display: block;
	padding: 10px 5px 10px 5px;;
	margin-bottom: 20px;
	margin-left: 15px;
}


#sidebar h2 {
	font-family: Century Gothic, Verdana, Arial;
	font-weight: normal;
	color: #ffffff;
	font-size:14px;
	padding: 5px 0 0 10px;	
}

#sidebar h2 a:hover{
	text-decoration: none;
}

#sidebar h6{
	font-size: 18px;
	font-weight: bold;
	color: #1d5330;
	padding: 5px 0px 5px 10px;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}



p {
	line-height:23px;
	padding: 0px 0px 0px 20px;
	margin-right:5px;
	margin-bottom: 10px;
	margin-top:10px;
}


a {
	color: #1d5330;
}


a:hover{
	text-decoration:none;
}



/*****************************************************/
/*                     IMAGES                        */
/*****************************************************/
.post img{
	

}
p img {
	padding: 0;
	max-width: 100%;
	

}

a img {
	border: none;
}

a.flickr img{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	
	margin: 0 5px 5px 10px;
	display: inline;
	border:2px solid #1d5330;
}

img.alignleft {
	margin: 0 10px 5px 0;
	display: inline;
	border:2px solid #1d5330;

}

img.aligncenter {
	margin: 0 0 0 0px;
	display: inline;
	border:2px solid #1d5330;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #1d5330;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
	
/*****************************************************/
/*                     LISTEN                        */
/*****************************************************/

html>body .entry ul {
	margin-left: 0px;
	padding: 5px 0 20px 30px;
	list-style: none;
	padding-left: 20px;
	text-indent: 0px;
}

html>body .entry li {

	background: url(images/libullet.gif) no-repeat scroll 7px 6px transparent;
	display: table;
	list-style-type: none;
	line-height:16px;
	padding-left:20px;
	margin-left: 5px;


}


/*****************************************************/
/*                     SUCHE                         */
/*****************************************************/

#searchform label{
	display:none;
}

#suchfeld{
	width:195;
	margin:5px 5px 0 5px;
	
}
#searchform input#s{
	width:195px;
	height:18px;
	border:none;
	color:#000;
	padding:3px 0px 0 3px;
	border:1px solid;
	border-color:#1d5330;
	float:left;
	
}

#searchsubmit {
	background:url(images/suche.gif) 0 0 no-repeat;
	margin-left:10px;
	width:61px;
	height:24px;
	display:block;
	outline:none;
	text-indent:-19999px;
	
}

/*****************************************************/
/*                     KOMMENTARE                    */
/*****************************************************/

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border:1px solid #b2b2b2;
}

#commentform {
	margin: 5px 15px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
	border:1px solid #b2b2b2;
}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
}


#commentform #submit {
	margin: 0;
	float: right;
	font-size:12px;
	background-color: #1d5330;
	color:#fff;
	cursor:pointer;
}

.alt {
	margin: 0;
	padding: 10px;
	display:block;
}

.commentlist {
	padding-left: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 5px 10px 20px;
	padding: 5px 20px 10px 20px;
	list-style: none;
	background-color:#ffe7ac;
	border:0px solid #F87400;
	
	
}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 0px 10px -20px;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
}


.navigation {
	display: block;
	text-align: center;
	margin-bottom:20px;
	height:10px;
	vertical-align:middle;
	padding:5px 20px 0 20px;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}




/* *************************************************** */
/*                     Formular                        */
/* *************************************************** */

.formular {
	background-color:#FFFFFF;
	cursor:auto;
	border:1px solid;
	border-color:#534d49;
	padding:3px 0 0 3px;
}


.abschicken {
	padding:5px;
	font-size:12px;
	background-color: #1d5330;
	color:#FFFFFF;
	cursor:pointer;

}

.select {
	font-size:12px;
	background-color:#FFFFFF;
	color:#000000;
	cursor:auto;
	border:1px solid;
	border-color:#534d49;

}

.error {
	color:#ff1000;
}

/*****************************************************/
/*                     FOOTER                        */
/*****************************************************/


#footer{
	width:960px;
	height:50px;
	margin-top: 15px;
	padding: 15px 15px 0 260 px;
	font-size: 12px;
	color:#1D5330;
	background-attachment: scroll;
	background-position: center top;
	background-color: #FDECC5;
	border-top: 1px solid #BEB487;
	
}


#footeradresse{
	position:relative;
	margin: 15px 0 0 20px;

}

#footeradresse a{
	color: #1D5330;
	text-decoration:underline;
}

#footeradresse a:hover{
	text-decoration:none;
}

#sportalpen a{
	position:relative;
	float:right;
	margin-right:75px;
	margin-top:20px;
	background:url(images/sportalpen.png) 0 0 no-repeat;
	width:100px;
	height:22px;
	display:block;
	outline:none;
	text-indent:-19999px;
}

#sportalpen a:hover{
	background:url(images/sportalpen-hover.png) 0 0 no-repeat;
	position:relative;
	float:right;
	margin-right:75px;
	margin-top:20px;
	width:100px;
	height:22px;
	display:block;
	outline:none;
	text-indent:-19999px;
}




/*

.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.attachment {
	text-align: center;
	margin: 5px 0px;
}