@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font-family:"Myriad Pro", Arial, sansSerif;
	font-size:14px;
	background-color:#FFFFFF;
	}
	
div#container1 {
	position:relative;
	width:1000px;
	height:620px;
	margin:20px auto;
	background-image:url(/bilder/rahmen-990-610.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

/*div#container1 {
	position:relative;
	width:1000px;
	height:620px;
	margin:20px auto;
	background-color:#FFFFFF;
}*/

div#container2 {
	position: absolute;
	left:40px;
	top:30px;
	width:890px;
	height:500px;
	background-color:#FFFFFF;
}

/*Next-Button*/
div#next{
	width:26px;
	height:27px;
	position:absolute;
	left:882px;
	top:10px;
	background-color:#990000;
}

div#next p a{
	display:block;
	text-align:center;
	padding-top:2px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

/*Horizontale Navi*/

ul#navi-horizontal {
	height:10px;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:50px;
	list-style:none;  
}

ul#navi-horizontal li {
	width:94px;
	margin-right:2px;
}

ul#navi-horizontal li.float-left {
	float:left;
	background-color:#990000;
	font-weight:bold;
	border: 1px solid  #990000;
}

ul#navi-horizontal li.float-right {
	float:right;
	background-color:#CCCCCC;
	border: 1px solid  #990000;
}

ul#navi-horizontal li  a {
	display:block;
	padding-top:4px;
	padding-bottom:3px;
	text-decoration:none;
	text-align:center;
}

ul#navi-horizontal li.float-left a:active {
	color:#FFFFFF;
	background-color:#990000;
}

ul#navi-horizontal li.float-left a {
	color:#FFFFFF;
}

ul#navi-horizontal li.float-right a {
	color:#990000;
}

/*Logo*/
/*Logo*/
/*Logo*/

.dachzeile {
	position:absolute;
	top:45px;
	left:10px;
	z-index:4;
/*	width:22%;*/
/*	background-color:#bfd3d1;*/
/*	background:rgba(65, 177, 163, 0.2); /*Transparenz geben*/
/*	-moz-transform:rotate(-18deg);
	-webkit-transform:rotate(-18deg);
	-o-transform:rotate(-18deg);
	-ms-transform:rotate(-18deg);
	transform:rotate(-18deg);*/

}


.logo {
	position:absolute;
	top:85px;
	left:10px;
	z-index:2;
	width:28%;
/*	background-color:#bfd3d1;*/
/*	background:rgba(65, 177, 163, 0.2); /*Transparenz geben*/
/*	-moz-transform:rotate(-18deg);
	-webkit-transform:rotate(-18deg);
	-o-transform:rotate(-18deg);
	-ms-transform:rotate(-18deg);
	transform:rotate(-18deg);*/

}

.g {
	position:absolute;
	top:350px;
	left:50px;
	z-index:6;
	width:8%;
/*	background-color:#bfd3d1;*/
/*	background:rgba(65, 177, 163, 0.2); /*Transparenz geben*/
	-moz-transform:rotate(-9deg);
	-webkit-transform:rotate(-9deg);
	-o-transform:rotate(-9deg);
	-ms-transform:rotate(-9deg);
	transform:rotate(-9deg);

}


/*Content*/
/*Content*/
/*Content*/

div#content {
	height:308px;
	margin-top:180px;
	margin-left:200px;
	margin-right:250px;
	text-align:left;
	z-index:1;
	}

h1 {
	font-size:20px;
	margin-bottom:25px;
	color:#990000;
}

h2 {
	font-size:16px;
	margin-bottom:10px;
	color:#990000;
}


p {
	margin-bottom:10px;
	font-size:16px;
	color:#000000;
	}
	
a {
	color:#666666;
	text-decoration:none;
	}

.rot {
	font-weight: bold;
	color:#990000;
	}
		
.bold {
	font-weight: bold;
	}
	
	
/*Tool-tip*/


div#box-startseite {
	float: right;
	margin-top:130px;
	width:180px;
	height:320px;
/*	overflow:auto;*/
	background-color:transparent;
	padding-right:10px;
/*	position:relativ;*/
/*	top:10px;*/
/*	margin-left:2px;
	margin-bottom:6px;*/
	}
	
	div#box {
	float: right;
	margin-top:130px;
	width:180px;
	height:280px;
	overflow:auto;
	background-color:transparent;
	padding-right:10px;
/*	position:relativ;*/
/*	top:10px;*/
/*	margin-left:2px;
	margin-bottom:6px;*/
	}
	
div#box  figcaption{
	padding-bottom: 15px;
	}
	
.auto {
	overflow:auto;
	}



	
/*rest*/

div#stift {
width:120px;
height:110px;
position:absolute;
top:-5px;
left:165px;
z-index:10;
}



/*Footer-Impressum*/
/*Footer-Impressum*/
/*Footer-Impressum*/

div#impressum {
	clear:both;
	margin-left:10px;
	font-weight:normal;
	font-size:14px;
	}

.linie {
	margin-bottom:10px;
	width:880px;
	}
	
div#impressum p {
	float:left;
	font-size:14px;
	font-weight:normal;
	}

div#impressum p span {
	color:#000000;
	font-weight:normal;
	}

ul#navi-impressum {
	float:right;
	list-style:none;
	margin-bottom:25px;
	}

ul#navi-impressum li {
	display:inline;
	}

ul#navi-impressum li a {
	color:#000000;
	padding: 2px 4px 2px 4px;
	}

ul#navi-impressum li a:hover {
	color:#990000;
	font-weight:bold;
	background-color:#FFFFFF;
	}
	
