/* @override 
	http://condev.k5online.de/themes/skm_sasn/zkorr.css */


	
	
	
/* ==========================================================================
  BOTTOM
   ========================================================================== */	
		
	#bottom-right p {
		color: #fff;
	}
	
	#bottom-left  {
		float: left;
		width: 50%;
		text-align: left;
		
	}
	
	a.footer-links {
		margin-right: 30px;
	}
	
	
	#bottom-right  {
		float: right;
		width: 50%;
		text-align: right;
		
	}
	
span#login-ref {
	margin-right: 30px;
}



/* ==========================================================================
  BOTTOM LINKS
   ========================================================================== */	
   
   
#bottom-links {
    background: #666666;
    padding-top: 40px;
    padding-bottom: 30px;
}
#bottom-links a {
    color: #fff;
}

#bottom-links a:hover {
    text-decoration: underline;
}

#bottom-links h4 {
	color: #fff;
	font-size: 16px;
	letter-spacing: normal;
}

#bottom-links li {
	list-style-type: none;
}
		
	#bottom-links-right, #bottom-links-left {
		color: #fff;
	}
	
.bottom-links-two  {
	float: left;
	width: 50%;
	text-align: left;
		
	}
	
.bottom-links-four  {
	float: left;
	width: 25%;
	text-align: left;
	
}	 
  

	
/* ==========================================================================
  SERVICE BOX STYLES
   ========================================================================== */	
	
	
	#services {
	    background: #f0f0f0;    
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	
	
	.service:hover i {
	    color: #626c72;
	    transition: all 0.35s ease-in-out;
	    cursor: pointer;
	}
	
	
	div.boxes {
		background: #fff;
		box-shadow: 0px 3px 5px #ccc;
		width: 180px;
		float: left;
		margin: 10px;
		padding: 25px 0 10px 0;
	}
	
	#services {
		display: block!important;
		margin: 0 auto!important;
	}
	
	#services i {
		color: #e30018;
	}
	
	#services h3 {
		font-size: 18px;
	}
	
	div.boxes:hover {
		box-shadow: 0px 3px 5px #444;
	
	}
	
	#bottom div.container div.row.margin-20 div.col-md-offset-1.col-sm-offset-1.col-lg-offset-1.col-sm-10.col-md-10 {
		margin: 0;
	}
	
/* ==========================================================================
   Content Styles
   ========================================================================== */
#content1 {
    background: #ffffff;
    padding-top: 120px;
    padding-bottom: 120px;
}
#content2 {
    background-color: #f0f0f0;
    padding-top: 60px;
    padding-bottom: 0px;
}

#content2 #sidebaraddress h3 {
	color: #555;
}

#page-title {
    background:url('/images/content/header/header3.jpg') no-repeat center center;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 50px;
}

#page-title h2  {
	background: rgba(0, 0, 0, .55);
	width: 470px;
	padding: 15px;
	color: #fff!important;
}

.navtree {
	background: #f0f0f0;
	text-align: right;
	padding: 20px 0px 0px 0px;	
}


/* ==========================================================================
   Content BOXES
   ========================================================================== */

#content2 {
	display: block!important;
	margin: 0 auto!important;
}

#content2 i {
	color: #e30018;
}

#content2 h3 {
	font-size: 18px;
}


div.boxes-content {
	background: #fff;
	box-shadow: 0px 3px 5px #ccc;
	width: 175px;
	float: left;
	margin: 10px;
	padding: 25px 0 10px 0;
	text-align: center;
}
	

/* ==========================================================================
  CONTENT IMPRINT / AGB
   ========================================================================== */
   

	 #content2 .boxagb {
	 	background: #fff;
	 	padding: 6px 15px 50px 15px;
	 	margin-bottom: 30px;
	 }  
	
	
		#content2 .boxagb h3{
		color: #e30018;
		font-size: 25px;
		letter-spacing: normal;
	 }

	#content2 .boxagb h4{
	font-size: 25px;
	letter-spacing: normal;
}

	#content2 .boxagb i{
	color: #666;
	}


	 #content2 .boxagb-2 {
	 	background: #fff;
	 	padding: 6px 15px 2px 15px;
	 	margin-bottom: 30px;
	 }  
	
	
		#content2 .boxagb-2 h3 a{
		color: #e30018;
		font-size: 24px;
		letter-spacing: normal;
	 }
	 
	 
	 #content2 .boxagb-2 h4{
	font-size: 25px;
	letter-spacing: normal;
}



	 #content2 .boxagb-3 {
	 	background: #fff;
	 	padding: 6px 15px 20px 15px;
	 	margin-bottom: 30px;
	 }  
	
	
		#content2 .boxagb-3 h3 a{
		color: #e30018;
		font-size: 24px;
		letter-spacing: normal;
	 }
	 
	 
	 #content2 .boxagb-3 h4{
	font-size: 25px;
	letter-spacing: normal;
}


#agbs {
	margin-top: 30px;
	margin-bottom: 0px;
}


	 .agbleft {
	 	float: left;	
		font-size: 18px;			 	
	 }	

	 .agbright {
	 	float: right;
		font-size: 18px;		
	 }

/*-----------------------*/


   #content2 .titleimpr img {
   	width: 100%;
   	height: auto;
   }   
   
	   #content2 .titleimpr h2 {
	 	color: #e30018;
	 	margin-top: 40px;  
	 }
	 
	 #content2 .boximpr {
	 	background: #fff;
	 	padding: 6px 15px 20px 15px;
	 	margin-bottom: 30px;
	 }

	 
	 #content2 .boximpr {
		font-size: 18px;		
	}
	
		#content2 .boximpr h3{
		color: #e30018;
		font-size: 25px;
		letter-spacing: normal;
	 }

	#content2 .boximpr h4{
	font-size: 25px;
	letter-spacing: normal;
}

	#content2 .boximpr i{
	color: #666;
	}
	
 
 .imprleft {
 	width: 40%;
 	float: left;
	margin-bottom: 20px;
	font-size: 14px;
	padding-left: 20px;
 }

.imprright {
	width: 60%;
	float: left;
	margin-bottom: 20px;
	font-size: 14px;
}	 


h3#imprtitle {
color: #e30018;
font-size: 25px;
letter-spacing: normal;
padding-left: 20px;
}
	 
	
/* ==========================================================================
  CAROUSEL CAPTION
   ========================================================================== */
   
   #message h1 {
   	font-size: 38px;
   	line-height: 30px;
   	color: #e30018;
   	margin: 0;
   }

	#message h3 {
		color: #262626;
		text-shadow: none;
		font-size: 25px;
		font-weight: bold;
	}
	
#message p {
	color: #000;
	text-shadow: none;
	font-size: 18px;
	margin: 0;
}	
	

input.contactFormClass_button {
	margin: 0;	
}



/* ==========================================================================
  TABELLE
   ========================================================================== */
   
   #onlineuser tbody tr td {
   	padding: 15px;
   }

/* ==========================================================================
  LOGIN
   ========================================================================== */

.button.loginbutton {
	background: #e30018;
	color: #fff;
	padding: 10px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: bold;
	box-shadow: 0 3px 5px #d4d4d4;
	-moz-box-shadow: 0 3px 3px #d4d4d4;
	width: 400px;
	max-width: 100%;
}

.button.loginbutton a{
	color: #fff;
}


.button.loginbutton:hover {
	background: red;
	box-shadow: 0 3px 3px #a9a6a6;
	-moz-box-shadow: 0 3px 3px #a9a6a6;
}

#content2 div.container div.row div.full-width.text-left.col-sm-12.col-md-12 div.blog-post.margin-20 hr {
	border-color: #ccc;	
}



/* ==========================================================================
  ANTWORT BUTTONS
   ========================================================================== */
   

 .answerebutton {
 	background: #e30018;
 	border-radius: 5px;
 	width: 280px;
 	color: #fff;
	margin-left: 10px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 5px  5px  5px  12px;
	box-shadow: 0 2px 5px #cbc8c8;
 	-moz-box-shadow: 0 2px 5px #cbc8c8;
 }
 
 #grantPHPObject{
 	height: 300px;
 }
 
 #grandbody h3 {
 	padding-bottom: 15px;
 }
 
 #grandbody {
	background: transparent;
}

 
/* ==========================================================================
  MOBILE
   ========================================================================== */
   
@media (min-width: 1170px) and (max-width: 1199px) {

div.boxes, .boxes-content {background: #fff;width: 22%;margin: 10px;padding: 25px 0 10px 0;}
.container .carousel-caption {margin-top: 44%;}

}


@media (min-width: 992px) and (max-width: 1169px) {

div.boxes, .boxes-content {background: #fff;width: 22%;margin: 10px;padding: 25px 0 10px 0;}
.container .carousel-caption {margin-top: 44%;}	

}


@media (min-width: 767px) and (max-width: 991px) {

div.boxes, div.boxes-content {background: #fff;width: 30%;margin: 10px;padding: 25px 0 10px 0;}
.container .carousel-caption {margin-top: 57%;max-width: 100%;}	
 .imprleft {width: 50%;	margin-bottom: 20px;font-size: 14px;}
.imprright {width: 50%;	margin-bottom: 20px}	
}


@media (min-width: 710px) and (max-width: 766px) {

div.boxes, div.boxes-content {background: #fff;width: 30%;margin: 10px;padding: 25px 0 10px 0;}
.container .carousel-caption {display: none;}	
.carousel .item {height: 200px;}
#message, #content2 {padding-top: 30px;padding-bottom: 0px;}
#message h1 {font-size: 30px!important;}
#message h3 {font-size: 25px!important;}
input#loginusername {width: 300px!important;}
input#loginpass {width: 300px!important;}
#bottom-links {padding-bottom: 40px;}
.agbleft {float: left;width: 100%;margin-bottom: 20px;}	
.agbright {float: right;width: 100%;}
#content2 .boxagb {height: 150px;}
.imprleft {width: 100%;margin-bottom: 0px;font-size: 14px;font-weight: bold;}
.imprright {width: 100%;	margin-bottom: 20px}	
}


@media (min-width: 650px) and (max-width: 709px) {

div.boxes, div.boxes-content {background: #fff;width: 30%;margin: 10px;padding: 25px 0 10px 0;}
.container .carousel-caption {display: none;}	
.carousel .item {height: 200px;}
#message, #content2 {padding-top: 30px;padding-bottom: 0px;}
#message h1 {font-size: 30px!important;}
#message h3 {font-size: 25px!important;}
input#loginusername {width: 300px!important;}
input#loginpass {width: 300px!important;}
#bottom-links {padding-bottom: 40px;}
.agbleft {float: left;width: 100%;margin-bottom: 20px;}	
.agbright {float: right;width: 100%;}
#content2 .boxagb {height: 150px;}
.imprleft {width: 100%;margin-bottom: 0px;font-size: 14px;font-weight: bold;padding-left: 0px;}
.imprright {width: 100%;	margin-bottom: 20px}	
}

@media (min-width: 550px) and (max-width: 649px) {

div.boxes, div.boxes-content {background: #fff;width: 46%;margin: 10px;padding: 25px 0 10px 0;}
.container .carousel-caption {display: none;}	
.carousel .item {height: 200px;}
#message, #content2 {padding-top: 30px;padding-bottom: 0px;}
#message h1 {font-size: 30px!important;}
#message h3 {font-size: 25px!important;}
#page-title h2  {width: 100%;}
input#loginusername {width: 300px!important;}
input#loginpass {width: 300px!important;}
.agbleft {float: left;width: 100%;margin-bottom: 20px;}	
.agbright {float: right;width: 100%;}
#content2 .boxagb {height: 180px;}
.imprleft {width: 100%;margin-bottom: 0px;font-size: 14px;font-weight: bold;padding-left: 0px;}
.imprright {width: 100%;	margin-bottom: 20px}	
}

@media (min-width: 481px) and (max-width: 549px) {

div.boxes, div.boxes-content {background: #fff;width: 45%;margin: 10px;padding: 25px 0 10px 0;}
.container .carousel-caption {display: none;}	
.carousel .item {height: 200px;}
#message, #content2 {padding-top: 30px;padding-bottom: 0px;}
#message h1 {font-size: 30px!important;}
#message h3 {font-size: 25px!important;}
#page-title h2  {width: 100%;}
#page-title {padding-top: 100px;padding-bottom: 20px;}
input#loginusername {width: 100%;}
input#loginpass {width: 100%;}
.bottom-links-two  {width: 100%;text-align:left;}
.bottom-links-two.last  {margin-top: 20px;}
#bottom-links {padding-bottom: 40px;}
.agbleft {float: left;width: 100%;margin-bottom: 20px;}	
.agbright {float: right;width: 100%;}
#content2 .boxagb {height: 180px;}
.imprleft {width: 100%;margin-bottom: 0px;font-size: 14px;font-weight: bold;padding-left: 0px;}
.imprright {width: 100%;	margin-bottom: 20px}	
}

@media (min-width: 470px) and (max-width: 480px) {

div.boxes, div.boxes-content {background: #fff;width: 200px;margin: 10px;padding: 25px 0 10px 0;}
.container .carousel-caption {display: none;}
.carousel .item {height: 200px;}
#message, #content2 {padding-top: 30px;padding-bottom: 0px;}
#message h1 {font-size: 30px;}
#message h3 {font-size: 24px!important;}
#page-title h2  {width: 100%;}
#page-title {padding-top: 100px;padding-bottom: 20px;}
input#loginusername {width: 100%;}
input#loginpass {width: 100%;}
.bottom-links-two  {width: 100%;text-align:left;}
.bottom-links-two.last  {margin-top: 20px;}
#bottom-links {padding-bottom: 40px;}
.agbleft {float: left;width: 100%;margin-bottom: 20px;}	
.agbright {float: right;width: 100%;}
#content2 .boxagb {height: 180px;}
.imprleft {width: 100%;margin-bottom: 0px;font-size: 14px;font-weight: bold;padding-left: 0px;}
.imprright {width: 100%;	margin-bottom: 20px}	

}

@media (min-width: 0px) and (max-width: 469px) {

div.boxes, div.boxes-content {background: #fff;width: 43%;margin: 10px;padding: 25px 0 10px 0;}
div.boxes-content h3 {font-size: 20px!important;}
.container .carousel-caption {display:none;}
.carousel .item {height: 150px;}
#message, #content2 {padding-top: 30px;padding-bottom: 0px;}
#message h1 {font-size: 30px;}
#message h3 {font-size: 24px!important;}
a.footer-links {width: 100%;margin: 0;float: left;}
a.footer-links-last {width: 100%;margin: 0;float: left;}
#services h3 {font-size: 18px!important;margin-bottom: 5px;}
#page-title h2  {width: 100%;}
#page-title {padding-top: 100px;padding-bottom: 20px;}
input#loginusername {width: 100%;}
input#loginpass {width: 100%;}
.bottom-links-two  {width: 100%;text-align:left;}
.bottom-links-two.last  {margin-top: 20px;}
#bottom-links {padding-bottom: 40px;}
.agbleft {float: left;width: 100%;margin-bottom: 20px;}	
.agbright {float: right;width: 100%;}
#content2 .boxagb {height: 205px;}
.imprleft {width: 100%;margin-bottom: 0px;font-size: 14px;font-weight: bold;padding-left: 0px;}
.imprright {width: 100%;	margin-bottom: 20px}	

}



@media (min-width: 767px) {
#message {display: none;}
}


@media (max-width: 991px) {

#bottom-left  {width: 100%;}
#bottom-right  {width: 100%;text-align: left;margin-top: 20px;}

}