/* Das Geheimnis der Erwählung Stylesheet Script 2.0*/
/* Autor Viktor Peters*/


html, body  {
    margin:0;
    padding:0;

	background-color: #666633;
	background: url(images/Z4.jpg) repeat;
   	font-family: verdana, Arial, Sans-serif;
	font-size: 14px;
	min-width: 1090px;
}

#page-body{
	max-width: 1500px;	
	margin: auto;
	background: transparent;
}

#kopf{
		width: 100%;
		min-height: 11%;	
}
	
#head_dain_container{
		background: rgba(..., ..., ..., 0.1);
		width: 50%;
		min-height: 40px;
		margin-left: 5%;
		float: left;
		color: #33a;
		font-size: 24pt;
		font-weight:bolder;
		padding-top: 10px;
		text-shadow: 3px 3px 3px #555;
}

#content_root_headline_Vers	{
		margin-right: 5%;
		text-align: right;
		width: 28%;
		min-height: 40px;
		float: right;
		padding-top: 10px;
}

#head_main_container{
		background: rgba(130, 170, 240, 0.14);
		width: 100%;
		height: auto;
		margin-top: 5%;
		padding-top: 1%;
		overflow: hidden;
}

#head_sain_container{
		color: transparent;
		min-width: 1190px;
		height: auto;	
}

.head_links{
		width: 95%;
		height: auto;
		padding-top: 12px;
		margin-left: 5%;		
}

.head_links a{
		font-size: 14px;
		height: auto;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
}

#head_navi{
		padding-bottom: 9px;
		padding-right: 1px;
		margin-right: 10%;
		height: 7%;
		float: right;
}
	
#root_box{
    display: inline-block;
	height: auto;
	width: 100%;
	min-height: 770px;
	padding: 0;
	background-color: #fff;
}

#root_site{
	height: auto;
	width: 59%;
	padding: 3%;
	float:left;
	background-color: #fff;
}

#root_site_text{
	height: auto;
	min-width: 45%;
	padding-left: 1%;
	padding-right: 4%;
	float:left;
	background-color: #fff;
}

/*
.content_main_img{
			margin-left: 0.3%;
			margin-top: 0.3%;
			width: 99.3%;
			height: auto;
			background-color: rgba(70, 155, 150, 0.10);
}
*/

#root_site_right{
	height: auto;
	width: 29%;
	padding: 3%;
	float:right;
	background-color: #fff;
}
	
.content_main_img_right{
			margin-left: 0.3%;
			margin-top: 0.3%;
			width: 99.3%;
			height: auto;
			background-color: rgba(70, 155, 150, 0.10);
}
		
#footer_navi{
		width: 100%;
		text-align: center;
		margin-left: 0;
}

#footer_navi a{
		background-color: #FFF;
		color: rgba(..., ..., ..., 0.1);
}

#footer_navi a:hover{
		background-color: #bee1f0;
		color: rgba(..., ..., ..., 0.1);
}

#footer_navi a:active{
		background-color: #330000;
		color: rgba(250, 250, 200, 0.9);
}
	
#footer_main_container{
		margin-top: 10px;
		width: 100%;
		background: rgba(130, 170, 240, 0.01);
		overflow:hidden;
}

#footer_main_source{
				width: 100%;
				height: 27px;
				padding-top: 0px;
				text-align: center;
}

#footer_main_source a{
				text-align: center;
				padding-left: 10px;
				padding-right: 10px;
				background-color: #98BCEE;
}

#footer_main_source a:hover{
				text-align: center;
				padding-left: 10px;
				padding-right: 10px;
				background-color: #fff;
}

#footer_main_source a:active{
				text-align: center;
				padding-left: 10px;
				padding-right: 10px;
				background-color: #330000;
				color: rgba(250, 250, 240, 0.9);
}

img {
	max-width: 100%;
	height: auto;
}

	
a
{
	vertical-align: center;
}

td
{
	padding-left: 7px;
	padding-right: 7px;
}

p
{
	text-align: justify;
	padding-left: 7px;
	padding-right: 7px;
}

h1
{
	margin-left: 0.4%;
	padding-left: 7px;
	font-size: 24pt;
	vertical-align: center;
}

h2
{
	margin-top: 0px;
	padding-left: 7px;
	padding-top: 7px;
}

h3
{
	margin-top: 0px;
	padding-left: 7px;
	padding-top: 7px;
}

h4
{
	margin-top: 0px;
	padding-left: 7px;
	padding-top: 7px;
}

a:link  
{
	text-decoration: none;
	color: #330000;
}

a:visited 
{
	text-decoration: none;
	color: #330000;
}

a:hover
{
	background-color: #FFF;
	color: rgba(..., ..., ..., 0.1);
}

a:focus
{
	background-color: #FFF;
	color: rgba(..., ..., ..., 0.1);
}

a:active
{
	background-color: #330000;
	color: rgba(050, 050, 200, 0.9);
}


a img
{
		height: 100%;
}





main {
	background-color: rgba(70, 155, 150, 0.001);
	float: right;
}

#suche {
	width: 2.1em;
	height: 32px;
	border: 2px solid #999;
	border-radius: 2.1em;
	font-size: 1.2em;
	transition: width 0.5s ease-in-out;
	background: url(images/search.png) no-repeat right;
}

#suche:focus {
	font-size: 1.5em;
	width: 100%;
}


/* root_site Setup */


	/*	.content_root_headline
			{
				float:left;			
			}

*/