@charset "utf-8";
/* CSS Document */

main a {
	color:#666666;
}

main {
	float:left;
	width:100%;
	height:100%;
	padding:2%;
	margin-bottom:2%;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	position:static;	
	background: rgba(255,255,255, 0.3);

	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);	
}

#rot {
	color:red;
}

#weis {
	color:white;
}

#grun {
	color:green;
	background:#FFF;
}

#rotweis {
	color:#FFF;
	background:#F00;
}

#blauweis {
	color:#00F;
	background:#FFF;
}

#blaugelb {
	color:#00F;
	background:#FF0;
}

#weisgrun {
	color:#FFF;
	background:#0F0;
}

#rotgelb {
	color:#F00;
	background:#FF0;
}

#blau {
	color:#0D03F8;
}
#bweis {
	background:#FFFFFF;
	color:#000000;
}

#weisrot {
	color:#FB0004;
	background:#FFFFFF;
}

#blauhblau {
	color:#0D03F8;
	background:#C5CCE5;
}

#blaugrun {
	color:#0D03F8;
	background:#10DB40;
}

#gelbblau {
	color:#FF0;
	background:#00F;
}

#rosa {
	background:#FFFFFF;
}


#navrandSub {
}

#navSub {
	padding:0;
	list-style:none;
	
	,GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

#navSub li a {
	
	padding:2%;
	margin:0.2%;
	text-align:center;
	text-decoration:none;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
	margin-bottom:0.1%;
	
	color:black;
	float:left;	
	
	background: rgb(184,225,252); /* Old browsers */
	
	/*background: -moz-linear-gradient(-45deg,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6+ */
	
	/*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); /* Chrome,Safari4+ */
	
	/*background: -webkit-linear-gradient(-45deg,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10+,Safari5.1+ */
	
	/*background: -o-linear-gradient(-45deg,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Opera 11.10+ */
	
	/*background: -ms-linear-gradient(-45deg,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* IE10+ */
	
	/*background: linear-gradient(135deg,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#navSub li a:hover {
	background: rgba(255,255,255, 0.1);

	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	color:#black;
}

#navSub li a:focus {
	background: rgba(255,255,255, 0.1);

	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	color:#black;
}

#navrand {
	float:left;
	width:99%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding; 2%;
	color:#FFFFFF;
	font-size: 1.3em;
	position:static;
	list-style:none;
	
}
#navMain {
	padding:0;
	list-style:none;
	
	,GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	 	
}	
#navMain li a {
	
	padding:2%;
	margin:1%;
	text-align:center;
	text-decoration:none;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
	margin-bottom:0.1%;
	
	color:black;
	float:left;	
	
	
	background: rgb(6,109,171); /* Old browsers */
	
	background: -moz-linear-gradient(left,  rgba(6,109,171,1) 0%, rgba(138,187,215,1) 75%, rgba(197,222,234,1) 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(6,109,171,1)), color-stop(75%,rgba(138,187,215,1)), color-stop(100%,rgba(197,222,234,1))); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 75%,rgba(197,222,234,1) 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 75%,rgba(197,222,234,1) 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 75%,rgba(197,222,234,1) 100%); /* IE10+ */
	
	background: linear-gradient(to right,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 75%,rgba(197,222,234,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066dab', endColorstr='#c5deea',GradientType=1 ); /* IE6-9 */
	
	-moz-box-shadow:0px 8px 6px -6px #888; /* Firefox */
	-webkit-box-shadow:0px 8px 6px -6px #888; /* Chrome, Safari */
	-khtml-box-shadow:0px 8px 6px -6px #888; /* Konqueror */
	box-shadow:0px 8px 6px -6px #888; /* CSS3 */
}

#navMain li a:hover {
	background: rgba(255,255,255, 0.1);

	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	color:#FFFFFF;
}

#navMain li a:focus {
	background: rgba(255,255,255, 0.1);

	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	color:#FFFFFF;
}

#main-rechts {
	float:left;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#main-rechts div {
	width:90%;
	padding:5%;
	margin-bottom:5%;

	background: rgba(255,255,255, 0.1);

	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	
	float:left;
}

#main-rechts div a {
	background: rgba(6,109,171,1);

	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	float:left;
	position: relative;
	
	padding:4%;
	text-align:center;
	color:white;
	text-decoration:none;
	width:100%;
	display:block;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	border-radius:3px;
	text-shadow:0 1px 1px rgba(0,0,0,0.4);
}

main img {
	margin:1%;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 20px 5px rgba(255,255,255,1);
	box-shadow: 0px 0px 20px 5px rgba(255,255,255,1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;		
}
@media screen and (min-width:500px) {
#main-rechts {
	float:left;
	width:100%;
}

#main-rechts div {
	width:39%;
	margin-right:1%;
}

#navrandSub {
	padding:0px;
	margin-bottom:20px;
}

#navSub {
	margin:0px;
	display: block !important;
	width:100%;
	padding:0px;
	float:left;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
	margin-bottom:0;
}

#navSub li {
	float:left;
	width:auto;
	margin-right:1%;
}

#navSub li a {padding: .5em 2em .5em;}

}
@media screen and (min-width:550px) {

#navrandMain {
	padding:0px;
	margin-bottom:20px;
}

#navMain {
	margin:0px;
	display: block !important;
	width:100%;
	padding:0px;
	float:left;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
	margin-bottom:0;
}

#navMain li {
	float:left;
	width:auto;
	margin-right:1%;
}

#navMain li a {padding: .5em 2em .5em;}



}



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


main {
	width:79%;
	margin:0% 0% 2% 0%;
	padding:2%;
}

#navrand {
	font-size: 1.2em;
	width:18%;
	margin:0% 1% 0% 1%;
	display:block;
}

#navMain li {
	width:100%;
	margin-right:1%;
}
	
#navMain li a {
	text-align:center;
	text-decoration:none;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
	padding: 5% 5% 5% 5%; 
	margin-bottom:1%;
	
	color:black;
	float:left;	
}



#main-rechts {
	float:left;
	margin-left:20%;
	margin-right:1%;
	width:79%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#main-rechts div {
	width:39%;
	margin-right:1%;
	padding:5%;
	margin-bottom:5%;

	background: rgba(255,255,255, 0.1);

	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 7px 1px rgba(255,255,255,1);
	
	float:left;
}



}


@media screen and (min-width:1300px) {
main {
	width:60%;
	margin:0% 0% 2% 0%;
	padding:2%;
}
#navrand {
	font-size: 1.5em;
	width:18%;
	margin:0% 1% 0% 1%;
	display:block;
}
#main-rechts {
	width:17%;
	margin:0% 1% 0% 1%;
	display:block;
}
#navrand img{
	margin:0%;
}

#main-rechts div {
	width:100%;
	margin-right:1%;
}

}