/* nur zum Debuggen
div { border: 1px solid #888; }  */


/************************************* Main structure *************************/

* {
	margin: 0; 
	padding: 0; 
	text-align: left; 
	font-family: Comic Sans MS, Verdana, Arial, sans-serif; 
	font-size: 15px; 
	line-height: 22px; 
	color: #E9E9E2 
}

img {
	border: none;
}

table {
    border-collapse:collapse;
}

body {
	background-color: #5a82aa;
    text-align: center;
}

h1
{
	color: #CEF12B;
	font-weight: bold;
	font-size: 20px;
	margin-top:15px;
	margin-bottom:8px;
}

a:link {color: #CEF12B; text-decoration: underline}     /* unvisited link */
a:visited {color: #CEF12B; text-decoration: underline}  /* visited link */
a:hover {color: #BED384; text-decoration: underline}   /* mouse over link */
a:active {color: #CEF12B; text-decoration: underline}   /* selected link */

.bg-image {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.small {
	font-size: 12px;
}

.testonly {
	display: none;
}

.light {
	margin-top:50px;
	font-size: 8px;
	color: #E9E9E2; 
}
.light a:link {
	color: #E9E9E2; 
	text-decoration: none
}

#container {
	position: relative;
	margin: 0 auto;
	width: 1000px;
/*	height: 768px; */
}

#belegung_container {
	position:absolute; top:150px;
}
#bluebar {
	position:absolute; top:0px;
	background-color: #5a82aa;
	width: 1000px;
	height: 60px; 
}
#beleg_link_alt {
	position:absolute; top:100px;
	width: 200px;
}

/*
iframe#webcam {
	position:absolute; bottom:10px; left:10px;
	text-align: center;
	width:404px;
	height:354px;
	visibility:hidden;
}
*/

#webcam_symbol {
	position:absolute; top:200px; left:20px;
	background: url(webcam_symbol.png) no-repeat top center;
    padding-top: 80px !important;
}

#wetter {
	position:absolute; top:200px; right:20px;
    padding-top: 0px !important;
}

#webcam {
	width:404px;
	font-weight: bold;
	font-size: 20px;
	color: #3C3B3F; /*#CEF12B;*/
	background-color: silver;
	line-height:2em;
	text-align:center;
}
#startstop {
	border: 2px solid black;
	color:#3C3B3F;
	background-color: silver;
}

#urlaub {
	position:absolute; top:350px; left:auto;
	/*position:absolute; top:220px; left:auto;*/
	/*position:absolute; top:180px; left:150px;*/
	z-index: 254;
}
#haus {
	float: right;
	margin-right:100px;
	/*position:absolute; top:130px; right:10px;*/
	z-index: 253;
}
#bilder {
	position:absolute; top	:120px; left:10px;
}
#grundrisse {
	padding-left: 300px;
}

.g_wichtig {
	margin-top: 4px;
	color: #CEF12B;
	font-weight: bold;
}

#bilder img {
	margin:20px;
	border:4px solid black;
	vertical-align:center;
}

#g_sonstiges_links {
	position:absolute; top: 150px; left:100px;
	width: 800px;

}

#g_beschreibung {
	position:absolute; top: 150px; left:100px;
	width: 800px;

}

#g_preise {
	position:absolute; top: 150px; left:200px;
	width: 800px;
}

#g_preise .headline {
	font-weight: bold;
	font-size: 20px;
	color: #CEF12B;
}

#g_preise table {
	width: 500px;
	margin-bottom:15px;
}

#g_preise td {
	border:2px solid #E9E9E2;
	text-align:center;
	padding:5px;
}

#g_preise .kontakt {
	width: 500px;
	margin-top:8px;
	text-align:center;
	font-weight: bold;
}
#g_preise .kontakt2 {
	color: #CEF12B;
}

#g_anfahrt {
	position:absolute; top: 150px; left:0px;
	width: 800px;
}

#g_anfahrt div, #g_anfahrt ul {
	width: 100%;
	margin-top:15px;
	text-align:center;
}

#g_anfahrt ul {
	margin-top:30px;
	margin-bottom:50px;
}

#g_anfahrt li {
	font-weight: bold;
	margin-left:120px;
}

#g_anfahrt .adresse {
	font-weight: bold;
	margin-bottom:30px;
}
#g_anfahrt .gmaps {
	color: #CEF12B;
	margin-top:-5px;
	font-weight: bold;
}

/********************************* Navigation **********************************/

#navcontainer {
	position:absolute; top:20px; left:50px;
	z-index: 255;
}

#navcontainer ul
{
	list-style-type: none;
	color: white;
}

#navcontainer a, #webcam_symbol
{
	display: block;
	color: #E9E9E2;
	qpadding-top: 17px;
	qpadding-left: 37px;
	qbackground-color: #DCE3ED;
	qborder: 1px solid #eee;
	qbackground-image: url(images/menu.png);
	qbackground-repeat: repeat-x;
	text-align: center;
	width: 100px;
	padding-top: 47px;
	height: 20px;
	text-decoration: none;
	font-weight: bold;
}


#navcontainer a#active
{
	color: #CEF12B;
}

#navcontainer a:hover, #navcontainer .active
{
	color: #CEF12B;
	margin-top:10px;
}

#navcontainer li#index a {
	position:absolute; top:0px; left:0px;
	background: url(drachen1.gif) no-repeat top center;
}
#navcontainer li#beschreibung a {
	position:absolute; top:0px; left:120px;
	background: url(drachen2.gif) no-repeat top center;
}
#navcontainer li#huisje a {
	position:absolute; top:0px; left:240px;
	background: url(drachen3.gif) no-repeat top center;
}
#navcontainer li#preise a {
	position:absolute; top:0px; left:360px;
	background: url(drachen1.gif) no-repeat top center;
}
#navcontainer li#anfahrt a {
	position:absolute; top:0px; left:480px;
	background: url(drachen3.gif) no-repeat top center;
}
#navcontainer li#belegung a {
	position:absolute; top:0px; left:600px;
	background: url(drachen2.gif) no-repeat top center;
}
#navcontainer li#sonstiges a {
	position:absolute; top:0px; left:720px;
	background: url(drachen4.gif) no-repeat top center;

	vvisibility:hidden; /* AUSGEBLENDET */
}