/****************************************************

	SITE: http://www.hotel-eisborn.de

	Version 26.05.2011

	Farben:

	Hellblau: 	#DCE6F6
	Dunklblau:	#B3D7E8
	Linkblau:	#5179BA

	Dunkelblau (Adressblock):	#647E98

	Gelb:		#FFC721

	grass@mai-multimedia.de 2009

******************************************************/

* {margin: 0; padding: 0;}

html, body
	{
		height: 100%;
	}

body
	{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 75%;
		line-height: 1.4em;
		background: #fff;
		padding: 5px;
		text-align: center;
	}
h1, h2, h3, h4, h5, li li, li p, td p, td, blockquote p {font-size: 1em}

ul { list-style: none; }

/****************************************************
	ALLGEMEINE STYLES
******************************************************/

.clear { clear: both; }
.invisible { display: none; }

img { border: none; }
.imgLeft { float: left;  clear: left; margin: 2px 20px 20px 0;}
.imgRight { float: right; margin: 4px 0 20px 20px; }


a:link { color:#5179ba; }
a:visited { color:#808080; }
a:active { color: #35507b; }
a:hover { color: #35507b; }

a.download { padding-left: 25px ; }
a.pdf { background: transparent url(/images/media_pdf.gif) no-repeat; }
a.ppt { background: transparent url(/images/media_ppt.gif) no-repeat; }
a.txt { background: transparent url(/images/media_txt.gif) no-repeat; }
a.doc { background: transparent url(/images/media_doc.gif) no-repeat; }
a.xls { background: transparent url(/images/media_xls.gif) no-repeat; }
a.zip { background: transparent url(/images/media_zip.gif) no-repeat; }
a.swf {	background: transparent url(/images/media_swf.gif) no-repeat; }
a.mov {	background: transparent url(/images/media_mov.gif) no-repeat; }
a.mp3 {	background: transparent url(/images/media_mp3.gif) no-repeat; }

a.mailLink { padding-left: 15px; background: transparent url(/images/mail.gif) no-repeat 0 1px; }
a.homeLink { padding-left: 15px; background: transparent url(/images/home.gif) no-repeat 0 1px; }
a.impressumLink { padding-left: 15px; background: transparent url(/images/impressum.gif) no-repeat 0 1px; }
a.newsletterLink { padding-left: 15px; background: transparent url(/images/newsletter.gif) no-repeat 0 1px; }

a.reservierungLink  { padding: 10px 0 10px 34px; background: transparent url(/images/buchen-icon.gif) no-repeat 0 1px; 		color: #647E98; text-decoration: none; margin: 1em 0; display: block; font-weight: bold;}

a.zoomImageLink
	{
		position: relative;
		padding-bottom: 18px;
		margin-bottom: 5px;
		background: transparent url(/images/zoom.gif) no-repeat bottom left;
	}
a.zoomImageLink	img, a.zoomImageLink img.imgLeft, a.zoomImageLink img.imgRight
	{
		float: none;
		margin: 0;
	}

a.linkTop
	{
		display: block;
		clear: both;
		position: relative;
		margin-top: 2em;
		width: 120px;
		height: 21px;
		color: #5179BA;
		text-decoration: none;
		font-size: 9px;
		padding-left: 10px;
		background: transparent url(/images/topn.gif) no-repeat 0 4px;
	}
a.linkTop span
	{
		visibility: hidden;
		padding-left: 5px;
	}
a:hover.linkTop span
	{
		visibility: visible;
	}

.mediaImage img { display: none; }



h1, h2
	{
		font-weight: normal;
		font-size: 1.4em;
		color: #5179BA;
		margin-bottom: 0.5em;
	}


h2
	{
		margin: 0.5em 0;
	}

h3
	{
		font-weight: bold;
		font-size: 1em;
		color: #5179BA;
		margin: 0.5em 0;
	}
h4
	{
		font-weight: bold;
		font-size: 1em;
		color: #000;
		margin: 0.5em 0;
	}

p
	{
		padding: 0.5em 0;
	}

blockquote
	{
		padding: 0.5em 0;
		font-family: Georgia, "Times New Roman", Times, serif;
	}

hr { clear: both; border-top: 2px dotted #ffc721; border-right: #ffc721; border-bottom: #ffc721; border-left: #ffc721; margin: 1.5em 0; }

table td
	{
		vertical-align: top;
	}

table.border
	{
		border-collapse: collapse;
		border: solid 2px #fff;
		margin: 1em 0;
	}
table.border td
	{
		padding: 4px 8px 4px 4px;
	}

table.nostyle td
	{
		border-collapse: separate;
		border: none;
		margin: auto;
		padding: 0.5em;
	}
td.outline { border: solid 2px #fff!important }
/****************************************************
	CONTENT
******************************************************/

#wrap
	{
		margin: 0 auto;
		position: relative;
		min-height: 100%;
		background: transparent url(/images/hgr_wrap.gif) repeat-y 78% 0;
		max-width: 1024px;
		text-align: left;
	}

#contentBox
	{
		position: relative;
		float: left;
		width: 78%;
	}
.headerBox
	{
		position: relative;
		height: 230px;
	}
.content
	{
		position: relative;
		border-top: none;
		padding: 50px 0 0 11em;
		overflow: hidden;
	}


#contentBox .headerBox
	{
		padding-top: 17px;
		height: 213px;
		background: #B3D7E8 url(images/hgr1.jpg) no-repeat;
		border-right: solid 2px #fff;
	}

#contentBox .content
	{

	}
#contentBox .content img
	{
		border: solid 2px #fff;
	}
#contentBox .content a:hover img
	{
		border-color: #FBC900;
	}


#contentBox .content ul
	{
		margin: 1em 0 1em 2.6em;
		list-style: square;
	}
#contentBox .content li
	{
		padding: 0.3em 0;
	}
/****************************************************
	NAVIGATION
******************************************************/

#topNavBoxHgr
	{
		position: absolute;
		top: 0;
		height: 230px;
		width: 12.2em;
		text-align: right;
		background: transparent url(images/hgr1_b.jpg) no-repeat;
		letter-spacing:0.1em;
		font-size: 0.8em;
	}

ul#topNav
	{
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing:0.1em;
		font-size: 0.8em;
		position: relative;
		z-index: 1000;
	}

ul#topNav li
	{
		position: relative;
		z-index: 900;
		padding: 0.2em 0;
	}
ul#topNav a
	{
		display: block;
		text-align: right;
		width: 11em;
		line-height: 1.2em;
		height: 1.2em;
		padding: 0 0.4em 0 0.7em;
		text-decoration: none;
		color: #000;
	}
ul#topNav a:hover, ul#topNav li.select a:hover
	{
		background: #fff;
		color: #5179BA;
	}

ul#topNav ul
	{
		position: absolute;
		z-index: 2000;
		top: 0.2em;
		width: 800px;
		left: 12.2em;
		text-align: left;
		display: none;
	}

ul#topNav ul li
	{
		float: left;
		line-height: 1.2em;
		height: 1.2em;
		padding: 0;
	}
ul#topNav ul a, ul#topNav li.select ul a
	{
		position: relative;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
		background: #FFC721;
		display: inline;
		width: auto;
		padding: 0 1em;
		color: #000;
	}

ul#topNav li.select ul
	{
		display: block;
	}
ul#topNav li.select a
	{
		background: #fff;
		color: #5179BA;
	}
ul#topNav a.select
	{
		background: #fff!important;
		color: #5179BA!important;
	}

/****************************************************
	INFOBOX
******************************************************/

.infoBox
	{
		border: solid 2px #fff;
		margin: 1em 2em 1em 0;
	}
.infoBox h4
	{
		padding: 3px 5px;
		background-color: #FFC721;
		margin: 0;
	}
.infoBox p
	{
		margin: 0;
		padding: 3px 5px;
		background-color: #B3D7E8;
	}

/****************************************************
	TEXTSCHNIPSEL
******************************************************/

.textSchnipsel
	{
		position: relative;
		float: left;
		width: 100%;
		padding-bottom: 1.5em;
	}

.textSchnipsel .sideBoxBox
	{
		position: absolute;
		right: -200px;
		top: 0;
		width: 150px;
		padding-right: 10px;
		font-size: 0.8em;
		line-height: 1.2em;
	}
.textSchnipsel .sideBoxBox p
	{
		padding-top: 20px;
	}
/****************************************************
	SIDEBOX
******************************************************/
#sideBox
	{
		position: absolute;
		width: 160px;
		top: 8px;
		right: 0;
		padding-bottom: 20px;
	}
#sideBox .sideBoxBox
	{
		position: absolute;
		padding-right: 10px;
	}
#sideBox .sideBoxBox p
	{
		padding-top: 20px;
	}

/****************************************************
	CONTEXTBOX
******************************************************/

#contextBox
	{
		position: relative;
		float: right;
		width: 22%;

	}
#contextBox a
	{
		text-decoration: none;
	}

#contextBox .headerBox
	{
		background: #DCE6F6;
		text-align: center;
		border-left: solid 2px #fff;
	}
#logo
	{
		margin-top: 65px;
	}
.str
	{
		height: 5px;
		background-color: #fff;
		line-height: 0;
		font-size: 0;
	}
#strHeader
	{
		position: absolute;
		width: 100%;
		top: 230px;
	}
#contextBox .content
	{
		padding-left: 20px;
	}

#serviceBox, #adressBox
	{
		position: absolute;
		left: 78%;
		padding-left: 20px;
		color: #647E98;
		font-size: 0.8em;
		line-height: 1.2em;
	}
#serviceBox a, #adressBox .mailLink
	{
		display: block;
		text-decoration: none;
		margin: 0.5em 0;
	}
#serviceBox
	{
		top: 255px;
	}
#adressBox
	{
		bottom: 20px;
	}


.contextBoxItem
	{
        margin: 1em 0;
		border-top: solid 1px #ffc721;
		padding-top: 1em;
		width: 180px;
		font-size: 1.2em;
		line-height: 1.3em;
    }


	/****************************************************
	FORMULARE ALT
******************************************************/

.error { background-color:#ffffff; font-weight:bold; color:#dc143c; font-size:12px; padding:8px; }
.star   { color: #c03; font-size: 16px; font-weight: bold; line-height: 18px !important }
.starmini { color: #c03; font-size: 15px; font-weight: bold; line-height: 16px }

fieldset { border:1px solid #fff; padding:5px; }

.button
	{
		font-size:12px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		color:#ffffff;
		border:1px solid #000000;
		border-left:1px solid #ffffff;
		border-top:1px solid #ffffff;
		background-color:#417CC5;
		margin-left: 120px;
		width: auto!important;
	}
td .button
	{
		margin-left: 0;
	}
.button:hover
	{
		background-color:#0F4376;
	}
.check, .radio { border:none; width: auto; }

input
	{
		font-size:12px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		border-style:solid;
		border-color:#000000;
		border-width:1px;
	}

textarea
	{
		font-size:12px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		border-style:solid;
		border-color:#000000;
		border-width:1px;
	}

/*************************
	FORMULARE NEU
**************************/

form
	{
		margin: 1.4em 0;
		padding: 0;
		font-size: 1em;
	}
input, textarea, select
	{
		width: 250px;
	}
.fbError
	{
		color: #cc0000;
	}
.fbError input, .fbError textarea
	{
		border: solid 2px #cc0000;
	}
.formField
	{
		clear: both;
		padding: 2px 0;
	}
.formField label
	{
		width: 120px;
		float: left;
	}

.radio
	{
		width: auto;
	}

.radioSet
	{
		display: inline;
		padding-right: 1em;
	}
.radioLabel
	{
		position: relative;
		top: -2px;
		padding: 0 0.5em;
	}
.radioSet.fbError
	{
		border: none;
	}
.check
	{
		width: auto;
		float: left;
		clear: both;
	}
.formField label.checkboxLabel, .formField label.radioLabel
	{
		position: relative;
		top: 0;
		float: none;
		padding-left: 0.5em;
		width: 100%;
	}
#formHint
	{
		padding: 1em 0;
	}

.alertBox h4
	{
		font-size: 1.2em;
	}
.alertBox ul
	{
		color: #cc0000
	}

/*************************
	SONSTIGES
**************************/

#maiBlock
	{
		position: absolute;
		left: 78%;
		margin-left: -150px;
		font-size: 0.8em;
		line-height: 1.2em;
		top: 290px;
	}
#maiBlock a
	{
		display: block;
		margin-top: 10px;
	}
/*routing*/
#routingForm{}

#routingForm .button
	{
		margin: 0;
	}
/* Tagungsräume */
	.he_table
		{
			position: relative;
			width: 448px;
		}
	.he_table th
		{
			text-align: left;
		}
	.he_table td
		{
			position: relative;
			width: 215px;
			background: #B3D7E8 url(/images/hgrTab.gif) repeat-y;
			border-bottom: solid 2px #fff;
			padding: 0;
		}
	.he_table td.center
		{
			width: 10px;
			border: none;
			background: none #DCE6F6;
		}

	.he_table h4
		{
			color: #000;
			background: #ffc721;
			line-height: 2.4em;
			border: solid 2px #fff;
			padding-left: 15px;
			margin: 0;
		}
	.he_table .box
		{
			border: solid 2px #fff;
			border-bottom: none;
			padding: 1em;
		}
	.he_table .spacer
		{
			border-top: solid 2px #fff;
			background: #DCE6F6;
			height: 10px;
		}
	.he_table ul
		{
			list-style: square;
			padding-left: 1.6em!important;
			margin: 0!important;
		}
	.he_table img
		{
			border: solid 2px #fff;
			margin: 8px 0;
		}		

/* Social media Icons */
#socialMediaList
	{
		list-style: none;
		list-style-image: none;
		margin: 1.5em 0 2em -6px;
	}
#socialMediaList li
	{
		list-style-image: none!important;		
		height: 22px;
		line-height: 22px;
		margin-bottom: 0px;
	}
#socialMediaList a
	{
		padding-left: 30px;
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url(/images/sm_icons.gif);		
		text-decoration: none;
	}
#socialMediaList li.email a { background-position: 0 -9px;}
#socialMediaList li.rss a { background-position: 0 -229px;}
#socialMediaList li.twitter a { background-position: 0 -53px;}
#socialMediaList li.facebook a { background-position: 0 -31px;}
#socialMediaList li.smBlog a { background-position: 0 -250px;}
#socialMediaList li.xing a { background-position: 0 -75px;}

/*Wetter*/
.wetterBox {

}
.infoBoxDiv {
	padding: 0 5px;
}


.wetter h3 {
	margin-bottom: 5px;
}
.wetter img {
	float: left;
	margin: 1px 5px 0 0;
}

.wettervorhersage {
	font-size: 10px;
	line-height: 1.1em;
}
.wettervorhersage img {
	width: 20px;
	float: left;
	margin: 1px 5px 0 0;
}
#plz {
	width: auto;
}

.wetterBox input {
	height: 1em;
	font-size: 11px;
	font-family: Arial, sans-serif;
}
.wetterBox .smallbutton {
	float: none;
	margin-left: 5px;
	height: auto;
}

/****************************************************
	MEDIAGALERIE
******************************************************/
#mediaGalerie
	{
		float: left;
	}
#contentBox .content #mediaGalerie ul
	{
		list-style: none;
		margin: 0;
	}
#contentBox .content #mediaGalerie li
	{
		float: left;
		width: 100px;
		padding: 5px;
	}
#contentBox .content #mediaGalerie li.firstItem
	{
		margin-left: 0px;
		clear: left;
	}
#contentBox .content #mediaGalerie li .imageBox
	{
		padding-bottom: 5px;
	}
#contentBox .content #mediaGalerie li h4
	{
		font-weight: normal;
		color: inherit;
		font-size: 0.9em;
		line-height: 1.2em;
	}