/* --------------------------------------*/
/* General  */
/* --------------------------------------*/

body {
	
	background:url('images/background.gif') repeat-x;
	min-width: 320px;
}


div.clear { clear: both; }


a {color:#000;text-decoration:underline;}
a:hover {color:#0000FF;}
h1 {font-size:1.7em;border-bottom:3px double #000;}
h2 {font-size:1.4em;}
h3 {font-size:1.1em;color:#2f5093;}
h4 {font-size:0.9em;color:#000;}
p {text-align:justify;}

.f-red {color:red;}
.f-red-2 {color:#9c0000}

#main-nav {
	
	
	list-style-image:url('images/menudot.gif');
}
#main-nav li {
	
	margin:15px 0;

}


div.mobile-menu { display: none; }


.kathead {width:100%}

.btn_blue {
	
	background: #2f5093;
	color:#fff;
	width:100%;
}
.btn_blue:hover {
	
	background: #f44f0f;
	
}

.btn_grey {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,dddddd+100 */
	background: rgb(238,238,238); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */	
}

.container {
	width: 970px;
}

img.full-width-img { width: 100%; }



@media (max-width: 990px) {
  
  .container {
    width: 95%;
    
  }
  
  #header {
  
  	background-size: 100%;
  }
  
  
  #main-nav li {
	
		font-size:12px;
	

	}
	
	#sidebar-right div {
	
		float:left;
		width:99%;
	}
	
	.box-sidebar {
	
		width:150px;
	}
  
  
}

/* Responsive Video */
.responsive-video {
	position: relative;
	padding-bottom: 50%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



@media (max-width: 768px) {
	
	
	#header {
  
  	background:url('images/header710.png') no-repeat;
  	
  }
  
  
  .tab {
	
	display:block;
	width:100%;
	}
	
	
	
	.tab ul {
	
		font-size:12px;
	}
	
	
	#main-nav {
		display: none;
		list-style-image:none;
	}
	
	#main-nav {
	
		list-style-type:none;
	}
	
	
	#main-nav li {
	
		float:left;
		width:48%;
		background:#f44f0f;
		
		margin:2px;
	

	}
	
	#main-nav li a {
	
		color:#fff;
		font-weight:bold;
		font-size:13px;
		text-decoration:none;
		display:block;
		padding:4px;
	

	}
	
	#main-nav li a:hover {
	
		color:#fff;
		font-weight:bold;
		font-size:13px;
		color:#324f97;
		background:#f00;
		background:#ddd;
		
	

	}
	
	/* Mobile Menu */
	div.mobile-menu { display: block; width: 100%; margin: 15px; height: 26px; background: #f54f0d; color: #fff; position: relative; z-index: 1; }
	div.mobile-menu p { margin: 0; line-height: 26px; font-size: 18px; text-align: center; position: relative; z-index: 5; }
	div.mobile-menu div.mobile-menu-icon { width: 26px; height: 26px; position: absolute; left: 12px; top: 0; z-index: 5; }
	div.mobile-menu div.mobile-menu-icon span.bar { display: inline-block; height: 3px; position: absolute; top: 12px; left: 3px; right: 3px; background: #fff; }
	div.mobile-menu div.mobile-menu-icon span.bar:first-of-type { top: 5px; }
	div.mobile-menu div.mobile-menu-icon span.bar:last-of-type { top: 19px; }
	div.mobile-menu select { width: 100%; position: absolute; top: 4px; z-index: 10; opacity: 0; cursor: pointer; }
	
	
	
	/* Bilder in der linken Sidebar entfernen */
	.weg {
	
		display:none;
	}
	
}



@media (max-width: 608px) {
	
	
	#header {
  
  	background:url('images/header610.png') no-repeat;
  }
  
  #foot {
  
  	background-color:#f44f0f;
  	height:100px;
  	font-size:10px;
  	padding:40px 0;
  }
  
  
  #foot #foot-1 {
  
  	width:0;
  }
   #foot #foot-2 {
  
  	width:65%;
  }
  
  
   #foot-2  li{
   
   		display:block;
   		width:100%;
 
   }
  	
}



@media (max-width: 501px) {
	
	
	#header {
  
  	background:url('images/header610.png') no-repeat;
  }
  
  
  #main-nav li {
	
		float:left;
		width:99%;
		background:#f44f0f;
		
		margin:2px;
	

	}
	
	#main-nav li a {
		
		padding:4px;
	}
	
 

	
}



.fc-set-1 {color:#0080FF;} /* Blau */
.fc-set-2 {color:#fff;}

.bg-set-1 {background:#444;}
.bg-set-2 {background:#666;}
.bg-set-3 {background:#888;}
.bg-set-4 {background:#aaa;}





#foot a:hover {color:#000;}





/* --------------------------------------*/
/* Responsive Design */
/* --------------------------------------*/


/*Mobiles Hochformat*/
@media screen and (max-width: 350px) {
    
     
     
	
}

/*Hochformat f�r kleine Tablets*/
@media screen and (max-width: 680px) {
    
 
}


@media screen and (max-width: 480px) { 
	
}

.button{
 text-decoration:none; 
 text-align:center; 
 padding:11px 32px; 
 border:solid 1px #f7740a; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background:#f7740a; 
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }