@import url("../../fragile/design/banner.css");

body,td,th {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.75em;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	background-image: url(bg_main.jpg);
	background-repeat: repeat-x;
}
a:link {
	color: #1E86A9;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #1E86A9;
}
a:hover {
	text-decoration: underline;
	color: #006666;
}
a:active {
	text-decoration: none;
	color: #FF9933;
}

h1 {
	font-size: 1.4em;
	color: #EEB645;
	display: none;
}
h2 {
	font-size: 1.3em;
	color: #EEB645;
	font-variant: small-caps;
	letter-spacing: 0.06em;
}
h3 {
	font-size: 1.2em;
	color: #999999;
	font-variant: small-caps;
	letter-spacing: 0.06em;
}
h4 {
	font-size: 1em;
	color: #666666;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	width: 180px;
}

@media screen {
	#Druckkopf { 
		display:none; 
	}
	
	#Main {
		width:778px;
		height:700px;
		text-align: left;
	}
	
	#Top {
		position:absolute;
		left:0px;
		top:0px;
		width:537px;
		height:197px;
		z-index: 6;
	}
	
	#leiste {
		position:absolute;
		left:0px;
		top:0px;
		width:536px;
		height:39px;
	}
	
	#logo {
		position:absolute;
		left:0px;
		top:39px;
		width:297px;
		height:158px;
	}
	
	#maus {
		position:absolute;
		left:297px;
		top:39px;
		width:239px;
		height:158px;
	}
	
	#Top2 {
		position:absolute;
		left:0px;
		top:0px;
		width:241px;
		height:197px;
		z-index: 5;
	}
	
	#suche {
		position:absolute;
		left:536px;
		top:0px;
		width:241px;
		height:81px;
	}
	
	#logo2 {
		position:absolute;
		left:536px;
		top:81px;
		width:240px;
		height:116px;
	}
	
	#Navigation {
		position:absolute;
		left:0px;
		top:197px;
		width:778px;
		height:35px;
		z-index: 7;
	}
	
	#information_ {
		position:absolute;
		left:0px;
		top:197px;
		width:248px;
		height:35px;
	}
	

	#Content {
		position:absolute;
		left:0px;
		top:0px;
		width:778px;
		height:468px;
		z-index: 4;
	}
	
	#info-bg {
		position:absolute;
		left:0px;
		top:232px;
		width:238px;
		background-image: url(info_bg.gif);
		padding: 5px;
		background-repeat: no-repeat;
		background-color: #FDFEFE;
		padding-left: 20px;
	}
	
	#willkommen {
		position:absolute;
		left:248px;
		top:232px;
		width:410px;
		height:79px;
		background-image: url(willkommen.gif);
		background-repeat: no-repeat;
		padding-top: 40px;
		padding-left: 25px;
		font-size: 0.9em;
		color: #CC9933;
		line-height: 1.5em;
		padding-right: 100px;
		overflow: auto;
	}
	
	#titel {
		position:absolute;
		left:248px;
		top:331px;
		width:530px;
		height:42px;
	}
	
	#textcontent {
	position:absolute;
	left:248px;
	top:373px;
	width:510px;
	padding: 10px;
	height: auto;
	}
	
	#bottom {
		position:absolute;
		left:0px;
		top:1090px;
		width:100%;
		height:61px;
		background-image: url(bottom.gif);
		background-repeat: repeat-x;
	}
}

#galerie { clear: left; float:left; }

#galerie .gruppe {
	border: none;
	margin: 10px;
	padding: 5px;
	clear: both;
	float: left;
	display: block;
	width: 95%;
}
#galerie .bild {
	float: left;
	display: inline;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	width: 140px;
}
#galerie .bild img {
	margin: 5px;
	border: 2px solid #AB7D1F; 
	width: 120px;
	height: auto;
}

#galerie .bild img:hover {
	border: 2px solid #CC6600; 
}

#info-bg h4,#info-bg h3, #info-bg h2  {
	color: #666666;
	background-color: #BEDDE3;
	padding: 3px;
}
#muster a {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #96DEE2;
	width: 180px;
}

@media print {
	h1, #Druckkopf { display:block; }
	#Top, #Top2, #info-bg, #Navigation, #willkommen, #titel { display:none; }
}