@import url("layout.css");
body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: small;
	background-attachment: scroll;
	background-color:#d4f0e1;
}
#content {
	position: absolute;
	top: 50%;
	left: 50%;
}

#subcontent {
	position: absolute;
	top: -285px;
	left: -490px;
	border:1px white solid;
	height:570px;
	width:980px;
	/*margin:auto;*/
	overflow: hidden;
	z-index:1; 
}
#container1 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Steinfrau.jpg');
	background-repeat:no-repeat;
}
#container2 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Jahresringe.jpg');
	background-repeat:no-repeat;
}
#container3 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Blatt.jpg');
	background-repeat:no-repeat;
}
#container4 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Flussteine.jpg');
	background-repeat:no-repeat;
}
#container5 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Baumgerippe.jpg');
	background-repeat:no-repeat;
}
#container6 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/wandern.jpg');
	background-repeat:no-repeat;
}
#container7 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/newyear.jpg');
	background-repeat:no-repeat;
}
#container8 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/wildniskueche.jpg');
	background-repeat:no-repeat;
}
#container9 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/wasser.jpg');
	background-repeat:no-repeat;
}
#container10 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Feuer.jpg');
	background-repeat:no-repeat;
}
#container11 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Echinacea.jpg');
	background-repeat:no-repeat;
}
#container12 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Pusteblume.jpg');
	background-repeat:no-repeat;
}
#container13 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Scheibe.jpg');
	background-repeat:no-repeat;
}
#container14 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Netz.jpg');
	background-repeat:no-repeat;
}
#container15 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/graeser.jpg');
	background-repeat:no-repeat;
}
#container16 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Fruehjahr.jpg');
	background-repeat:no-repeat;
}
#container17 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Sommer.jpg');
	background-repeat:no-repeat;
}
#container18 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Herbst.jpg');
	background-repeat:no-repeat;
}
#container19 {
	width:980px;
	height:570px;
	background-color:#d4f0e1;
	background-image: url('media/Samhain.jpg');
	background-repeat:no-repeat;
}

#column_l {
	width: 250px;
	padding:0px 0px 20px 25px;
	z-index:2;
}
html>body #column_l {
	width: 250px;
	padding:0px 0px 20px 25px;
	top: 130px;
	left: 0px;
	height: 400px;
	z-index:2;
}
#column_r {
	width: 680px;
	top:130px;
	padding:0px 0px 20px 0px;
	height: 400px;
	z-index:2;
	overflow:auto;
}
html>body #column_r {
	width: 680px;
	top: 130px;
	padding:0px 0px 20px 0px;
	height: 400px;
	z-index:2;
	overflow:auto;
}
#column_r img{
	border:thin white solid;
	margin-left:5px;
	float:right;
}

#column_l a {
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #003300;
}
#column_l a:hover {
	font-family:Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color:white;
}
#subnav a{
	padding-left:10px;
	font-family:Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	text-transform:none;
	font-size:12px;
	font-weight:normal;
	color:#003300;
}
#subnav a:hover {
	font-family:Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	text-transform:none;
	font-size:12px;
	font-variant:normal;
	font-weight:normal;
	 color:white;
}
#column_r a:link {
	font-family:Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:maroon;
}
#column_r a:link:visited {
	font-family:Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:maroon;
}
#column_r a:{
	font-family:Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:maroon;
}
#column_r a:hover {
	font-family:Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#003300;
}
#column_r a:visited {
	font-family:Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:maroon;
}

/* Websitetypografie */
h1 {
	font-size: xx-large;
}
h2 {
	margin-top:10px;
	font-size: x-large;
		color: #EFA855;
}
h3 {
	font-size: large;
	color: #EFA855;
}
h4 {
	font-size: medium;
	color: #EFA855;
}
h5 {
	font-size: x-small;
}
h6 {
	font-size: xx-small;
}

li { color:maroon;
}
.style_bold {
	font-weight: bold;
		color:maroon;
}
.style_italic {
	font-style: italic;
		color:maroon;
}
.style_plain {
	font-size:small;
	color:maroon;
	line-height:auto;
}
.style_block {
	font-size:small;
	color:maroon;
	display:inline-block;
	background-color:#DB9929;
}
.style_breadcrump {
	font-size:small;
	padding:0 10 5 0;
	color: orange;

	text-align: right;
}
.style_plain01 {
	font-size:small;
	padding:0 0 5 0;
	color: maroon;
}
.style_small {
	font-size:xx-small;
	padding:0 0 5 0;
	color: maroon;
}
.style_plain02 {
	font-size:  x-small;
	font-style:italic;
	color: orange;
}
.style_markup {
	color: #DB9929;
	text-decoration: none;
}
.style_italic_small {
	font-style: italic;
	color: maroon;
	font-size: 12px;
	line-height: 16px;
}