/*---------------- Animation Pluszeichen ---------------------*/

@-webkit-keyframes plus {
	from{-webkit-transform: rotate(0);}
	to{-webkit-transform: rotate(314deg);}}

@-o-keyframes plus {
	from{-o-transform: rotate(0);}
	to{-o-transform: rotate(314deg);}}

@-moz-keyframes plus {
	from{-moz-transform: rotate(0);}
	to{-moz-transform: rotate(314deg);}}

@-ms-keyframes plus {
	from{-ms-transform: rotate(0);}
	to{-ms-transform: rotate(314deg);}}

@keyframes plus {
	from{transform: rotate(0);}
	to{transform: rotate(314deg);}}


/*---------------- Ende Animation Pluszeichen ---------------------*/

#main1, #main2, #main3, #main4, #main5, #main6, 
#main7, #main8, #main9, #main10, #main11, #main12
{
	position:relative;
	//margin: 5px auto;
	max-width:99.5%;
	margin-bottom:3px;
}

#main1{margin-top:8px;}

/*
#icon-zu1, #icon-zu2, #icon-zu3, #icon-zu4, #icon-zu5, #icon-zu6, 
#icon-zu7, #icon-zu8, #icon-zu9, #icon-zu10, #icon-zu11, #icon-zu12 
{
	-webkit-transform: rotate(314deg);
	-moz-transform: rotate(314deg);
	-o-transform: rotate(314deg);
	-ms-transform: rotate(314deg);
	transform: rotate(314deg);
}
*/

#icon-auf1, #icon-auf2, #icon-auf3, #icon-auf4, #icon-auf5, #icon-auf6, 
#icon-auf7, #icon-auf8, #icon-auf9, #icon-auf10, #icon-auf11, #icon-auf12 
{
	-webkit-transform: rotate(314deg);
	-moz-transform: rotate(314deg);
	-o-transform: rotate(314deg);
	-ms-transform: rotate(314deg);
	transform: rotate(314deg);
}


#link1, #link2, #link3, #link4, #link5, #link6, 
#link7, #link8, #link9, #link10, #link11, #link12 
{
	background: rgb(3,181,243);
	background: -moz-linear-gradient(top, rgb(3,181,243) 0%, rgb(2,61,129) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(3,181,243)), color-stop(100%,rgb(2,61,129)));
	background: -webkit-linear-gradient(top, rgb(3,181,243) 0%,rgb(2,61,129) 100%);
	background: -o-linear-gradient(top, rgb(3,181,243) 0%,rgb(2,61,129) 100%);
	background: -ms-linear-gradient(top, rgb(3,181,243) 0%,rgb(2,61,129) 100%);
	background: linear-gradient(top, rgb(3,181,243) 0%,rgb(2,61,129) 100%);
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #333333;
	-webkit-box-shadow: 1px 1px 5px #333333;
	-o-box-shadow: 1px 1px 5px #333333;
	-ms-box-shadow: 1px 1px 5px #333333;
	box-shadow: 1px 1px 5px #333333;
	border-radius: 5px;
	margin-bottom:0px;
	border:solid 1px white;
	height:24px; // min-height auf height gesetzt weil wenig Text
}

.folderText
{
	position:relative;
	left:40px;
	top:4px;
	color:rgb(255,255,255);
	font-weight:bold;
	height:24px; // min-height auf height gesetzt weil wenig Text
	max-width:88%;
}

.text1, .text2, .text3, .text4, .text5, .text6, 
.text7, .text8, .text9, .text10, .text11, .text12
{
	color:rgb(105,105,105);
	border:solid 1px rgb(2,61,129);
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:0 0 0 0;
	overflow: auto;
	max-width:95%;
	max-height:0; 
	background-color:rgb(255,255,255);
	-webkit-transition:max-height 0.5s ease-in-out;
	-moz-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	-ms-transition: max-height 0.5s ease-in-out;	
	transition: max-height 0.5s ease-in-out;
}

.text1 div, .text2 div, .text3 div, .text4 div, .text5 div, .text6 div, 
.text7 div, .text8 div, .text9 div, .text10 div, .text11 div, .text12 div
{
	padding:5px 0 5px 5px; margin-bottom:3px;
}	

.steuer1, .steuer2, .steuer3, .steuer4, .steuer5, .steuer6, 
.steuer7, .steuer8, .steuer9, .steuer10, .steuer11, .steuer12
{
	margin:0 0 0 -1px;
	position:absolute;
	top:0px;
	padding-top:4px;
	width:28px;
	height:20px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-color:rgb(2,61,129);
	color:white;
	border:solid 1px white;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1;
}

.steuer1:hover, .steuer2:hover, .steuer3:hover, .steuer4:hover, .steuer5:hover, .steuer6:hover, 
.steuer7:hover, .steuer8:hover, .steuer9:hover, .steuer10:hover, .steuer11:hover, .steuer12:hover
{
	border:solid 1px rgb(105,105,105);
	background-color:white;
	color:rgb(105,105,105);
}

.under_line{
	width:80%;
	border-bottom:solid 1px rgb(2,61,129);
	padding-left:-3px;
}

.vita_first{
	display:inline-block;
	float:left;
	width:150px;
	border:solid 0px red;
	margin-bottom:8px;
	margin-top:0px;
	font-weight:bold;
	color:rgb(2,61,129);
}

.vita_second{
	display:inline-block;
	width:75%;
	border:solid 0px red;
	margin-bottom:8px;
}


/*------ Anfang Steuerung ---------*/
/*------ Element 1 ---------*/
#main1:target .steuer1-auf{display:none;}
#main1:target #p1{background-color:rgb(255,255,255); max-height:200px;}
#main1:target #icon-zu1{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 2 ---------*/
#main2:target .steuer2-auf{display:none;}
#main2:target #p2 {background-color:rgb(255,255,255); max-height:200px;}
#main2:target #icon-zu2{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 3 ---------*/
#main3:target .steuer3-auf{display:none;}
#main3:target #p3{background-color:rgb(255,255,255); max-height:200px;}
#main3:target #icon-zu3{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 4 ---------*/
#main4:target .steuer4-auf{display:none;}
#main4:target #p4{background-color:rgb(255,255,255); max-height:200px;}
#main4:target #icon-zu4{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 5 ---------*/
#main5:target .steuer5-auf{display:none;}
#main5:target #p5{background-color:rgb(255,255,255); max-height:200px;}
#main5:target #icon-zu5{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 6 ---------*/
#main6:target .steuer6-auf{display:none;}
#main6:target #p6{background-color:rgb(255,255,255); max-height:200px;}
#main6:target #icon-zu6{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 7 ---------*/
#main7:target .steuer7-auf{display:none;}
#main7:target #p7{background-color:rgb(255,255,255); max-height:200px;}
#main7:target #icon-zu7{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 8 ---------*/
#main8:target .steuer8-auf{display:none;}
#main8:target #p8{background-color:rgb(255,255,255); max-height:200px;}
#main8:target #icon-zu8{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 9 ---------*/
#main9:target .steuer9-auf{display:none;}
#main9:target #p9{background-color:rgb(255,255,255); max-height:200px;}
#main9:target #icon-zu9{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 10 ---------*/
#main10:target .steuer10-auf{display:none;}
#main10:target #p10{background-color:rgb(255,255,255); max-height:200px;}
#main10:target #icon-zu10{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 11 ---------*/
#main11:target .steuer11-auf{display:none;}
#main11:target #p11{background-color:rgb(255,255,255); max-height:200px;}
#main11:target #icon-zu11{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Element 12 ---------*/
#main12:target .steuer12-auf{display:none;}
#main12:target #p12{background-color:rgb(255,255,255); max-height:200px;}
#main12:target #icon-zu12{-webkit-animation: plus 0.5s ease-out; -moz-animation: plus 0.5s ease-out; -o-animation: plus 0.5s ease-out; -ms-animation: plus 0.5s ease-out; animation: plus 0.5s ease-out;}
/*------ Ende Steuerung ---------*/