/* CSS Document */

body{
font-family: "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#fff;
margin:5px 5px 5px 5px ;
background-color:#990000;
font-size:11px;
}

table{
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size:small;
color:#000;
font-size:13px;
}

#gesamt{
	width:1000px;
	height:545px;
	overflow:hidden;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}

#gesamt_links{
	float:left;
	width:450px;
	height:545px;
	overflow:hidden;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}

#gesamt_links_oben{
	float:left;
	width:450px;
	height:180px;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}

#gesamt_links_unten{
	float:left;
	width:450px;
	height:450px;
	overflow:hidden;
	margin-top:-85px;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}

#gesamt_links_unten_bild{
	width:450px;
	height:450px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	position:relative;
}

#gesamt_mitte{
	float:left;
	width:100px;
	height:545px;
	font-size:12px;
	overflow:hidden;
	background-image:url(../_pic/backi_middle_neu.jpg);
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}

#gesamt_rechts{
	float:left;
	width:450px;
	height:545px;
	overflow:hidden;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../_pic/backi_right_neu.jpg);
	background-repeat:no-repeat;
}

#gesamt_rechts_oben{
	width:450px;
	height:450px;
	overflow:hidden;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}

#gesamt_rechts_oben_text{
/* ALT 285*/
	width:300px;
	height:330px;
	font-size:13px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:80px 0px 0px 55px;
	color:#000;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
}

.w3_cont_ds{text-align:center;margin:80px 0px 0px 55px;width:312px;height:250px;margin-top:20px;padding-left:0px;overflow-y:auto;}


#gesamt_rechts_unten{
	width:450px;
	height:95px;
	overflow:hidden;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}

#gesamt_mitte ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

#gesamt_mitte li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

h1{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

h2{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

p{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#gesamt_mitte a:link,
#gesamt_mitte a:visited {
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
	color:#3A0000;
	font-size:1.2em;
}

#gesamt_mitte a:link#current,
#gesamt_mitte a:visited#current,
#gesamt_mitte a:hover {
	line-height:18px;
	font-weight:bold;
	text-decoration:underline;
	color:#fff;
	font-size:1.2em;
}

.smallpic {
height: 42px;
width:  84px;
border: 1px solid #ccc;
}

.link a:link {color:#990000;text-decoration:none; font-weight:bold; line-height:20px; border-bottom:0px solid #000; }
.link a:visited {color:#990000;text-decoration:none; font-weight:bold; line-height:20px; border-bottom:0px solid #000; }
.link a:active {color:#000;text-decoration:none; font-weight:bold; line-height:20px;border-bottom:0px solid #990000; }
.link a:hover {color:#000;text-decoration:none; font-weight:bold; line-height:20px; border-bottom:0px solid #990000;}

.hg-pic-cont{float:left;width:365px;margin-top:40px;margin-left:24px;}
.hg-pic-cont-1{float:left;width:100%;hight:auto;}
.hg-pic-cont-2{float:left;hight:auto;margin-top:10px;margin-left:30px;width:calc(100% - 60px);} 
.hg-pic-cont-box-m{width:auto;margin-left:auto;margin-right:auto;margin-top:35px;} 
.hg-pic-cont-box-l{float:left;margin-left:9px;} 
.hg-pic-cont-box-r{float:right;margin-right:9px;} 
.hg-pic-cont-box{width:100px;margin-left:auto;margin-right:auto;}
.hg-pic-cont-box-pic{width:100%;border-radius:100%;}
.hg-pic-cont-box-text{float:left;width:100%;text-align:center;}

.hg-wp100{width:100%;} 

.a_fred {position: relative;z-index:0;float:left;width:107px;margin-top:45px;margin-left:46px;
    -webkit-animation-name: fred;
    -webkit-animation-duration: 4s;
    -webkit-animation-delay: 0s;
    animation-name: fred;
    animation-duration: 4s;
    animation-delay: 0s;
}

.a_wolke {float:left;width:330px;height:146px;margin-left:0px;margin-left:119px;margin-top:1px;z-index:1;position:absolute;
    -webkit-animation-name: wolke;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0s;
    animation-name: wolke;
    animation-duration: 2s;
    animation-delay: 0s;
}

.a_wolketext0 {width:330px;height:146px;margin-left:119px;margin-top:-1px;z-index:1;position:absolute;}
.a_wolketext1 {width:190px;height:80px;margin-left:80px;overflow:hidden;margin-top:20px;padding:10px;font-size:1.0em;display:table;}
.a_wolketext2 {width:100%;height:100%;font-size:1.1em;display: table-cell;vertical-align: middle;

    -webkit-animation-name: wolketext;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0s;
    animation-name: wolketext;
    animation-duration: 2s;
    animation-delay: 0s;
	animation-timing-function:steps(1, end);


}




@-webkit-keyframes wolketext {from { opacity: 0; } to { opacity: 1; }}
@keyframes wolketext {from { opacity: 0; } to { opacity: 1; }}
@-webkit-keyframes wolke {0%{width: 0px;} 50%{width: 0px;} 100%{width: 330px;}}
@keyframes wolke {0%{width: 0px;} 50%{width: 0px;} 100%{width: 330px;}}
@-webkit-keyframes fred {0%{left:100px; top:200px;} 25%{left:0px; top:0px;} 50%{left:0px; top:0px;} 75%{left:0px; top:0px;} 100%{left:0px; top:0px;}}
@keyframes fred {0%   {left:100px; top:200px;} 25%  {left:0px; top:0px;} 50%  {left:0px; top:0px;} 75%  {left:0px; top:0px;} 100% {left:0px; top:0px;}}