/* 

Theme Name: Planet Breakeven theme by breakeven


Theme URL: 
http://www.planet-breakeven.com

Description:  Theme für planet-breakeven.com

Version: 1.1

Author: breakeven, Bernd Press

Author URL: http://www.breakeven-berlin.de

*/

@import url(normalize.css);	

	body, html { height: 100.1% !important; padding: 0; margin: 0;}


body {
	background-color:#fff;
	margin:0px;	
	color: #535353;
	font-size: 14px;
	font-family: Arial, sans serif;
	font-weight: normal;
	line-height: 20px;
	background-repeat:repeat-x;
	overflow-y: scroll;
	}
	
header[role="banner"] {
	display:block;
	width: 100%;
	margin: 0 auto 0px auto;
	clear:both;
	z-index: 90;
	background-color:#004f7b;
}
header[role="banner"] img {
	display:block;
	border:0px;
	margin: auto; 
	max-width: 2000px; width: 100%;
}
	

#main {
	z-index:1;
	max-width:905px;
	display:block;
	margin:auto;
	text-align:left;
	background-color:#ffffff;
	border: #ff0000 0px solid;
	}

#content{
	box-sizing:border-box;
	padding: 40px 35px 0 35px;
	width:100%;
	height:auto;
	display:block;
	background-color:#fff;
	clear:both;
	color: #484848;
	font-weight: normal;
	}

#navigation {
	
	width:905px;
	padding: 0;
	margin: 0 0 20px 0;
	}

#leftcol {
	width:580px;
	float:left;
	display:inline;
}

#leftcol2 {
	width:100%;
	display:block;
}


#rightcol {
	float:right;
	display:inline;
	width:210px;
	padding-top:20px;
	padding-left:20px;
	padding-bottom: 0px;
	padding-right:0px;
	background-color:#ffffff;
	border: 0px solid;
}

footer {
	display:block;
	clear:both;
	margin:auto;
	text-align:right;
	background-color: #ffffff;
	max-width:865px;
	padding: 36px 40px 20px 0;
	margin-bottom:40px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	color: #898989;	
	font-size: 11px;	
	font-family: tahoma, Arial, sans serif;	
	font-weight: normal;
	line-height: 14px;	
	
}

.clearer {
	clear:both;
	height:0px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
hr {
	width: 100%; 
	border: none;
	border-bottom: #666 1px solid;
	clear: both;
	margin: 40px 0 40px 0;
}

p {
	clear:both;
	color: #484848;
	font-weight: normal;
	padding: 0px 0 0 0;
	margin: 0px;
	border: 0px solid;
}
 

h1 {color: #999;	font-size: 34px;	font-family: Arial Narrow, Arial, tahoma, sans serif;	font-weight: normal;	line-height: 38px;	margin: 10px 0 20px 0;	padding: 0;}
h2 {color: #444;	font-size: 28px;	font-family: Arial Narrow, Arial, tahoma, sans serif;	font-weight: normal;	line-height: 30px;	text-decoration: none;	margin: 0 0 10px 0;	padding: 0;}
h4 {color: #cc1f2f;	font-size: 13px;	font-family: Arial Narrow, Arial, tahoma, sans serif;	font-weight: bold;	padding:0 0 14px 0;	margin:0px;}
h5 {color: #898989;	font-size: 11px;	font-family: Arial Narrow, Arial, tahoma, sans serif;	font-weight: bold;	line-height: 14px;	padding:0px; margin:0px;}
h6 {color: #535353;	font-size: 13px;	font-family: Arial Narrow, Arial, tahoma, sans serif;	font-weight: bold;	line-height: 16px;	text-decoration: none;	margin: 0px;	padding: 0 0 5px 0;}

a {
	font-size: 14px;
	font-family: arial;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
}

a:link {color: #484848;}
a:visited {color: #484848;}
a:hover {color: #114e93;}
a:active {color: #114e93;}

a img {	border:none;}

ul {
	margin:10px 0 10px 0;
	padding: 0px;
	list-style-type:none;
}
li {
	background-image:url(../bilder/aufzaehlung.jpg);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding: 2px 0 5px 20px;
}

a.imp:link { color: #898989; font-size: 14px; font-family: arial; font-weight: normal; line-height: 14px; text-decoration: none; }
a.imp:visited { color: #898989; font-size: 14px; font-family: arial; font-weight: normal; line-height: 14px; text-decoration: none; }
a.imp:hover { color: #114e93; font-size: 14px; font-family: arial; font-weight: normal; line-height: 14px; text-decoration: none; }
a.imp:active { color: #114e93; font-size: 14px; font-family: arial; font-weight: normal; line-height: 14px; text-decoration: none; }

.limits {
	color: #898989;
	font-size: 14px;
	font-family: tahoma, tahoma;
	font-weight: normal;
	line-height:14px;
	padding-bottom:20px;
	margin-top:20px;
}


form{
	margin:0px;
	padding:0px;
}

.grundriss {
	display:block;
	clear:both;
	margin: 40px 0 40px 0;
	
}

.group1, .group2, .group3, .group4, .group5 {
	display:block;
}
.group1 img, .group2 img, .group3 img, .group4 img, .group5 img, .group6 img {
	display: block;float:left;
	box-sizing:border-box;
	width: 33.33333333%;
	max-width: 260px;
	padding-right: 10px; margin-bottom: 20px;
}


#map_berlin { display:block; width: 500px; height: 400px; clear:both;margin-top: 20px;}



/*Tabelle -------------------------------------------------------------*/

td {
	vertical-align:top;
	text-align:left;
}

.preise { width:100%; }

.preise td, .preise th {
	vertical-align:middle;
	text-align: center;
	padding: 5px 0;
	font-size: 15px;
	line-height: 17px;
	height: 40px;
}

.preise th { width: 27%; height: 30px; background-color: #b8d8f4; font-weight: bold;}
.preise th:first-child { width: 19%; }
.preise th:last-child { border-right: #b8d8f4 1px solid;}

.preise td { border-bottom: #ccc 1px solid; }
.preise td:first-child { border-left: #ccc 1px solid; }
.preise td:last-child { border-right: #ccc 1px solid; }

/* --- navi und Suche fuer Bildschirme über 767px ---*/
		
	.nav-button { display: none; }
	
	nav {
		position: relative;
		top: 0px;
		left: 0px;
		margin: auto;
		z-index: 99; 
		display:block;
		width: 100%;
		max-width: 100%;
		height: 39px;
		padding: 0;
		text-align:center;
		vertical-align:middle;
		background-color: #124e94;
		
	}
	nav .menu { max-width: 905px; height: auto; background-color: transparent; margin: auto; }
	
	
	nav .menu > ul {
		display:block;
		padding: 0 0px 0px 0px;
		text-align:left;
		margin: 0px;
		list-style-type:none;
		width: 100%;
		}
	nav .menu > ul > li {
		box-sizing: border-box; /*das MUSS sein, damit die Linien in der Prozent-Breite mitgerechnet werden! */
		display: inline-block;
		margin: 0px;
		width: 20%;
		padding: 0;
		height: auto;
		border-right: #000 1px solid;
		text-align:center;
		background: #124e94; 
		
	}
	nav .menu > ul > li:first-child {border-left: #000 1px solid; /* content-box: hier die Breite ohne die Linie rechts */ }
	
	nav .menu ul li a { display: block; padding: 11px 13px 11px 13px; text-decoration: none; color: #fff; white-space: nowrap;
		font-family: Arial Narrow, Arial, Sans Serif; 
		font-size: 16px; font-size: 1.05rem;
		font-weight: normal;}
	nav .menu ul li a:link  {text-decoration: none; color: #fff;}
	nav .menu ul li a:visited{text-decoration: none; color: #fff;}
	nav .menu ul li a:hover, nav .menu ul li a:focus  {text-decoration: none; color: #fff;
			background: #004177;
	}
	nav .menu ul li a:active  {text-decoration: none; color: #fff;}
	nav .menu ul li.current_page_item > a { color: #ffffff; 
			background: #004177; 
	}

	
	/*sub level menus dropdown global formatings */
	nav .menu ul li ul li { background-image: none; padding: 0px;}
	nav .menu ul li ul li a {padding: 8px 12px 8px 12px; }
	nav .menu ul li ul li a:link  {}
	nav .menu ul li ul li a:visited{}
	nav .menu ul li ul li a:hover, nav .menu ul li ul li a:focus  {}
	nav .menu ul li ul li a:active  {}
	

	
	
/* ---------------------------------------------------------
   mobile styles
   ---------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 900px) { 

	#rightcol { display: none; }
	#leftcol { width: 100%; display: block; float:none; }
	footer { box-sizing: border-box; width: 100%; }
}
  
      
      
@media only screen and (min-width: 0px) and (max-width: 600px) { 
   
   	/* Navigation Bar
   	-------------------------------------------------------- */  
 
   				header[role="banner"] img { display:none; }
   
   	/* Navigation Area
   	-------------------------------------------------------- */	
   				nav {
   					position: relative;
   					width: 100%;
   					min-height: 113px;
   					top: 0px;
   					left: 0px;
   					z-index: 2;
   					padding: 0; border: none; 
   					background: url("../bilder/head_tablet_stoerer_eng.jpg") 0 0 no-repeat;
   				}
   
   	/* Navigation Button
   	-------------------------------------------------------- */
   			
   				.nav-button {
   					display: block;
   					position: relative;
   					top: 30px;
   					left: 20px;
   					width: 36px;
   					height: 50px;
   					background: url('../bilder/navigation/mobile-menu-icon-large.png');
   					background-position: center center;
   					background-repeat: no-repeat;
   					background-size: 36px, 100%;
   					cursor: pointer;
   					border: 0 none;
   					outline: none;
   					z-index: 999;
   					text-indent: -9999px;
   				}
   				.nav-button:hover { 
   					background-image: url('../bilder/navigation/mobile-menu-icon-largex.png');color: #fff;
   				}
   				.nav-button.open {
   					background: url('../bilder/navigation/mobile-close-icon-large.png');
   					background-position: center center;
   					background-repeat: no-repeat;
   					background-size: 36px, 100%;
   				}
   				.nav-button.open:hover { 
   					background-image: url('../bilder/navigation/mobile-close-icon-largex.png');
   				}
   
   
   	
   	/* Navigation Menu
   	-------------------------------------------------------- */
   				nav .menu {display: block; position: absolute; top: 0px; left: 0px;z-index:99;width:100%;height: auto; }
   				nav .menu ul { padding: 0;text-align: left; font-weight: normal; }
   				
   				/* Toggle the navigation bar open  */
   				nav .menu ul, nav .menu ul li { display: none; }
   				nav .menu ul.open { display: block; height: auto; margin-top: 63px; }
   				nav .menu ul.open li { display: block; }
   				  
   				/* home button 
   			  	nav .menu > ul > li:first-child {
   			  	}
   			  	nav .menu > ul > li:first-child a {  }
   				*/
   				  
   				/*1st level menus */
   				nav .menu > ul {background-color: #c4b5a0;}
   				nav .menu > ul > li { box-sizing: border-box;position: relative; display:block; width: 100%; padding: 0px; margin: 0;border:0;border-top: 1px solid #fff;background:transparent}
   				nav .menu > ul > li:last-child {box-sizing: border-box;width: 100%;border:0;border-top: 1px solid #fff;}
   				nav .menu ul li a { font-size: 9px; font-size: 1.3rem;text-align:left; color: #fff; padding: 20px 20px 20px 20px; background:transparent; }
   				nav .menu ul li a:link, nav .menu ul li a:visited, nav .menu ul li a:active { color: #fff; background:transparent;}
   				nav .menu ul li a:hover { color: #fff;background: #a1927c; }
   				  				  	
   				/*2nd level menus */
   				nav .menu > ul > li > ul { width: 240px;left: -240px; top: 0; margin: 0px; background-color: #d0d0d0;}
   				nav .menu > ul > li:hover > ul { display: block;}
   				nav .menu > ul > li > ul > li { position:relative; margin: 0 0 0 0px; width: auto;}
   				nav .menu > ul > li > ul > li a { }
   				  	
   				  	
   				/*3rd level menus !!!!!not used!!!! */
   				nav .menu > ul > li > ul > li > ul {  display: none; background-color: transparent; }
   				nav .menu > ul > li > ul > li:hover > ul 	{	  display: block; position: absolute; left: 0;top: 0;}
   				nav .menu > ul > li > ul > li > ul > li 	{	  position: relative;  border: 0; margin: 0 0 0 20px;}
   				nav .menu > ul > li > ul > li > ul > li a	{	}
   		
   	/* Page Modifications
   	-------------------------------------------------------- */
   	
   	#content {
		box-sizing:border-box;
		padding: 30px 20px 0 20px;
	}
	
	#map_berlin { display:block; width: 100%; height: 400px; clear:both;margin-top: 20px;}
   		
   } 
   
@media only screen and (min-width: 0px) and (max-width: 480px) { 
   .grundriss { width: 100%; }
}
   
@media only screen and (min-width: 0px) and (max-width: 480px) { 
	.group1 img, .group2 img, .group3 img, .group4 img, .group5 img .group6 img{
		float:none;
		width: 100%;
		max-width: 260px;
		padding-right: 0px; 
		margin-left: auto;
		margin-right: auto;
	}
	

      
   	/* Navigation Area
   	-------------------------------------------------------- */	
   				nav {
   					min-height: 124px;
   					top: 0px;
   					left: 0px;
   					z-index: 2;
   					padding: 0; border: none; 
   					background: url("../bilder/head_sp_stoerer_eng.jpg") 0 0 no-repeat;
   				}
    	/* Navigation Button
    	-------------------------------------------------------- */
    			
    				.nav-button {
    					top: 40px;
    					left: 20px;
    				}
    	/* Navigation Menu
   	-------------------------------------------------------- */			
    				nav .menu ul.open { margin-top: 74px; }
 }
 
 @media only screen and (min-width: 0px) and (max-width: 390px) { 
 }