/* general instructions */
h1,h2,h3,h4,h5,h6,pre,code {
	font-size : 1em; }

body,html {
	margin:0;
	padding:0; }
	
	
html {
	height: 100%;
	font-size: 100.01%;  /* IE / Opera 6 hack */ 
	/* 100% for IE, 100.01 for Opera 6 */
	/* see: http://www.clagnut.com/blog/348/#c790 */
	/* see: http://de.selfhtml.org/css/layouts/mehrspaltige.htm  */
	/* see: http://www.einfach-fuer-alle.de/artikel/ietext/ */ }	

body {
	height: 100%;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size:92%; }
	

	
	
table { 
	font-size: 100.01%; /* IE / Opera 6 hack */ }
	
a {
	color:#33aadd;
	text-decoration:none; }
	
a:hover {
	color:#000000;
	text-decoration:underline; }			
	
div#headline {
	background-color:#ffffff;
	margin-top:2em;
	margin-bottom:4em;
	margin-left:4em; }	

div#Nav {
	margin-left:8px;
	float:left;
	background-color:#ffffff; }

div#Nav .nitem {
	font-size:85%;
	margin-bottom:8px; }

div#Content {
	width:37em;
	margin-left:11em;
	color:#302580;
	background-color:#ffffff; }

div#Content h1 {
	margin-top:-2px;
	font-weight:normal;
	font-size:150%;
	letter-spacing:2px;
	margin-bottom:1.7em; }
	
div#Content h1 .subtitle {
	letter-spacing:0px;
	font-size:70%; }	
	
div#Content h2 {
	font-weight:normal;
	letter-spacing:2px;
	font-size:120%;
	margin-bottom:1em; }
	
div#Content h3 {
	margin-top:1em;
	margin-bottom:1em;
	font-size:1em; }		

div#Content p {
	line-height:1.22em;
	margin-bottom:.75em;
	font-size:91%;  }
	
div#Content .first {
	margin-bottom:1em;
	color:#33aadd; }	
	
div#footer {
	margin-left:8px;
	margin-top:40px; }
	
div#footer p {
	line-height:2em;
	font-size:75%; }			

.initial {
	font-size:180%;
	line-height: 100.01%;
	color:#393194; }
	
.trenner {
	text-align:center;
	padding:4em; }	
	
.caption {
	padding:4px;
	background-color:#eeeeee;
	color:#302580;
	font-size:.81em; }
	
img {
	border:none; 	}

.sample {
	/* font-size:85%; */ }
	
.splitter-datum {
	font-weight:bold; }
	
.splitter-text {
	margin-left:10px;}		
	
table.imgl {
	float:left;
	width:1px;
	margin: .5em 1em .5em 0em;
	border:1px black solid; }
	
table.imgr {
	width: 5em;
	float:right;
	margin: .5em 0em .5em 1em;
	border:1px black solid; }
	
table.imgc {
	width: 5em;
	margin: .5em 0em .5em 0em;
	border:1px black solid; }	
	

	
	
	
	/* Stylesheets für Bilder links- und rechtsbündig */
div.img_l, div.img_r, div.img_c {
	border:1px solid #000;
	background-color:#f5f5f5;
	padding:2px;
}

div.img_l {
	float:left;
	margin:0 10px 10px 0;
} 
div.img_r {
	float:right;
	margin:0 0 10px 10px;
}
div.img_c {
	margin:0 auto;
/* 	margin:10px 0 10px 10px; */
}
div.img_caption {
	padding:4px 2px 2px 8px;
	font-size:90%;
	color:#666;
	text-align:center;
}

/* Startseite */
 .intable {
	margin:300px 0 0 140px;
	width:500px;
}

div#outer {
	height:95%;
	border:1px solid #44aabb;
	}

div#outer a {
	color:#eee;
	text-decoration:none; }
	
div#outer a:hover {
	color:#eee;
	text-decoration:underline; }
	
div#outer td {
	padding:30px 14px 0 4px;
	text-align:left;
}

div#outer p {
	color:#000;
}

div#msc {
	margin:10px 10px 0 0;
	font-family:Arial,Helvetica,Sans-Serif;
	font-style:italic; 
	font-size:85%;
	text-align:right; }
	
div#msc a, div#msc a:hover {
	color:#ccc;
	text-decoration:none;	}