body{
	font: 90% helvetica;
	line-height: 1.5; 
	padding: 0;
	}

/*div{background-color: olive;
	top: 0px;
	left: 0px;
}
*/

#infobar{
	z-index: 4;
	position: relative;
	width: 98%;
	height: 32px;
	padding: 0px 0px 0px 2%;
	background-color: red;
}

#infobar ul{
	width: 100%;
	position: absolute;
	top: -14px;
	left: -20px;
	background-color: rgba(255,255,250,0.9);
}

#infobar ul li{
	display: inline-block;
}

#info{
	z-index: 4;
	position: relative;
	width: 98%;
	left: 2%;
}

.links{
	width: 46%;
	float: left;
	padding: 0.5% 2% 0.5% 2%;
}
.rechts{
	width: 48%;
	float: right;
	padding: 0.5% 0.5% 0.5% 0.5%;
}

.atop{ 
	text-decoration: none;
	color: #E6AB55;
}

#thumbnail{
	width: 200px;
	float: left;
	padding-right: 6px;
}

.diashow {
	width:150px; 
	height:260px; 
	position:relative; 
	top:6px; left:13px; 
	background-color:#fff;
	padding-left: 0px;
}


.clearfloat {
	clear: both;
}

.platzhalter{
	width: 100%;
	height: 90px;
}

.box{
	width: 100%;
}

.mulishow{
	float: left; position: relative; width: 50%;
}

h1{ 
	letter-spacing: 1px; 
	font-size: 25px; 
	color: #861527;
	margin-bottom: 40px;
}

h2{ 
	padding-top: 82px;
	font-size: 16px;
	letter-spacing: 1px; 
	margin-left: 0px; 
	color: #8F9191;
}

h3{ 
	letter-spacing: 1px; 
	margin-left: 0px; 
	color: #A75A1A;
}
h4{ 
	letter-spacing: 1px; 
	margin-left: 0px; 
	color: #A23A54;
}
a{
	text-decoration: none;
	color: #44444B;
}

/* mouse over link */
a:hover {
    color: #f09B65;
}

/* selected link */
a:active {
    color: blue;
}

/* mouse over link */
a.menu:hover {
    color: #A23A54;
}
a.menu:active {
    color: blue;
} 

a.menul{
	color: #778398;
}
/* mouse over link */
a.menul:hover {
    color: #A23A54;
}
a.menul:active {
    color: blue;
} 

.a1{
	text-decoration: underline;
	font-weight: lighter;
	color: #A23A54;
	padding-right: 20px;
	font-size: 10px;
}

.a2{
	float: left;
	padding-right: 9px;
	
}

.a3{
	font-weight: lighter;
	color: #A23A54;
}



span{
	font-weight: bold;
	color: #A23A54;
}

.span1{
	font-weight: lighter;
	color: #A23A54;
	font-size: 16px;
}

.span2{
	font-size: 16px;
	margin-left: 40px;
	font-weight: lighter;
	color: #A23A54;
}

.span4{
	font-size: 12px;
	padding-right: 10%;
	padding-left: 10%;
	font-weight: lighter;
	color: #A23A54;
}

b{
	color: #a36c13;
}

p, h1, h2, h3{
	padding: 0% 1% 1% 1%;
}
.goleft{
	float: left;
	margin-right: 2%;
}
.goright{
	float: right;
	margin-left: 2%;
}
.p1{
	padding: 1% 1% 1% 1%;
	color: #4A3C38;
	font-weight: bold;
}
.p2{
	color: #F8BE69;
}
.p3{
	font-weight: bold;
	color: #8B6D64;
	line-height: 3em;
}
.p4{
	float: left;
}

.img1{
	width: 100%;
	max-width: 620px;
	padding-bottom: 10px;
	padding-right: 20px;
	float: left;
}
.img2{
	padding-top: 5px;
	padding-left: 30px;

}
.img3{
	text-align: center;
	width: 24.5%;

}

.img4{
	width: 50%;
	max-width: 620px;
	padding-bottom: 0px;
}

img{
	padding-bottom: 10px;
}

hr{
	float: bottom;
	width: 860px;
}
.hr1 { 
    display: ;
    background-color: #51390A;
    margin-bottom: 1em;
    border-style: inset;
    border-width: 1px;
}

.color{
	color: ;
}

@media only screen and (min-width: 900px){

	.img3{
	text-align: center;
	width: 15%;

	}
	.mulishow{
	float: left; position: relative; width: 25%;
	}
	h2{ 
		font-size: 20px; 
		color: #8F9191;
	}

}

@media only screen and (max-width: 600px){

	.links{
	width: 96%;
	float: left;
	padding: 0.5% 2% 0.5% 2%;
}
.rechts{
	width: 99%;
	float: right;
	padding: 0.5% 0.5% 0.5% 0.5%;
}

}