@charset "UTF-8";

html, body { 
   	height:auto;
	margin:0;
   	padding:0;
	background-color:#eee6de;
	background-size:100% auto;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-attachment:fixed;
}
  
.dtonly {
	display:block;
}

.monly {
	display:none;
}


/* ===========================================================================================
HEADER NAVIGATOR   HEADER NAVIGATOR   HEADER NAVIGATOR   HEADER NAVIGATOR   HEADER NAVIGATOR 
=========================================================================================== */


#header {
	background-color: #ffffff;
    border-bottom: #144788 solid 2px;
    width: 100%;
    height: auto;
    min-height: 50px;
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    text-align: center;
	z-index: 10;
	position:relative;
}

#navitop {
    width: 77%;
    height: 100%;
    float: left;
    clear: none;
    text-align: right;
}

.headertext {
    width: 100%;
    text-align: center;
    position:relative;
}

/* ===========================================================================================
CONTENT CONTENT CONTENT    CONTENT CONTENT CONTENT    CONTENT CONTENT CONTENT    CONTENT 
=========================================================================================== */

.box_innen {
    width: 77.5%;
    height: 100%;
    float: left;
    clear: both;
    margin: 0% 11.25% 0% 11.25%;
}

.inbox {
    width: 100%;
    height: auto;
    float: left;
    clear: none;
    margin: 0%;
}

.inbox97 {
    width: 96.668%;
    height: 100%;
    float: left;
    clear: both;
    margin: 0% 1.666% 0% 1.666%;
}
    


/* ===========================================================================================
FOOTER FOOTER FOOTER    FOOTER FOOTER FOOTER    FOOTER FOOTER FOOTER    FOOTER FOOTER FOOTER
=========================================================================================== */

#footer {
    background: rgba(251,251, 251, 0.8); 
    float:left;
    width:100%;
    height: 100%;
    text-align: center;
}


/* ===========================================================================================
IMAGES LOGOS    IMAGES LOGOS    IMAGES LOGOS    IMAGES LOGOS    IMAGES LOGOS    IMAGES LOGOS    
=========================================================================================== */


.logo{
    width: 23%;
    height: auto;
    margin: 20px 0px 20px 0px;
}



/* ===========================================================================================
FONTS FONTS FONTS   FONTS FONTS FONTS   FONTS FONTS FONTS   FONTS FONTS FONTS   FONTS FONTS 
=========================================================================================== */

h1.datenschutz {
    font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 30px 30px 0px 0px;
	color: #990033;
	font-size: 30px;
	font-weight: 400;
	font-style: normal;
}

h2.datenschutz {
    font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 20px 30px 0px 0px;
	color: #990033;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
}

h3.datenschutz {
    font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 5px 30px 0px 0px;
	color: #990033;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
}
p.datenschutz {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 5px 30px 0px 0px;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
    
}

ul,li.datenschutz {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 5px 30px 0px 0px;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
    
}

b{
	font-size:1.5em;
    word-spacing:30px;
}
    

/* ===========================================================================================
HOVER HOVER HOVER   HOVER HOVER HOVER   HOVER HOVER HOVER   HOVER HOVER HOVER   HOVER HOVER HOVER 
=========================================================================================== */

a img { 
	border: none;
}

a:link {
	text-decoration: none;	 
}

a:link {
	color: #cc0000;
	text-decoration: none;	 
}

a:active {
    font-weight:bold; 
	color: #fff200;
	text-decoration: none;
}

a:visited {
	color: #cc0000;
	text-decoration: none;
		
}
a:hover {
    background-color: #ffffff;
}




/* ===========================================================================================
ANPASSUNG SCREEN SIZE   ANPASSUNG SCREEN SIZE   ANPASSUNG SCREEN SIZE   ANPASSUNG SCREEN SIZE  
=========================================================================================== */




@media only screen and (max-width: 1380px) {

.box_innen {
    width: 86.80%;
    margin: 0% 6.6% 0% 6.6%;
}
    
    
}


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

@media only screen and (max-width: 1024px) {
 

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

.logo{
    width: 80%;
    margin: 20px 10% 18px 10%;
}

    
.dtonly {
	display:none;
}

.monly {
	display:block;
}
    
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }