/* ====== allgemein ====== */
/* breite der gesamtkonstruktion */
#breite {width:1280px;}
body {
	background-attachment:fixed;
	background-position:0% 0%;
	background-repeat:no-repeat;
	background-image:url('../images/back.jpg');
	background-repeat:no-repeat;
	background-position:50% 0%;

	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	font-family :verdana,arial, helvetica, tahoma, verdana, sans-serif;
	font-size:15px;line-height:25px;
}
bodypics {
	background-attachment:fixed;
	background-position:0% 0%;
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	background-position:50% 0%;
	margin-bottom:800px;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	font-family :verdana,arial, helvetica, tahoma, verdana, sans-serif;
	font-size:15px;line-height:25px;
}
/* version 2 - schwarz-weiss-design */
body.version2 {
	background-attachment:fixed;
	background-position:0% 0%;
	background-repeat:no-repeat;
	background-image:url('../images/back.jpg');
	background-repeat:no-repeat;
	background-position:50% 0%;
}
/* ENDE version 2 - schwarz-weiss-design */
.haupt {padding:0px;}
/* ====== kopf und inhalt ====== */
#top1 {
	height:50px;
	text-align:right;
	vertical-align:middle;
	padding-left :0px;
	padding-right :20px;
}
#top22 {
	height:50px;
	text-align:left;
	vertical-align:middle;
	padding-left :0px;
	padding-right :20px;
}
#oben1 {width:222px;padding:1px;}
.box1 {
	padding:20px 10px;
	border-radius:20px 0px;
	height:170px;width:240px;
	background-image:url('../images/background/schwarz_50.png');
	background-repeat:repeat;
	background-position:0% 0%;
	color:#7f7f7f;
	text-align:center;
	vertical-align:middle; /* vertikal mittige ausrichtung bei div-containern */
	display:table-cell; /* vertikal mittige ausrichtung bei div-containern */
	font-size:13px;
	line-height:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	border:solid 1px #000;
}
#oben2 {
	text-align:center;
	vertical-align:bottom;
	padding:1px;
}
.top2 {
	border-radius:20px 20px;
	height:210px;
	text-align:center;
	vertical-align:bottom;
	padding:0px;
	background-image:url('../images/background/schwarz_50.png');
	background-repeat:repeat;
	background-position:0% 0%;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	border:solid 1px #000;
}
#top2_inhalt1 {
	text-align:right;
	padding-right:20px;
	font-size:12px;
	line-height:14px;
	color:#7f7f7f;
	letter-spacing:5px;
	text-transform:capitalize;
	text-shadow:1px 1px 2px #000;
}
#top2_inhalt2 {
	height:38px;
	vertical-align:bottom;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
.text {height:1010px;width:100%;vertical-align:top;padding:1px;}
.text_inhalt {height:100%;width:100%;color:#7F7F7F;text-shadow:1px 1px 1px #000;}
.text2 {display:table;width:100%;padding:1px;align: center;}
.text_inhalt2 {
	font-size:31px;
	line-height:45px;
	letter-spacing:11px;
	text-align: center;
	vertical-align: middle;
	color:#fff;
	text-shadow:3px 3px 6px #A5D587;
	font-family:'Condiment', cursive;
	padding:10px;
	border:solid 1px #000;
	border-radius:20px 0px 0px;
	background-image:url('../images/background/schwarz_50.png');
	background-repeat:repeat;
	background-position:0% 0%;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	display:table-cell;
}
.textbox {
	border-radius:20px 0px 0px;
	height:100%;font-size:15px;line-height:25px;
	background-image:url('../images/background/schwarz_50.png');
	background-repeat:repeat;
	background-position:0% 0%;
	padding-top:40px;
	padding-bottom:70px;
	padding-left:45px;
	padding-right:45px;
	text-align:justify;
	border:solid 1px #000;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
}
#sidebar {width:222px;padding:1px;vertical-align:top;}
.box {
	width:240px;
	color:#7f7f7f;
	text-align:center;
	vertical-align:top;
	padding-top :20px;
	padding-bottom :20px;
	padding-left :10px;
	padding-right :10px;
	font-size:13px;
	line-height:20px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:14px;
	margin-bottom:2px;
}
.box2 {
	padding:0px;
	border-radius:20px 20px 0px 0px;
	width:260px;
	background-image:url('../images/background/schwarz_50.png');
	background-repeat:repeat;
	background-position:0% 0%;
	color:#7f7f7f;
	text-align:left;
	font-size:13px;
	line-height:20px;
	margin-bottom:2px;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
}
.box3 {
	padding:10px;
	border-radius:20px 20px;
	width:240px; height:688px;
	background-image:url('../images/background/schwarz_50.png');
	background-repeat:repeat;
	background-position:0% 0%;
	color:#7f7f7f;
	text-shadow:1px 1px 2px #000;
	text-align:center;
	vertical-align:top; /* middle = vertikal mittige ausrichtung bei div-containern */
	display:table-cell; /* vertikal mittige ausrichtung bei div-containern */
	font-size:13px;
	line-height:19px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	border:solid 1px #000;
	margin-bottom:2px;
}
h3.sidebarheader {
	color:#000;
	text-shadow:1px 1px 2px #fff;
	vertical-align:top;
	text-align:center;
	letter-spacing:1px;
	font-size:15px;
	font-weight:normal;
	font-family:arial, helvetica, tahoma ,verdana, sans-serif;
	margin-bottom:10px;
}
/* ====== fussbereich ====== */
.fuss1 {width:100%;padding:1px;vertical-align:top;}
.bildlink {text-decoration: none;color: #fff;}
.fuss_inhalt_li {height:176px;width:222px;
	font-size:15px;
	line-height:20px;
	letter-spacing:5px;
	color:#fff;		
	text-align:center;
	vertical-align:middle;
	text-shadow:3px 3px 6px #A5D587;
	font-family:'Condiment', cursive;
	border-radius:20px 0px 20px 20px;
	border:solid 1px #000;
	background-image:url('../images/background/schwarz_50.png');
	background-repeat:repeat;
	background-position:0% 0%;
	padding:5px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
}
.fuss2 {width:100%;padding:1px;vertical-align:top;}
.fuss_inhalt_re {
	font-size: 31px;
	line-height: 40px;
	letter-spacing: 5px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	text-shadow: 3px 3px 6px #A5D587;
	font-family: 'Condiment', cursive;
	border-radius: 20px 0px 20px 20px;
	border: solid 1px #000;
	background-image: url('../images/background/schwarz_50.png');
	background-repeat: repeat;
	background-position: 0% 0%;
	padding: 5px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
}
/* ====== animation beim logo ====== */
#bewegung {-webkit-animation-name: bewegung; -webkit-animation-duration: 5s;} @-webkit-keyframes bewegung {from {-webkit-transform: translateX(0) rotate(0deg);} to {-webkit-transform: translateX(1000px) rotate(720deg);}}
#bewegung{-moz-animation-name: bewegung;-moz-animation-duration: 5s;} @-moz-keyframes bewegung {from { -moz-transform: translateX(0) rotate(0deg);} to {-moz-transform: translateX(1000px) rotate(720deg);}}
#bewegung{-ms-animation-name: bewegung; -ms-animation-duration: 5s;}
#bewegung2{-ms-animation-name: bewegung2; -ms-animation-duration: 0s;} @-ms-keyframes bewegung {from { -ms-transform: translateX(0) rotate(0deg);} to {-ms-transform: translateX(1000px) rotate(720deg);}}
/* ====== animation auf header-grafik ====== */
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}