/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

* {
	margin: 0;
	padding: 0;
}


html {height: 101%;}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}



audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   ende basis
   ========================================================================== */
   
.adressblock_mob { display: none; }


/* ===========================
   ======= Body style ======== 
   =========================== */
   
body {
	background-image: url();
	background-color: #352313;
	color: #fff;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: "Times New Roman", Times, serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
.body {
	clear: both; 
	margin: 0 auto; 
	width: 100%;
	
}
	
 

/* ===========================
   ======= Anchor style ====== 
   =========================== */
a {
	outline: 0;
	}

a img {
	border: 0px; 
	text-decoration: none;
}

a.eins:link, a.eins:visited {
	color: #CF5C3F;
	padding: 0 1px;
	text-decoration: none;
}

a.eins:hover, a.eins:active {
	
	color: #fff;
	text-decoration: none;
}

a.zwei:link, a.zwei:visited {
	color: #fff;
	padding: 0 1px;
	text-decoration: underline;
}

a.zwei:hover, a.zwei:active {
	
	color: #fff;
	text-decoration: none;
}

a.fade:link, a.fade:visited {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   a.fade:hover, a.fade:active {
      opacity: 0.5;
      }

/* ===========================
   ===== leftblock fix ===== 
   =========================== */
   
   
   #leftbox { 
	width: 220px;
	position: fixed;
	top: 55px;
	
	text-decoration: none;
	text-align: center;
	z-index: 100;
	}
	
	.trenner {
		display: block;
		margin: 20px auto;
		width: 27px;
		height: 4px;
		background-color: #fff;		
	}
	
 
	
/* ===========================
   ===== logo ===== 
   =========================== */	
	
	
	#mob_startlogo { 
  
  display:  block;
  background-color: #FFFFFF;
    
  min-width: 287px;
  height:100px;
  position: relative;    
  text-align: center;
  text-decoration: none;
   
  background-image: url(img/bild_2x.png);
  background-repeat: no-repeat;
  background-position: center;
  
  background-size: 287px 100px;  
  
 }
 

/* ===========================
   ======= Content Area ====== 
   =========================== */


#contentwrap {
	margin-right: 80px;
		 
}


#content {
	margin: 290px 0px 0px 250px;
	float: left;
	max-width: 890px;
	width: 100%;
		 
}


.zellabstand{
	
	padding:0px 8px 8px 0px;	 
}

.zellabstandunten{
	
	padding:0px 0px 8px 0px;	 
}

.abstandunten{
	
	margin:0px 0px 8px 0px;	
		 
}

.abstandobenunten{
	
	margin:8px 0px 8px 0px;	
	 
}

.content_pic{
	position: relative;
	max-width: 100%;
	height: auto;
	width: 100%\0/; /* IE8 hack fuer max-width */
	float: left;	 
	padding: 0;
		
	
}



/* ===========================
   ====== sonstiges ====== 
   =========================== */


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


.abstand_1 {
	clear: both;
	padding-top: 70px;
}

.abstand_2 {
	clear: both;
	padding-top: 20px;
}


.bullet {
  list-style: none;
  margin:0px; padding:0px;
  line-height: 16px;
}

.bullet li {margin:0px; padding:0px;
  padding-left: 12px;
  background-image: url(../bilder/punkt.gif);
  background-repeat: no-repeat;  
  background-position: 1px 0.5em;
 line-height: 16px;
}


.bottom 
{
	bottom: 0px;
	margin: 0px;
	vertical-align: bottom;
	
	display: block;
	float: left;
}

.unsichtbar {
visibility: hidden;

}



.clearit {
clear: both;

}


/* clearfix klasse für das floatende elemente umschließende element */

.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */





iframe, object, embed {
        max-width: 100%;
}



/* text */

.space20 {	
letter-spacing: 1px;	
} 

.space100 {	
letter-spacing: 2px;	
} 

h1 {	
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	display: block;
}

h2 {	
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	display: block;
}

h3 {	
	font-size: 22px;
	line-height: 28px;
	font-weight: 400;
	display: block;
}


.fett {	
	font-weight: bold;
}

.blau {	
	color: #b40084;
}


.unterstrichen {
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}