/*
   *******************************************************************
   ********************** BODY und CLASS *****************************
   *******************************************************************
*/ 
body {
	font-family: Calibri, "Trebuchet MS", arial, sans-serif;
	color: black;
	font-size: 18px;
	background-image: url("../images/721296_original_R_K_B_by_Gabriele Schmadel_pixelio.de_sw.jpg");
/* 	background-image: url("../images/735836_original_R_B_by_Lupo_pixelio.de_sw.jpg"); */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	font-weight: bold;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 26px;
}

/* 
   *******************************************************************
   ********************** Schriften: p, H1, H2, H3 ... *****************************
   *******************************************************************
*/


p {
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 10px;
	margin-left: 0px;
/* 	color: #1CF035; */
 	color: black;

}



#header h1{
	text-shadow:
    1px 1px #ccc,
    2px 2px #ccc,
    3px 3px #ccc,
    4px 4px #ccc,
    5px 5px #ccc,
    6px 6px #ccc;
}



/* 
   *******************************************************************
   ********************** DIV ****************************************
   *******************************************************************
*/
div#wrapper {
	width: 1280px;   
	height: 100%;
	margin: 10px 0 0 0;
	margin-left: auto;
	margin-right: auto;	
}

div#header {
	position: absolute;
	z-index: 29;
	top: 70px;
	right: 30px;
	width: 1200px;
	text-align: right;
}

div#main {
	position: absolute;
	z-index: 29;
	top: 160px;
	width: 1300px;
	height: 550px;
	overflow: auto;
	padding-bottom: 15px;
}

div#main.impressum {
	padding: 30px 20px 50px 20px;
	border-radius: 15px;
	background: rgba(252,240,219, 0.7);
}

span.adresse, span.adresse2 {
	display: inline-block;
	width: 250px;
}



/* 
   *******************************************************************
   ********************** IMAGE **************************************
   *******************************************************************
*/

img {
	border-color: rgb(172,133,161);
    border-style: double;
    border-width: 5px;
}


/* 
   *******************************************************************
   ********************** INPUT **************************************
   *******************************************************************
*/


div#footer {
	position: absolute;
	z-index: 30;
	left: 0px;
	width: 100%;
	min-width: 900px;
	bottom: 10px;
	padding-bottom: 45px;

	background: rgba(230, 238, 240, 0.7);
		

/*	
	box-shadow: 45px -45px 20px -45px rgba(255,237,36,1);
	box-shadow: 0px -10px 10px -10px rgba(255,237,36,1);
	-webkit-box-shadow: 45px -45px 13px -45px rgba(255,237,36,1);
	-moz-box-shadow: 45px -45px 13px -45px rgba(255,237,36,1);
*/
}

/* fuer alle 3 Bereiche gueltig */
.div_footer {
	height: 30px;
	width: 33.33%;
/*	margin-right: 2%; */
	float: left;
	

}

#footer_01 {
	background-color: transparent;

}
#footer_02 {
	background-color: transparent;
}
#footer_03 {
	background-color: transparent;
/*	margin-right: 0%; */
}

.navi_footer {
	height: 80px;
	width: 100%;
	background-color: transparent;
	border-style: none;
/*	
	border-width: 0px;
	border-style: none;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: yellow;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: yellow;
*/
	font-size: 30px;
	
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

/* http://www.bestcssbuttongenerator.com/#/11 */



	-moz-box-shadow:inset 0px 0px 14px -3px #ffffff;
	-webkit-box-shadow:inset 0px 0px 14px -3px #ffffff;
	box-shadow:inset 0px 0px 14px -3px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#1CF035;
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}


	
/* gut	
-webkit-box-shadow: inset 0px 0px 63px 23px rgba(13,129,168,1);
-moz-box-shadow: inset 0px 0px 63px 23px rgba(13,129,168,1);
box-shadow: inset 0px 0px 63px 23px rgba(13,129,168,1);
*/

/* rechter Rand beim dritten Input weg */
#footer_03  input {
	border-right-style: none;
	border-right-width: 0px;
}

/* 
   *******************************************************************
   ********************** A - Links **********************************
   *******************************************************************
*/


a:link, a:visited  {
	color: black;
	text-decoration: none;
}

a:hover, a:focus, a:active {
}

 /* 
   *******************************************************************
   ********************** Formular search**********************************
   *******************************************************************
*/
div#search {
	height: 100px;
	width: 1250px;
	top: 100px;
	margin: 300px auto 0;
	padding: 30px 20px 50px 20px;
	border-radius: 15px;
	background: rgba(252,240,219, 0.7);
}
/* div test um das formular rum
div#test {
	padding-top: -15px;
	height: 60px;
	border-radius: 15px;
	background: rgba(252,240,219, 0.7);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 0px solid;
	
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
}
*/
form {
	padding-top: 20px;
}

div .form {
	height: 30px;
	float: left;
	
}

/* groesse linke Spalte */
.lab_search {
	display: inline-block;
	padding: 0 15px;	

}
.sel_search {
	
	margin: 0 20px 0 0;

}

.but_search {
	height: 40px;
	padding: 5px 20px ;
	margin: 0 20px 0 0px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 0px solid;
	background-color: #FCF0DB;
	
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
}


input#submit_id {
	width: 250px;
	background-color: #1CF035;
	font-weight: bold;
	font-size: 1.1em;
}
input#refresh_id {
	width: 160px;
}
		
	

/*
   *******************************************************************
   ********************** UL, OL, LI *********************************
   *******************************************************************
*/