h1 {
	font-size: 30px;
	Font-Family : Arial,sans-serif;
	Color : black ;
	font-weight: bold;
	text-align: center;
}

.Merker {
	text-align	: center;
	Font-Family 	: Arial,sans-serif;
	color		: #C00000;
	font-size	: 20px;
}

p {
	Font-Family 	: Arial,sans-serif;
	color		: black;
	font-size	: 20px;
	text-decoration	: none;
}

@media only screen{

body {	
	Font-Family : Arial,sans-serif;
	Color : black ;
	margin:0;
	padding:0;
	font-size:12px;
	background-color:white;   
	
}

/* ------------------------------------------- Allgemein -------------------------------------*/

img 	{border:0; padding:0; margin:5px; width:40%; height:auto;}
.imgvoll {max-width: 90%; height: auto;}

.justify{text-align:justify;}
.bold	{font-weight:bold;}
.left	{text-align:left;}
.center	{text-align:center;}
.right	{text-align:right;}
.nostart{list-style-type:none; margin:0; padding:0;}
.clear	{clear:both;}
.clearfix {overflow: auto; zoom: 1;}
.fl_left  {float:left;}
.fl_right {float:right;}
.white	{ background-color: white;}
.small {font-size: 11px; line-height :16px;}
.form {background-color:white; border-width:1px; border-color:rgb(157,0,0); border-style:dotted;font-size:12px;}

hr {height: 1px;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper {
		display:block;
		width:100%;
		margin-top:10px;
		text-align:left;
		background-color: white;
}


/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topnav, #textleiste, #bilderleiste, #content, #footer{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:950px;
	}
	
/* ----------------------------------------------Header-------------------------------------*/


#header img {width: 30%; height: auto; border:0px;}
#header h1 {margin: 0px; padding:0px;}


/* ----------------------------------------------Navigation-------------------------------------*/


#topnav ul, #topnav li{
	padding:0 20px 0 0;
	list-style:none;
	font-size:14px;
	}

#topnav li{
	float:left;
	margin:0 0 0 15px;
	padding:2px 10px 4px 10px;
	border:1px solid grey;
	background-color: #FF8811;
	box-shadow: 2px 2px 10px grey;
	}

#topnav li a{
	color:#333333;
	}
	
#topnav li a:hover{
	font-weight: bold;
	}
	
#topnav .aktiv {
	font-weight: bold;
	background-color: #F6E5D4;	
}

/* --------------------------------------- Leisten --------------------------------------*/

#bilderleiste {
	width:80%;
	padding:0;
	overflow:hidden;
	color:#333333;
	background-color:#EEEEEE;
	text-align: center;
	margin-top: 0px; 
	margin-bottom: 20px;
	}

#textleiste {
	width:80%;
	padding:0;
	padding-top:15px;
	overflow:hidden;
	color:#333333;
	background-color:#EEEEEE;
	margin-top: 30px; 
	margin-bottom: 20px;  
	}

#grau {
	display:block;
	width:95%;
	padding:20px;
	overflow:hidden;
	color:#333333;
	box-shadow: 5px 5px 10px grey;
	background-color:#EEEEEE;
	margin-bottom: 40px;
	}


#aktuell {

	display:block;
	width:100%;
	padding:10px 0 10px 0;
	background-color: #F6E5D4;
	font-size: 14px;
	text-align: center;
}

/* ----------------------------------------------Content-------------------------------------*/


#content{
	display:block;	
	font-size:16px;
	line-height:20px;
	Font-Family : Arial,sans-serif;
	Color : black ;
	}
	

#content h1 {
	font-size: 20px;
	Font-Family : Arial,sans-serif;
	Color : black ;
	font-weight: normal;
	text-align: center;
}

#content li {
	list-style-image:url('Bilder/bullit.png');
	line-height:22px;
}


#content h2{
	font-size:14px;
	text-align: center;
	font-weight: normal;
	color: 333333;
	}

#content h3{
	font-size:16px;
	font-weight: bold;
	}

#content h4{
	font-size:12px;
	font-weight: bold;
	margin-bottom:0px;
	}	


/* --------------------------------------- 2 Spalten --------------------------------------*/

#colall {
	display:block;
	width:98%;
	margin-left:15px;
	float: left;
	line-height:18px;
	font-size:13px;
	text-align: left;
}

#colleft {
	display:block;
	width:45%;
	padding:0;
	margin-left:2%;	
	float: left;
	line-height:18px;
	font-size:13px;
	text-align: left;
}

#colright {
	display:block;
	width:44%;
	padding:0;
	float: right;
	margin-right:2%;
	line-height:18px;
	font-size:13px;
	text-align: left;
}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	background-image: url(Bilder/orange.jpg);
	box-shadow: 2px 2px 10px grey;
	}

#footer h1{
	text-align: center;
	padding-top: 10px;
	font-size:14px;
	font-weight:bold;
	color:black;
	margin-bottom:0px;
	text-align:center;
}
#footer h2{
	text-align: center;
	padding-bottom:10px;
	font-size:11px;
	font-weight:normal;
	color:black;
	margin-bottom:10px;
	}

#footer p, #footer ul, #footer a{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	color:#333333;
	}

#footer li{margin-bottom:3px;	}

#footer a:hover{font-weight:bold;	}


}

/* ---------------------------------------------- Tablet -------------------------------------*/

@media only screen and ( min-width: 440px ) and ( max-width: 950px ) 
{    /* Tablets und mittlere Bildschirme */

#header, #topnav, #footer, #content {width : 100%;}

#header img {width:50%; height: auto;}

#topnav ul, #topnav li{
	list-style:none; font-size:1.1em; width: auto; margin-bottom:10px;
	}
	
#colall {
		width:95%; margin-left:15px;float: left;
}
	
 		
#featured_slide {	width:85%;	}

}
/* ---------------------------------------------- Mobile -------------------------------------*/

@media only screen and ( max-width: 440px ) 
{    /* mobile Geräte */

#header, #topnav, #footer, #content {width : 100%;}

#header img {width:90%; height: auto;}

#topnav ul, #topnav li{
	list-style:none; font-size:1.1em; width: auto; margin-bottom:10px;
	}

#content {padding: 0 10px 0 10px;}

#footer .fl_left {display:none;}
#bilderleiste {width:100%;}

.logo {width:100%; height:auto;}
.ref	{width:100%; height:auto;}
.brief{width:45%; height:auto;}

#colleft {
	display:block;
	width:90%;
	padding:0;
	margin-left:1%;	
	float: left;
	line-height:18px;
	font-size:13px;
	text-align: left;	}

#colright {
	display:block;
	width:90%;
	padding:0;
	float: left;
	margin-right:1%;
	line-height:18px;
	font-size:13px;
	text-align: left;	}

#colall {
	width:90%;
	margin-left:15px;
	float: left;
}
	
#topnav ul, #topnav li{	list-style:none; font-size:1.1em; width: auto; margin-bottom:10px;	}
    
.imgr {float: none; margin:0 0 15px 0; clear:all;}

.imghide { display: none;}
	
	
}