body { 
	font: 0.92em Verdana, Arial, Helvetica, sans-serif; 
	line-height: 140%;
}
 

table {
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
}
td {
    vertical-align: top;
    font: 0.92em;
} 
 
area, usemap {border:0;}
a img {border:0;}
a { color: #1c497c; text-decoration: none;}
a:hover { color: #368ff4;} 


/* basics */
a img  { border: 0px;}

p {	margin: 5px 10px 15px 0;  }

h1, h2, h3, h4 {
	padding: 0;
	margin: 5px 0 5px 0;
	color: #1c497c;
	line-height: 120%;
}


h1 {
	font-size: 1.6em;
	font-weight: normal;
	text-shadow: 1px 6px 4px #768698;	
}

h2 {	
	font-size: 1.4em;
	text-shadow: 1px 4px 3px #768698;		
}


h3 { font-size: 1.1em; }

h4 { font-size: 1em; }
h5 { font-size: 0.8em;}
h6 { font-size: 0.7em;}



hr{
	border:dotted #1c497c 1px; height:1px;
	clear:both;
}


li {	
	padding-bottom: 4px;		
} 

ul {	
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0.6em;
	padding-left: 0.6em;
	list-style-image: url(images/li.gif);
	list-style-type: square	
}

ol {
	
	line-height: 140%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0.9em;
	padding-left: 0.9em;		
}


address {
	line-height:120%;
	margin: 10px 0 20px 0;
	padding-left: 10px;
	border-left: 6px solid #1c497c;
	font-style: normal;
	font-weight: bold;
	}


blockquote {
	background-color:#ddd;
	font-size:0.9em;
	padding: 3px;
	border-left: 2px solid #aaa;
	margin: 3px 0 20px 0;
}

pre, code {
	padding: 0 0 20px 6px;
	margin: 3px 0 20px 0;
	border-top: 1px solid #1c497c;
	border-right: 1px solid #1c497c;
	border-bottom: 1px solid #1c497c;	
	border-left: 6px solid #1c497c;
	background-color: #ffffff;
	
	color: #1c497c;
	font-size:0.9em;	
	overflow:auto; 
	line-height:2.2em;	
		
}


/*-----------------------------------------------------------------*/	

/* Specials */
p img[align="right"], h3 img[align="right"] { float:right; margin: 4px 0 5px 10px; }
p img[align="left"], h3 img[align="left"]{ float:left; margin: 4px 10px 5px 0;}

.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
 */
/* For IE 5.5 - 7
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
 */
}
/* Media Query für mobile Geräte */
@media screen and (max-width: 768px) {
    /* Alle Tabellen in .contentbox und .rightbox schmaler machen */
    .contentbox table, .rightbox table {
        width: 335px !important;
        table-layout: fixed !important;
        word-wrap: break-word !important;
    }
    /* Schriftgröße für alle Zellen (.td) innerhalb dieser Tabellen verkleinern */
    .contentbox table td, .rightbox table td {
        font-size: 0.7em !important;
        word-wrap: break-word !important;
    }
    /* Optional: Tabellen auch horizontal scrollbar machen */
    .contentbox table, .rightbox table {
        overflow-x: auto;
        display: block;
    }
}