/* CSS Document */

/* basic styles */

/*
* { margin: 0; padding: 0; border: 0; }
*/
html, address, blockquote, body, div, dl, dt, dd, fieldset, form,
p, h1, h2, h3, h4, h5, h6, ol, ul, li, center, hr, pre,
table, tr, td, th, thead, tbody, tfoot, caption, img {
margin: 0; padding: 0; border: 0;
}
html { height: 100%; }
html, body, td {
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
 font-size: 11px;
 line-height: 14px;
 color: #000000;
 font: 100.01%/1.5;
}
body {
 text-align:center;
 background: #FFFFFF;
 margin: 0;
 padding: 0;
 width: 100%;
}
#wrappage {
 margin: 0px auto; top: 0px; width: 80%; height: 100%; position: relative;
}

.logo { max-width: 500px; width: 500px; }

h1 {
font-size: 18px;
}
h1, h2, h3, h4 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 18px;
}
a {
color: #76797d;
}
#content {
 position: absolute;
 overflow: visible;
 top: 190px; width: 80%;
 color: #76797d;
 font-size: 15px;
 text-align: left;
 line-height: 18px;
 font-family: Arial, sans-serif;
 font-weight: 400;
}


/* SCHRIFTGRÖSSEN :: Laptops & Desktops ab (1100px) */
@media only screen and ( min-width: 1100px ) { 

.mobile { display: none; }

}

/* Tablets in Landscape-Modus zwischen (981-1100px) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

#content { top: 150px; width: 90%; }
	
#wrappage { width: 80%; }	
	
.logo { max-width: 400px; width: 400px; }	
	
.mobile { display: none; }	
	
}

/* Tablets in Portrait-Modus zwischen (768-980px) */
    
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	
#content { top: 100px; width: 100%; }
	
#wrappage { width: 80%; }	
	
.logo { max-width: 400px; width: 400px; }	
	
.mobile { display: none; }	
	
}

/* Smartphones im Portrait-Modus zwischen (0-575px) */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 

#content { top: 50px; width: 100%; }
	
#wrappage { width: 85%; }	
	
.logo { max-width: 250px; width: 250px; }	
	
.desktop-tablet { display: none; }
	
#content h1 { font-size: 22px; }
#content h2 { font-size: 18px; }
#content h3 { font-size: 16px; }
	
}



#content h1, #content p, #content ul, #content ol {
 margin-top: 0;
 margin-bottom: 20px;
}
#content ul, #content ol {
 padding: 0 20px;
}
#content td {
 color: #76797d;
 font-family: Arial, sans-serif;
 font-size: 15px;
 line-height: 18px; 
 padding: 0px;
}
#content h1 {
 font-size: 24px;
 color: #76797d;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#content h2 {
 font-size: 20px;
 color: #76797d;
 font-weight: bold;
 margin-top: 30px;
 margin-bottom: 10px;
}
#content h3 {
 font-size: 16px;
 color: #76797d;
 font-weight: normal;
 margin-bottom: 10px;
}
#content a {
 color: #76797d;
 font-weight: bold;
 text-decoration: none;
}
#content a:hover {
 color: #76797d;
}
#content_special {
 color: #76797d;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
}