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

	SITE: alte-schmiede-juist

	Farben:

	hallo@stephan-grass.de 2006

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

* {margin: 0; padding: 0;}
html, body
	{
		height: 100.01%;
	}
body
	{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 75%;
		line-height: 1.4em;
		background: #94D2F7 url(/images/hgr_body.jpg) repeat-x;
		text-align: center;
		color: #0A2A50;
	}
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 10px 10px 0;}
.imgRight { float: right; margin: 4px 0 10px 10px; }

a.imgLeft img.imgLeft	{ margin: 0;}


a
	{
		color: #A7733F;
	}
a:hover
	{

	}

a:focus { outline: none;}

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; }

.mediaImage img { display: none; }

a.more
	{
		padding-left: 10px;
		background: transparent url(/images/link_arrow.gif) no-repeat 0 4px;
	}
a.zoomImageLink { }
a.zoomImageLink image
	{

	}

h1, h2, h3, h4, h5
	{
		line-height: 1.2em;
	}

h1, h2
	{
		font-weight: bold;
		color: #A7733F;
		margin-bottom: 1.5em;
	}

hr
	{
		height: 1px;
		color: #40AC73;
	}

p { margin-bottom: 1.5em;}



table
	{
		margin-bottom: 2em;
    }

td, th { padding: 0.1em 0.5em 0.1em 0!important;}

table.border
	{
		border-collapse: collapse;
		border: solid 1px #ccc;
	}

table.border td { vertical-align: top; border: solid 1px #ccc;}

#wrap
	{

		text-align: left;
		margin: 0 auto;
		width: 884px;
		min-height: 100%;
		background: #EADBBE;
	}

#headerBox
	{
		position: relative;
		height: 407px;
		background-color: #fff;
		background-position: 2px 0;
		background-repeat: no-repeat;
	}
#mainImgBox
	{
		position: absolute;
		top: 0;
		right: 2px;
        height: 407px;
		width: 270px;
		background-repeat: no-repeat;
    }
#homeButton
	{
		position: absolute;
		z-index: 100;
		bottom: 7px;
		left: 10px;
        padding-top: 20px;
		padding-left: 20px;
		line-height: 1px;
		font-size: 1px;
		text-indent: -999em;
		overflow: hidden;
		background: transparent url(/images/homeButton.png) no-repeat;
    }
#menuBox
	{
		position: relative;
		z-index: 20;
		float: left;
		width: 100%;
		height: 60px;
		background: transparent url(/images/hgr_menuBox.jpg) no-repeat top left;
    }
#mainNav
	{
		float: left;
		position: relative;
    }
#mainNav li
	{
		float: left;
		line-height: 26px;
    }
#mainNav a
	{
		display: block;
		text-align: center;
		text-decoration: none;
		color: #fff;
		text-indent: -999em;
    }
/*
#mainNav li:hover ul
	{
        display: block;
    }
*/

#mainNav_537 { width: 181px; background: transparent url(/images/hgr_menu_li_Insel.jpg) no-repeat 64px 2px; } /* Die Insel */
#mainNav_537 a { width: 82px; margin-left: 64px;}
#mainNav_537.active a, #mainNav_537 a:hover { background: url(/images/hgr_menu_Insel.jpg) no-repeat 0 2px; }
#mainNav_537 ul { left: 69px; width: 815px; }

#mainNav_538 { width: 190px; background: transparent url(/images/hgr_menu_li_Ferienhaus.jpg) no-repeat 18px 2px; } /* Das Ferienhaus */
#mainNav_538 a { width: 137px;  margin-left: 18px; }
#mainNav_538.active a, #mainNav_538 a:hover { background: url(/images/hgr_menu_Ferienhaus.jpg) no-repeat 0 2px; }
#mainNav_538 ul { left: 205px; width: 660px; }

#mainNav_539 { width: 144px; background: transparent url(/images/hgr_menu_li_Preise.jpg) no-repeat 0px 2px; } /* Die Preise */
#mainNav_539 a { width: 89px;  margin-left: 19px; }
#mainNav_539.active a, #mainNav_539 a:hover { background: url(/images/hgr_menu_Preise_h.jpg) no-repeat 0 2px; }
#mainNav_539 ul { left: 394px; width: 490px; }

#mainNav_540 { width: 188px; background: transparent url(/images/hgr_menu_li_Aktivitaeten.jpg) no-repeat 0px 2px; } /* Die Aktivitäten */
#mainNav_540 a { width: 134px; margin-left: 19px; }
#mainNav_540.active a, #mainNav_540 a:hover { background: url(/images/hgr_menu_Aktivitaeten_h.jpg) no-repeat 0 2px; }
#mainNav_540 ul { left: 537px; width: 335px; }

#mainNav_541 { width: 128px;  background: transparent url(/images/hgr_menu_li_Kontakt.jpg) no-repeat 0px 2px; } /* Der Kontakt */
#mainNav_541 a { width: 108px; margin-left: 20px; }
#mainNav_541.active a, #mainNav_541 a:hover { background: url(/images/hgr_menu_Kontakt_h.jpg) no-repeat 0 2px; }
#mainNav_541 ul { left: 724px; width: 145px; }

#mainNav li.active a {}

#mainNav li.active ul
	{
        display: block;
    }

#mainNav ul
	{
		float: left;
        display: none;
		top: 25px;
		position: absolute;
		border-top: solid 1px #fff;
    }
#mainNav ul li
	{
		float: left;
		background-color: #C19B70;
    }
#mainNav ul a
	{
        margin: 0;
		width: auto;
		line-height: 1.6em;
		padding: 0 10px;
		text-align: left;
		font-size: 1em;
		text-indent: 0;
		background-image: none!important;
    }
#mainNav ul a:hover
	{
        color: #793B11;
    }
#mainNav ul a.active
	{
        color: #793B11;
		font-weight: bold;
    }

#mainBodyBox
	{
		position: relative;
		z-index: 10;
		float: left;
		padding: 0 36px 0 66px;
	}

#footerBox
	{
		clear: both;
		font-size: 0.9em;
		margin: 30px 36px 0px 66px;
		padding: 10px 0;
		text-align: right;
		border-top: solid 1px #C19B70;
	}
#footerBox a
	{
		text-decoration: none;
	}
/****************************************************
	CONTENTBOX
******************************************************/

#contentBox
	{
		position: relative;
		float: left;
		width: 710px;
		padding-right: 40px;
		overflow: hidden;
		min-height: 500px;
    }

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

#contextBox
	{
		float: right;
		width: 151px;
    }

.contextMediaBox img
	{
		border: solid 1px #fff;
		margin-bottom: 10px;
    }

.priceTable
	{

    }
.priceTable th
	{
		color: #A7733F;
		font-weight: bold;
		text-align: left;
		border-bottom: solid 2px #A7733F;
    }
.priceTable th, .priceTable td
	{
        padding-right: 25px!important;
    }


/*************************
	FORMULARE
**************************/

form
	{
		margin: 0 0 2em 0;
		padding: 0;
	}
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;

	}
.button
	{
		margin-left: 120px;
		margin-top: 20px;
	}
.radio
	{
		width: auto;
	}

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