/* ################################################################################################################################################################## */
/*   Tag-Definitions    */
/* ################################################################################################################################################################## */


html
{
min-height: 100%;
background-color: #888888; 
background-image: url(../images/background.gif); 
background-position: top center; 
background-attachment: fixed; 
background-repeat: no-repeat;
}

body
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 12px;
color: #333333;
-webkit-text-size-adjust:none;
}


h1
{
font-size: 18px;
color: #ff0000;
}

hr
{
height: 1px;
color: red;
background-color: #ff0000;
border: none;
}


/* ################################################################################################################################################################## */
/*   Layout    */
/* ################################################################################################################################################################## */

.wrapper
{
max-width:980px;
min-width:980px;
min-height:450px;
margin: 0 auto 0px auto;
padding: 0px 0px 0px 0px;
text-align:left;
position:relative;
background-color: #ededed;
-moz-box-shadow: 0 0 14px #000000;
-webkit-box-shadow: 0 0 14px #000000;
box-shadow: 0 0 14px #000000;
overflow:visible;	
}


/* ################################################################################################################################################################## */
/*   CONTAINER: container_header    */
/* ################################################################################################################################################################## */

.container_header
	{
	position:relative;
	clear:both;
	height: 155px;
	background-color: #000000;
	border-width: 0 0 2px 0;
	border-color: #ff0000;
	border-style: solid;
	}

.logo
	{
	position: absolute;
	top:12px;
	left:25px;
	border:0;
	}

.logo img
	{
	height: 100px;
	width: auto;
	}
	
.adress
	{
	position: absolute;
	top:30px;
	right:25px;
	border:0;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	color: #ffffff;
	}
	
.adress a
	{
	color: #ffffff;	
	} 	
	
/* ################################################################################################################################################################## */
/*   CONTAINER: container_navigation    */
/* ################################################################################################################################################################## */

.container_navigation
	{
	position:relative;
	clear:both;
	height: 44px;
	background-color: #ff0000;
	}

a.main
	{
	display: block;
	height: 24px;
	padding: 12px 30px 8px 27px;
	float:left;
	font-size: 15px;
	color: #ffffff;
	text-decoration:none;
	}
	
a.on
	{
	font-weight: bold;
	}
	
a.side
	{
	display: block;
	height: 24px;
	padding: 12px 10px 8px 10px;
	float:right;
	font-size: 15px;
	color: #ffffff;
	text-decoration:none;
	}	
	
.container_navigation a:hover
	{
	background-color: #000000;
	}	

/* ################################################################################################################################################################## */
/*   CONTAINER: container_image    */
/* ################################################################################################################################################################## */

.container_image
{
	max-height: 305px;
	width: 100%;
	overflow:hidden;
	clear:both;
	position: relative;
}


/* ################################################################################################################################################################## */
/*   CONTAINER: container_content    */
/* ################################################################################################################################################################## */

.container_content
{
text-align: left;
}

.container_table
{
width: 100%;	
}

.content_left {
vertical-align: top;
padding: 30px;
font-size: 15px;
}


.content_left  ul li {
color: red;
}

.content_left  ul li span{
color: #333333;
}

.content_center
{
font-size: 15px;
}

.content_right
{
vertical-align: top;
background-image: url(../images/metric.png) ;
background-position: left;
background-repeat:repeat-y;
width: 310px;
padding: 10px 0 0 20px;
font-size: 15px;
}


.content_right  ul li {
width: 260px;
float: left;
color: red;
}

.content_right  ul li span{
color: #333333;
}

.content_right img
{
width: 310px;
}

.content_right_link
{
color: #333333;
text-decoration: none;	
}

.content_right_link_akt
{
color: red;
text-decoration: none;	
}
	
/* ################################################################################################################################################################## */
/*   CONTAINER: container_copyright    */
/* ################################################################################################################################################################## */

.container_copyright
{
clear:both;
background-color:#ff0000;
text-align:center;
color: #ffffff;
text-align:center;
padding: 10px;
}

.container_copyright a
{
text-align:center;
color: #ffffff;
font-weight: bold;
text-decoration:none;
}



/* ################################################################################################################################################################## */
/*  CSS - Downloads */
/* ################################################################################################################################################################## */



.downloads
{
display: block;
width: 100%;
height: 75px;
background-color:#dddddd;
margin: 0 0 20px 0;
}

.downloads:hover
{
background-color: #cfcfcf;
}


.downloads span
{
float: left;
padding: 10px 0 0 10px;
color: #333333;
text-decoration: none;
}

.downloads img
{
float: left;
width:auto; 
height:75px;
}




/* ################################################################################################################################################################## */
/*  CSS - MediaQueries for responsiveness  */
/* ################################################################################################################################################################## */



@media (max-width: 1024px) {	


}


@media (max-width: 768px) {	

}


@media (max-width: 479px) {	



}