/***********************************************************************
*
*  style
* 
*  Timm Kürlis
*
*  http://www.planpink.de
*
*
************************************************************************/

@media only screen and (min-width: 200px) and (max-width: 767px){

/* Kontakt css - - - - - - - - - - - - - - - -  - */

p {
	color: #666;
	font-size:14px !important;
	
	}

.logo {
	width:80% !important;
	left: 10% !important;
	top:55px;
	display:block;
	z-index: 1100;
	position:absolute !important;
	}
.logo img {height: 80px !important;
	text-align:center;}

h1 {
	font-size:18px !important;}

#top {
	height:20px;
	background:#F90 !important;
	}

#datum {
	font-size:8px !important;}	
	
#nummer {
	display: block !important;
	top: 0px;
	width:100%;
	background:#F90;
	color: #FFF ;
	height:40px !important;
	position:fixed;
	text-align:center;
	line-height:40px;
	z-index:4000;
		
}	
#nummer a {
	font-size:24px !important;
	color: #FFF ;
	
	
		
}



	
	
.check {
	right: 3%;
	width: 7%;
	overflow: hidden;
	top:40px;
	z-index: 1100;
	position:absolute;
	display: none;
}
	
.check img {
	width: 100%;
	position: relative;
	z-index: 1;
}

#datum {
	padding: 1% 0%;
	color: #FFF;
	font-size:100%;

	
	}


.menuspace {
	width: 20%;
	float:left;
	height: 70px;
	display: none;

			}
		
		
		
.menu {
	width: 70%;
	float:left;
	height: 54px;
	text-align:center;
	font-size:14px;
	line-height:54px;
	display: none;
	
	}

.linkmenu {
	cursor: pointer;

	}
	
	
.navi {
	background: url(naviback.png) repeat-x !important;
	width: 60% !important;
	height:80px !important;
	position: fixed;
	z-index: 1000;
	display:none;
		
	}
	
.menu a {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 110%;
	padding:1%;
	
		}

.menu #sys {
	
	cursor:pointer;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-decoration:none;
	padding: 20px;
	display: none;
	
	}
	
	
#subnavi {
	top: 70px;
	padding: 3px;
	background:url(blau.jpg) repeat;
	color: #FFF !important;
	position:fixed;
	left: 40%;
	z-index:1000;
	display:none;
	
	
	
	}
#subnavi a {
	text-decoration:none;
	color:#FFF;
	padding: 3px;
	}

.kontaktlinks {
	width:100%;
	float:left;
	padding: 0% 8% !important;
		}

.kontaktrechts {
	width:100%;
	float:left;
	padding: 0% 0% 15% 0% !important;
	}

.trenner {display: none;}

  
 
.xform  {
	padding: 0% 0% 0% 2%;
	width: 100%;
	float: left;
	}

.kontaktrechts input {
	border:none;
	background:#FFF !important;
	font-size:larger;
	float:left;
	color: #000 !important;
	width: 100%;
	
	}
	
.kontaktwrap {
	width: 80% !important;
	padding: 0% !important;
	margin: 5% !important;
	
	}

label {
	background: none !important;
	float:left;
	color: #333;
	}
	
	

	}
	 
.formsubmit input

{
	margin: 2% 0% !important;
	background:#333 !important;
	color: #FFF !important;
	width: 100%;
	}

.spacer {width: 100%; height: 100px; float:left; display: block;}

.fb-like {
	padding: 20px 0px;}

.fb-like-box {
	width: 100% !important;
	display:block !important;
	float:left
	}

.hideiphone {display:none !important;}

#teaser {
	width: 100%;
	height: 25%;
	float:left;
	display:block;
	padding:20px 0px 20px 0px;
}


	
.teaserfeld {
	width: 40%;
	height: 25%;
	float:left;
	display:block;
	text-align:center;

	}

.teaserfeld p {
	text-align:center;

	}

.teaserfeld img {
	width: 50%;


	}
	
.topoben {
	width: 100%;
	height:140px !important;
	float:left;
	overflow: hidden;
	}	




}