/*CSS Ideenbox.info - Mark Preiss*/
/*Grundstile FOE Gildenseite 2013*/
*{margin:auto; padding:0px;}

h1{font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 20px; padding: 10px; color:#ACACAC;}
h2{font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 18px;color: #c79643;}
h3{font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 15px;color: #c79643; padding-top: 30px; padding-bottom: 30px;}
p {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 15px; color: #c79643; line-height: 28px;}

table {background-color:white;}	
a{text-decoration: none; color: #c79643;}
a:hover{color: #999;}

ul{list-style-type: none;}
li{width: 190px; text-align: left;padding:2px;}

li:hover{
	display: block;
	width: 180px;
	text-align: left;
	background-color:#c79643;
	
	box-shadow: 0px 0px 10px 5px rgba(199,150,67,0.5);
	-moz-box-shadow: 0px 0px 10px 5px rgba(199,150,67,0.5);
	-ms-box-shadow: 0px 0px 10px 5px rgba(199,150,67,0.5);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(199,150,67,0.5);
	-o-box-shadow: 0px 0px 10px 5px rgba(199,150,67,0.5);
	
		border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-ms-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;}

li:hover a{
	color:#030303;
	font-weight: bold;}
	
body{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background-repeat: no-repeat;
	width: 100%;
	/*color: #c79643;*/
	background-image: url(../pic/BG_001.jpg);
	background-position: center top;
	background-color: #030303;
	background-attachment: fixed;
}
	
#mantel {width: 1000px; }
#global {
	background-color: #000;
	padding: 10px;
	width: 980px;
	font-size: 14px;
	color: #FFF;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	color: #c79643;}
#banner {width: 1000px;}
#mantel_unten {
	/*background-color: #000;*/
	width: 1000px;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	min-height:1300px;
	
	border-radius: 0px 0px 50px 50px;
	-moz-border-radius: 0px 0px 50px 50px;
	-ms-border-radius: 0px 0px 50px 50px;
	-webkit-border-radius: 0px 0px 50px 50px;
	-o-border-radius: 0px 0px 50px 50px;}

/*#mantel #mantel_unten #navi_mantel #navi ul li a {display: block; width: 180px;}
#mantel #mantel_unten #text_mitte p a {font-size: 12px;}*/

#navi_mantel {/*background-color: #000;*/
	width: 200px;
	height: 100px;
	float: left;
	border-radius: 0px 0px 20px 0px;
	-moz-border-radius: 0px 0px 20px 0px;
	-ms-border-radius: 0px 0px 20px 0px;
	-webkit-border-radius: 0px 0px 20px 0px;
	-o-border-radius: 0px 0px 20px 0px;}

#navi {width: 200px;
	/*background-color: #000;*/
	font-size: 18px;
	display: block;}

#mantel #mantel_unten #text_links {font-size: 12px; padding: 5px;}

#text_mitte {
	overflow:auto;
	/*background-color:#000;*/
	width: 580px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-ms-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	-o-border-radius: 0px 0px 20px 20px;
	max-height:1300px;}

#mantel #mantel_unten #text_mitte p img {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	float: right;}
	
#mantel #mantel_unten #text_mitte  a {
	color: #ACACAC;
}
#mantel #mantel_unten #text_mitte  a:hover {
	color: #800040;
	text-decoration: underline overline;
}

#text_links {
	float: right;
	width: 160px;
	height:1220px;
	/*background-color:#000;*/
	border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-ms-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	-o-border-radius: 10px 0px 0px 10px;}

#footer {
	background-color:;
	padding: 10px;
	width: 980px;
	font-size: 14px;
	color: #FFF;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	clear: both;}
	
/*img{box-shadow: 7px 7px 3px 2px rgba(71,70,71,0.3);
	-moz-box-shadow: 7px 7px 3px 2px rgba(71,70,71,0.3);
	-ms-box-shadow: 7px 7px 3px 2px rgba(71,70,71,0.3);
	-webkit-box-shadow: 7px 7px 3px 2px rgba(71,70,71,0.3);
	-o-box-shadow: 7px 7px 3px 2px rgba(71,70,71,0.3);}*/

.schatten{
	box-shadow: 7px 7px 3px 2px rgba(71,70,71,0.3);
	-moz-box-shadow: 7px 7px 3px 2px rgba(71,70,71,0.3);
	-ms-box-shadow: 7px 7px 3px 2px rgba(71,70,71,0.3);
	-webkit-box-shadow: 7px 7px 3px 2px rgba(71,70,71,0.3);
	-o-box-shadow: 7px 7px 3px 2px rgba(71,70,71,0.3);}

/* Für Mantel unten Verlauf */
.bgverlauf{
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );}

.bold{font-weight: bold;}

@media only screen and (max-width:480px){
*{margin:auto; padding:0px;}