@charset "utf-8"

/*reset*/
* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	margin-bottom: 20px;
}

body {
	font: normal 75%/1.4  verdana, arial, verdana, sans-serif;
	background: #F5F5F5;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #003366;
	margin-bottom: 50px;
    }
	table tr td	{
		vertical-align: top;
	}

	.anzeige {
		font: normal 80%/1.4  verdana, arial, verdana, sans-serif;
    	background-color:#000;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #FF9900;
		}
		.anzeige a {
			color:#FF9900;
			text-decoration:none;
			border-bottom: 1px dotted #FF9900;
		}
		.anzeige img {
			border: 1px solid #fff;
		}
		.anzeige #dummy {
			position:absolute;
			top: -5px;
		}
		.anzeige #container {
			margin-top: 20px;
		}
		
		table tr td	{
			vertical-align: top;
		}
		

    .standard #container {
		height:100%;
    	width: 780px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #FFFFFF;
    	margin: 10px auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 1px solid #003366;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
    .standard #header {
    	background: #DDDDDD; 
    	padding:  1px 0;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
		background-image:url(images/hgWerner1.jpg);
		background-repeat:no-repeat;
		height:120px;

    }
    .standard #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
    .standard #mainContent {
    	padding: 50px 20px 0px 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #FFFFFF;
    }
	.standard #mainContent a {
		color:#FF9900;
		text-decoration:none;
		border-bottom: 1px dotted #FF9900;
	}
	
	.standard #mainContent a:hover {
		text-decoration: none;
		border-bottom: 1px solid #333333;
	}
	.standard #mainContent table.NoBorder tr td {
		padding: 5px;
	}
	
	.standard #mainContent table.Border {
		border-top: 1px #003366 solid;
		border-left: 1px #003366 solid;
	}
	
	.standard #mainContent table.Border tr td {
		border-right: 1px #003366 solid;
		border-bottom: 1px #003366 solid;
		padding:5px;
	}

	.standard #mainContent H1, H2 {
		margin: 0px 10px 10px 0;
		padding-left: 15px;
		font-size: 120%;
		font-variant: small-caps;
		line-height: 1.2;
		color: #003366;
		border: none;
		background-image:url(images/kreis.gif);
		background-repeat:no-repeat;
		background-position:left 60%;
	}
	.standard #mainContent .H1datum {
		margin-top: -10px;
		font-style:italic;
		margin-bottom: 50px;
	}
	.standard #mainContent H3 {
		padding-top: 30px;
		margin-bottom: 20px;
		font-size: 120%;
		font-variant: small-caps;
		line-height: 1.2;
		color: #555;
		border: none;
		border-bottom:1px dotted #555;
		width:97%;
		clear:both;
	}
	.standard #mainContent .H3datum {
		margin-top: -20px;
		font-style:italic;
		margin-bottom: 40px;
	}
	.standard #mainContent H4 {
		margin: 0px 10px 10px 0;
		font-size: 100%;
		font-variant: small-caps;
		line-height: 1.2;
		color: #555;
		border: none;
	}
	.standard #mainContent .H4datum {
		margin-top: -10px;
		font-style:italic;
		margin-bottom: 10px;
	}
	
	.standard #mainContent ul li {
		list-style-image:url(images/li_entry.gif);
		margin-left: 20px;
	}


	.standard #mainContent .article {
		width: 100%;
		height:auto;
		float:left;
		margin-bottom: 20px;
	}
	.standard #mainContent img {
		float:left;
		margin-right: 30px;
		margin-bottom: 0px;
	}

	.standard .NoBorder {
		border: none;
		background-image:none;
		}

    .standard #footer {
    	padding: 4px 0px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	   	background: #003366;
		width: 780px;
		text-align:center;
		margin-top: 30px;
    }
    .standard #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
	.standard #footer a {
		color:#FFCC00;
		text-decoration:none;
		border-bottom: 1px dotted #FFCC00;
		margin-right:30px;
	}
	.standard #footer a:hover {
		color:#FFCC00;
		text-decoration:none;
		border-bottom: 1px solid #FFCC00;
		margin-right:30px;
	}

	
a img {
		Xborder-bottom:1px solid #FF9900;
		Xborder-left:none;
		Xborder-right:none;
		Xborder-top:none;
		Xbackground-image:url(images/ancor.gif);
		Xbackground-position:right 100%;
		Xbackground-repeat:no-repeat;
		Xpadding-right:10px;
		border:1px solid #FF9900;
		
}



.left20 {
	margin-left: 20px;
}

.top20 {
	margin-top: 20px;
}
.top30 {
	margin-top: 30px;
}
.top50 {
	margin-top: 50px;
}
.height50 {
	height:50px;
}


#language {
position:absolute;
top:135px;
margin-left: 750px;
}
#language a {
	color: #FFCC00;
	text-decoration:none;
	font-weight:bold;
}
#mail {
	position:absolute;
	top: 138px;
	float:right;
	text-align:right;
	z-index:1000;
	margin-left: 710px;
}
#fb {
	position:absolute;
	top: 138px;
	float:right;
	text-align:right;
	z-index:1000;
	margin-left: 685px;
}

#home {
	position:absolute;
	top: 140px;
	float:right;
	text-align:right;
	z-index:1010;
	margin-left: 15px;
}


.news {
	width:300px;
	border:1px dotted #555;
	float:left;
	margin:20px 10px 0px 20px;
	padding: 15px;
	background-image:url(images/ecke1.gif);
	background-repeat:no-repeat;
	background-color:#FFFFEC;
	}
	.newsLi {
		background-image:url(images/li_entry.gif);
		background-repeat:no-repeat;
		padding-left: 20px;
		line-height:25px;
	}
	
	
.newsL img {
	margin-bottom: 10px!important;
	}


.news1 {
	width:680px;
	border:1px dotted #555;
	float:left;
	margin:20px 10px 0px 10px;
	padding: 15px;
	background-image:url(images/ecke1.gif);
	background-repeat:no-repeat;
	background-color:#FFFFEC;
	}
.news1 img {
	margin-bottom: 10px!important;
	}



.info {
	width:160px;
	border:1px dotted #555;
	float:left;
	margin:30px 0px 30px 0px;
	padding:10px 10px 10px 10px;
	background-image:url(images/ecke1.gif);
	background-repeat:no-repeat;
	}
.info ul { margin-left: 0px;}
	
.infoClear {clear:left};	
	


div.info1{ margin: 0px 3%;
background: #FFFFEC;
width: 300px;
float:left;

}
	

b.rtop, b.rbottom {
	display:block;
	background: #FFF;
}
b.rtop b, b.rbottom b {
	display:block;
	height: 1px;
    overflow: hidden;
	background: #FFFFEC;
}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


	
	

/* Gästebuch */
	.wmbody {
		background-color:#FFFFFF;
		text-align: left;
		}
		.wmbody a {
			color:#FF9900;
			text-decoration:none;
			border-bottom: 1px dotted #FF9900;
		}		
		.wmbody a:hover {
			text-decoration: none;
			border-bottom: 1px solid #333333;
		}
		.wmbody H1, H2 {
			margin: 0px 10px 10px 0;
			padding-left: 15px;
			font-size: 120%;
			font-variant: small-caps;
			line-height: 1.2;
			color: #003366;
			border: none;
			background-image:url(images/kreis.gif);
			background-repeat:no-repeat;
			background-position:left 60%;
		}
	
		.wmbody H3 {
			padding-top: 30px;
			margin-bottom: 20px;
			font-size: 120%;
			font-variant: small-caps;
			line-height: 1.2;
			color: #555;
			border: none;
			border-bottom:1px dotted #555;
			width:97%;
			clear:both;
		}
		hr {
			margin-top: 20px;
			border-width:0px;
			border:0px;
			border-bottom: 1px dotted #555;
			height:1px;
			visibility:hidden;
			}
		.wmeditedbox {
			visibility:hidden;
			}
		.wmentrybox1, .wmentrybox2 {
			border: 1px dotted #555;
			}
		.wmdate {
			background-color:#F0F0F0;
			border-bottom: 1px dotted #555;
			padding-bottom:10px;
			}

.width200 {
	width: 200px;
}
.width300 {
	width: 300px;
}
.width400 {
	width: 400px;
}
.width600 {
	width: 600px;
}
.width650 {
	width: 650px;
}
.width660 {
	width: 660px;
}
.width680 {
	width: 680px;
}

.clearLine {
	width:100%;
	clear:left;
	margin-bottom:20px;
}

.heli425 {
	background-image:url(images/bgGaui425.png);
}







/* Fotostrecke
------------------------------------------------ */

#content-Fotostrecke {
	margin-top:30px;
}

.startPortlet .scroll1,
.startPortlet .scroll2,
.startPortlet .scroll3 {
    position:relative;
    overflow:hidden;
    width: 194px;
    height:150px;
    float:left;
}
.startPortlet .scroll1 .pics,
.startPortlet .scroll2 .pics,
.startPortlet .scroll3 .pics {
    width:20000em;
    position:absolute;
    clear:both;
}
.startPortlet .scroll1 .text,
.startPortlet .scroll2 .text,
.startPortlet .scroll3 .text {
	width:192px;
	margin:0;
	padding:0;
}
.startPortlet .scroll1 .text a,
.startPortlet .scroll2 .text a,
.startPortlet .scroll3 .text a {
	margin-top:5px;
	display:block;
	background:none;
	padding:0;
}

.startPortlet .counter {
	float:left;
	margin-left:70px;
	font-size:11px;
}


#scrollBarBreit {
	width:490px;
	padding:2px 5px;
	margin-bottom:5px;
	height:19px;
}
#scrollBarBreit img {
	border:1px solid red;
	padding-right:0px;
}

.scrollBarBreitCount {
	margin-left:180px;
	font-size:11px;
}

.scroll {
    position:relative;
    overflow:hidden;
    width: 400px;
    height:580px;
    float:left;
    border:1px solid #CCC;
    background-color:#F4F4F4;
}
.scrollBreit {
	width:500px;
}
.scroll .pics {
    width:20000em;
    position:absolute;
    clear:both;
}
/* single scroll item */
.pics .NewsZeile {
    float:left;
    width:400px !important;
    margin:0px;
}

.pics .FotoZeile {
    float:left;
    width:400px !important;
    margin:0px;
	text-align:center;
}
.pics .FotoZeileBreit {
    float:left;
    width:500px !important;
    __margin:0px;
	text-align:center!important;
	__border:1px solid blue;
}

.FotoZeileBreit .text {
	__border:1px solid red;
	width:500px;
	clear:left;
}

.pics img {
    border-bottom: 1px solid #ccc;}
.pics .text {
    padding:10px;
}
.prev, .next {cursor:pointer;}