@charset "utf-8";
/* CSS Document */
body{
	font-size:13px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	overflow:hidden;
	background-image:url(../img/nav_bg.jpg);
	background-repeat:repeat-x;
	background-color:#CCC;
	}

.background {
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	height:23px;
	background-image:url(../img/link_bg.jpg);
	background-color:#333333;
	background-repeat:repeat-x;
}

.logo{
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:50px;
}

.navi_box{
	position:absolute;
	left: 250px;
	top: 0;
	width: 500px;
	height:50px;
}

a.element{
	position:absolute;
	display:block;
	top:0;
	width:100px;
	height:30px;
	padding-top:18px;
	text-align:center;
	background-color:#CC6600;
}

a.element:hover {
	color:#FFFFFF;
	width:98px;
	border-left: 1px solid #999999;
	border-right:#666666;
	background-color:#CCCCCC;
}

#datum{
	font-size:1.2em;
	color: #333333;
	font-weight:bold;
}

.font{
	font-weight: bold;
	color:#000;
}
h1{font-size:160%; color:#CC6600;}
h2{font-size:120%; color:#333333; text-indent:10px; text-decoration:underline;}
#test p:first-letter { font-size:1em;  color:#FFF; font-weight:bold  }
#datum p:first-letter { font-size:1.2em;  #333333; font-weight:bold  }
p{text-align:justify;}

a.toggle {
	color:#333333;
	position:absolute;
	display:block;
	width: 250px;
	height: 18px;
	padding-top:5px;
	text-indent:10px;
	text-decoration:none;
	background-image:url(../img/fake.gif);
}

a.toggle:hover{
	background-image:url(../img/bg.png);
	background-repeat:repeat;
}

a.gallery {
	color:#333333;
	position:absolute;
	display:block;
	width: 130px;
	height: 18px;
	padding-top:5px;
	text-indent:10px;
	text-decoration:none;
	background-image:url(../img/fake.gif);
}

a.gallery:hover{
	background-image:url(../img/bg.png);
	background-repeat:repeat;
}

#test{
	width:250px;
	background-color:#FFFFFF;
	margin-top:23px;
	overflow:scroll;
	padding-top: 10px;
	z-index:500;
}

a.left {
	color:#CC6600;
	font-size:1em;
	display:block;
	width:100%;
	height:23px;
	text-decoration:none;
	background-color:#fff;
	text-indent:10px;
	padding-top:8px;
}

a.left:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#CC6600;
}

a {
	color:#FFF;
	font-weight:bolder;
	text-decoration:none;
}
a:hover {
	color:#333333;
}

a.staedte{
	color:#333333;
	position:absolute;
	display:block;
	width: 630px;
	height: 18px;
	top:0;
	text-decoration:none;
	text-indent:10px;
	padding-top:5px;
	background-image:url(../img/fake.gif);
}

a.staedte:hover{
	background-image:url(../img/bg.png);
	background-repeat:repeat;
}

.one {
	position:absolute;
	left:0;
	top:50px;
}
.two{
	position:absolute;
	left:250px;
	top:50px;
}

.three{
	position:absolute;
	left:880px;
	top:50px;
}

#head{
	background-image:url(../img/bg.png);
	background-repeat:repeat;
	width:590px;
	margin-top:23px;
	margin-left:0;
	overflow:scroll;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:10px;
}

#gallery_head{
	background-image:url(../img/bg.png);
	background-repeat:repeat;
	width:120px;
	margin-top:23px;
	margin-left:0;
	overflow:scroll;
	padding:5px;
}


.kat{
	top:5px;
	left:5px;
	position:absolute;
}

.title{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 23px;
	background-image:url(../img/title_bg.jpg);
	background-repeat:repeat-x;
}


.content{
	text-indent:10px;
	position:absolute;
	width:100%;
	height: 90%;
	top: 23px;
	left: 0;
	overflow:scroll;
	background-image:url(../img/bg.png);
	background-repeat:repeat;
}

.headline{
	position:absolute;
	width:600px;
	height: 223px;
	top: 10px;
	left: 100px;
}

.container{
	position:absolute;
	width:500px;
	height: 290px;
	top: 243px;
	left: 100px;
}

.tip {
	position:absolute;
	color: #000;
	width: 172px;
	z-index:13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(../img/tip1.png) top left;
	z-index:13000;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background-color:#666666;
	background: url(../img/tip2.png) bottom right;
	z-index:13000;
}

.button {
	float:right;
	cursor:pointer;
}

.bg{
	float:right;
}

.ausblenden {
	margin-left:20px;
	cursor:pointer;
}

.footer{
	position:absolute;
	width:100%;
	height:25px;
	background-image:url(../img/nav_bg.jpg);
	background-repeat:repeat-x;
}

#error{
	color:#FF0000;
	font-weight:bold;
}