@charset "utf-8";
/* CSS Document */
/* Design, Konzept und Programmierung */
/* von Carsten Mika im Januar 2015  */
/* www.mikaversum.com                 */
/* All rights reserved                */

body{
	font-family: Verdana, Times New Roman, Times;
	background-color:#F1F1F1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Times New Roman, Times;
}
h1
{
	color:#b60325;
	font-family: Verdana;
	font-size:12px;
}
h2
{
	color:#b60325;
	font-family: Comic Sans MS;
	font-size:16px;
	font-weight:bold;
}
h3
{
	color:#b60325;
	font-family: Verdana;
}
h4
{
	color:#b60325;
	font-family: Verdana;
}
h5
{
	color:#b60325;
	font-family: Verdana;
}
h6
{
	color:#b60325;
	font-family: Verdana;
}

a:link
{
	color:#b60325;
	font-weight:bold;
	text-decoration:none;
}
a:visited
{
	color:#b60325;
	font-weight:bold;
	text-decoration:none;
} 
a:active 
{
	color:#b60325;
	font-weight:bold;
	text-decoration:none;
}

###################
#### HauptNavi ####
###################

.navimain
{ 
	font-family: Bookman Old Style, Times New Roman, Times;
	padding: 2px;
	margin:2px;
}

#navimaincont
{
	position:absolute;
	top:20px;
	left:450px;
	height:40px;
	padding: 2px;
	margin:2px;
	font-size: 10px;
	font-weight:bold;
	color:#FFFFFF;
}

#################
### Container ###
#################

.totalcontainer{
}

#total{
	height:743px;
	width:100%;
	position:relative;
	top:101px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:0px;
	padding:0px;
	z-index:101;
}

.maincontainer{
}

#maincont{
	height:1500px;
	width:1400px;
	position:absolute;
	top:0px;
	left:10px;
	right:10px;
	bottom:10px;
	margin:10px auto;
	box-shadow:3px 3px 3px 3px #000000;
	z-index:5;
}

#maincont02{
	height:1000px;
	width:1400px;
	position:absolute;
	top:0px;
	left:10px;
	right:10px;
	bottom:10px;
	margin:10px auto;
	box-shadow:3px 3px 3px 3px #000000;
	z-index:5;
}

.headercontainer{
}

#header{
	height:100px;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	background-image:url(../grafiken/hg-header.gif);
	box-shadow:1px 1px 1px 5px #000000;
	z-index:10;
}

.footercontainer{
}

#footer{
	height:40px;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	background-image:url(../grafiken/hg-header.gif);
	box-shadow:1px 1px 1px 5px #000000;
	z-index:10;
}

.contentcontainer
{ 
	font-family: Verdana, Times New Roman, Times; 
	font-size: 12px;
	color:#b60325;
	padding:4px;
}

#content01
/*-- oben rechts unten links --*/ 
{
	position: relative;
	left:10px;
	top:100px;
	height:920px;
	width:655px;
	border-left:groove;
	border-color:#99001b;
	text-align:justify;
	float:left;
	padding:10px;
}

#content02
/*-- oben rechts unten links --*/ 
{
	position: relative;
	top:100px;
	left:-10px;
	height:920px;
	width:655px;
	border-right:groove;
	border-color:#99001b;
	text-align:justify;
	float:right;
	padding:10px;
}

#content06
/*-- oben rechts unten links --*/ 
{
	position: relative;
	left:10px;
	top:100px;
	height:870px;
	width:655px;
	border-left:groove;
	border-color:#99001b;
	text-align:justify;
	float:left;
	padding:10px;
}

#content07
/*-- oben rechts unten links --*/ 
{
	position: relative;
	top:100px;
	left:-10px;
	height:870px;
	width:655px;
	border-right:groove;
	border-color:#99001b;
	text-align:justify;
	float:right;
	padding:10px;
}

.content
{ 
	font-family: Verdana, Times New Roman, Times; 
	font-size: 12px;
	color:#b60325;
}

#content03
/*-- oben rechts unten links --*/ 
{
	position: relative;
	height:130px;
	width:630px;
	top:-10px;
	left:-10px;
	border-top:groove;
	border-bottom:groove;
	border-color:#99001b;
	background-color:#D3CACA;
	text-align:justify;
	padding:10px;
	margin:10px;
}

#content04
/*-- oben rechts unten links --*/ 
{
	position: relative;
	height:130px;
	width:630px;
	top:-10px;
	left:-10px;
	border-top:groove;
	border-bottom:groove;
	border-color:#99001b;
	text-align:justify;
	padding:10px;
	margin:10px;
}

#content05
/*-- oben rechts unten links --*/ 
{
	position: relative;
	height:50px;
	width:630px;
	top:-10px;
	left:-10px;
	border-top:groove;
	border-bottom:groove;
	border-color:#99001b;
	background-color:#D3CACA;
	text-align:justify;
	padding:10px;
	margin:10px;
}

#content-fb
/*-- oben rechts unten links --*/ 
{
	position: relative;
	height:150px;
	width:630px;
	top:-10px;
	left:-10px;
	border-top:groove;
	border-bottom:groove;
	border-color:#99001b;
	text-align:justify;
	padding:10px;
	margin:10px;
}

.slidercontainer
{ 
	font-family: Verdana, Times New Roman, Times; 
	font-size: 12px;
	font-weight:bold;
}

#slider01
/*-- oben rechts unten links --*/ 
{
	position: relative;
	top:100px;
	height:400px;
	width:1377px;
	margin:5px;
	padding:5px;
	text-align:justify;
}

#slider02
/*-- oben rechts unten links --*/ 
{
	position: relative;
	top:100px;
	height:400px;
	width:1377px;
	margin:5px;
	padding:5px;
	text-align:justify;
}

#slider03
/*-- oben rechts unten links --*/ 
{
	position: relative;
	top:100px;
	height:400px;
	width:1377px;
	margin:5px;
	padding:5px;
	text-align:justify;
}

#slider04
/*-- oben rechts unten links --*/ 
{
	position: relative;
	top:100px;
	height:400px;
	width:1377px;
	margin:5px;
	padding:5px;
	text-align:justify;
}

#slider05
/*-- oben rechts unten links --*/ 
{
	position: relative;
	top:100px;
	height:400px;
	width:1377px;
	margin:5px;
	padding:5px;
	text-align:justify;
}

#slider06
/*-- oben rechts unten links --*/ 
{
	position: relative;
	top:100px;
	height:400px;
	width:1377px;
	margin:5px;
	padding:5px;
	text-align:justify;
}

.pic-cont
{ 
	font-family: Verdana, Times New Roman, Times; 
	font-size: 12px;
	color:#b60325;
	padding:4px;
}

#pic01
/*-- oben rechts unten links --*/ 
{
	position: relative;
	height:230px;
	width:640px;
	top:-10px;
	left:-10px;
	border-top:groove;
	border-bottom:groove;
	border-color:#99001b;
	background-color:#D3CACA;
	text-align:justify;
	padding:10px;
	margin:5px;
}

#pic02
/*-- oben rechts unten links --*/ 
{
	position: relative;
	height:260px;
	width:640px;
	top:-10px;
	left:-10px;
	border-top:groove;
	border-bottom:groove;
	border-color:#99001b;
	text-align:justify;
	padding:10px;
	margin:5px;
}

#pic03
/*-- oben rechts unten links --*/ 
{
	position: relative;
	height:260px;
	width:640px;
	top:-10px;
	left:-10px;
	border-top:groove;
	border-bottom:groove;
	border-color:#99001b;
	background-color:#D3CACA;
	text-align:justify;
	padding:10px;
	margin:5px;
}

#pic04
/*-- oben rechts unten links --*/ 
{
	position: relative;
	height:260px;
	width:640px;
	top:-10px;
	left:-10px;
	border-top:groove;
	border-bottom:groove;
	border-color:#99001b;
	text-align:justify;
	padding:10px;
	margin:5px;
}

.tipp
{ 
	font-family: Verdana, Times New Roman, Times; 
	font-size: 12px;
	font-weight:bold;
	color:#ffffff;
	padding:5px;
	margin:5px;
	align-items:center;
}

############################
##### Total Element 01 #####
############################

* {
    margin:0;
    padding:0;
}

#infoList-01 {
    margin: 5px auto;
    width: 150px;
    list-style: none;
}

.topic-01 {
    padding: 5px;
	font-size:13px;
	font-weight:bold;
}

.text-01 {
    padding: 0 0px;
    height:743px;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:opx;
	opacity:1;
	background-image:url(../grafiken/hg-header.gif);
}

input[type="checkbox"] {
    position:fixed;
	top:110px;
	left:2px;
	overflow:hidden;
	background-image:url(../grafiken/klick.gif);
	opacity:0;
    width: 80px;
    height: 80px;
    cursor: pointer;
	z-index:102;
}

input[type="checkbox"]:checked ~ .text-01 {
	position:fixed;
	height:743px;
	width:0px;
    padding: 0px;
	opacity:0;
	-webkit-transition: all 7.5s ease;
    -moz-transition: all 7.5s ease;
    -o-transition: all 7.5s ease;
    -transition: all 7.5s ease;
	-webkit-transform: translate(3000px,0px);
	-moz-transform: translate(3000px,0px);
	-ms-transform: translate(3000px,0px);
	-o-transform: translate(3000px,0px);
	transform: translate(3000px,0px);
}

input[type="checkbox"]:checked ~ .text-01 {
    display: block;
}

#topbox {
	position:fixed;
	top:110px;
	left:2px;
	background-image:url(../grafiken/klick.gif);
	background-repeat:no-repeat;
    width: 80px;
    height: 80px;
	z-index:102;
}

.mypic {
}

#mypic01 {
	position:absolute;
	height:80px;
	width:60px;
	top:-10px;
	left:1060px;
	margin:0px;
	padding:0px;
	background-image:url(../grafiken/me.jpg);
	z-index:100;
}