@charset "utf-8";

* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size: 15px;}

h1,blockquote{ 
    font-family:Allegretto Script Two;
    src: url(schrift/AllegrettoScriptTwo.ttf) format(TrueType);
	margin-top: 7px;	  
	padding-right: 15px;
	padding-left: 15px;
	text-shadow: 0px 0px 3px #000;
}
hr{ 
    width:70%;
    opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	webkit-box-shadow: 0px 0px 3px 0px #000;
    moz-box-shadow: 0px 0px 3px 0px #000;
	box-shadow: 0px 0px 3px 0px #000;
	
}

#navi {
	height:35px;	
	background-color:#333;
	background-image:-moz-linear-gradient(#595959,#2e2e2e);
	background-image:-webkit-linear-gradient(#595959,#2e2e2e);
	webkit-box-shadow: 0px 4px 10px 4px #333;
    moz-box-shadow: 0px 4px 10px 4px #333;
	box-shadow: 0px 4px 10px 4px #333;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#navi ul li {
	position:relative; 
    text-align:center; 
    float:left; 
	list-style:none; 
	width:120px; 
	margin-left:13px;  
}
#navi ul li a {
	display:block;
	color:#E80000;
	font-weight:lighter;
	text-decoration:none;
	margin:4px 0;
	padding:2px;
	background-image:-moz-linear-gradient(#2e2e2e,#595959);
	background-image:-webkit-linear-gradient(#2e2e2e,#595959);
	line-height:20px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	box-shadow:0 0 5px #333;
}
#navi ul li a:hover {
	color:#ccc;
	background-color:#ad3030;
	background-image:-moz-linear-gradient(#ccc,#fff) -moz-transition: all 1s; 
	background-image:-webkit-linear-gradient(#ccc,#fff)  -webkit-transition: all 1s;  
	background-image:-ms-linear-gradient(#ccc,#fff)  -ms-transition: all 1s;  
	background-image:-o-linear-gradient(#ccc,#fff)  -o-transition: all 1s;  
	background-image:linear-gradient(#ccc,#fff)  transition: all 1s;  
}
#navi:hover ul li a:active {
	border-top-color: #e32222;
    background: #e32222;	
}
#navi ul li ul {float:left; position:absolute; display:none; top:30px; left:0;z-index:1000;}
#navi ul li ul li {clear:left; line-height:30px; margin:3px 0; width:120px; height:30px;}
#navi ul li:hover ul {float:left; position:absolute; display:block; top:30px; left:0;}
#navi ul li:hover ul li {clear:left; line-height:30px; margin:3px 0; width:120px; height:30px;}

#navi .aktuell {
	text-decoration:none; 
	background-color:#999; 
	background-image:-moz-linear-gradient(#CCC,#666); 
	background-image:-webkit-linear-gradient(#CCC,#666); 
	-moz-transition: all 1s; 
	-webkit-transition: all 1s;  
}

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background:url(../bilder/baground.png)repeat; 		
	background-color: #666666;
	margin: 0;
	padding: 0;
	color: #ccc;	
}

.br{
	padding: 0;
    border-right: 1px solid #f00;
	border-left: 1px solid #f00;	
	}
img.br{
	padding:3px;
    border-right: 1px solid #f00;
	border-left: 1px solid #f00;	
	}	

ul, ol, dl { 
	padding: 0;
	margin: 0;
	
}
form{
	margin-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
h2, h3, h4, h5, h6, p {
	margin-top: 5px;	 
	padding-right: 15px;
	padding-left: 15px;
	text-shadow: 1px 2px 3px #000;
}
a img{ 
	border: none;
}
a href { 
	border: none;
}

a:link {
	color: #CC0000;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;	
}
.container { 
	width: 80%;
	height:auto;
	max-width: 945px;
	min-width: 945px;
	background:rgba(191,191,191, 0.5);
	margin: 0 auto; 	
	-webkit-box-shadow:inset 0px 4px 8px 2px ,#333;
	-moz-box-shadow:inset 0px 4px 8px 2px ,#333;
	box-shadow:inset 0px 4px 8px 2px ,#333;
	webkit-box-shadow: 0px 0px 10px 2px #620000;
	moz-box-shadow: 0px 0px 10px 2px #620000;
	box-shadow: 0px 0px 10px 2px #620000;
}
.header {
	/*background-color: silber;*/
	webkit-box-shadow: 0px 4px 8px #620000;
    moz-box-shadow: 0px 4px 8px #620000;
    box-shadow: 0px 4px 10px 4px #620000;
}



/* ~~ Fußzeile ~~ */
.footer {
padding : 12px 0;
background : rgba(15, 15, 15, 0.7);
box-shadow : 0 4px 18px #333;
}
.footertxt {
margin-left : 40px;
}


#formular{
	float:none;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	background: rgba(0, 0, 0, 0.35);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	webkit-box-shadow: 0px 10px 13px #000000;
	moz-box-shadow: 0px 10px 13px #000000;
	box-shadow: 0px 10px 13px #000000;	
	}
#formularsort{
	float:none;
	margin-top:15px;
	margin-left:640px;
	margin-right:20px;
	background: rgba(59,59,59,0.35);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	webkit-box-shadow: 0px 10px 13px #000000;
	moz-box-shadow: 0px 10px 13px #000000;
	box-shadow: 0px 10px 13px #000000;	
	}
#formneuantrag{
	float:none;
	margin-top:15px;
	margin-left:40px;
	margin-right:40px;
	background-color:#333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	webkit-box-shadow: 0px 10px 13px #000000;
	moz-box-shadow: 0px 10px 13px #000000;
	box-shadow: 0px 10px 13px #000000;	
	}
#abbrbutton{
	float:none;
	margin-top:15px;
	margin-left:15px;
	margin-right:260px;
	background-color:#333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	webkit-box-shadow: 0px 10px 13px #000000;
	moz-box-shadow: 0px 10px 13px #000000;
	box-shadow: 0px 10px 13px #000000;  

}
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}


.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}
.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #333333;
}
						
@media only screen and (max-width:945px){
	#wrapper{margin:0;}
	}