/* Stylesheet für markusernst.ch */

body {
	background-color: #333333;
	}

h1 {
	font: bold 24px/24px 'Courier New', Courier, monospace;
	color: #333333;
	/* oben rechts unten links */
	margin: 0px 12px 0px 0px;
	padding-top: 20px;
	clear:left;
	}
	
h2 {
	font: bold 12px/18px 'Courier New', Courier, monospace;
	color: #FFFF00;
	background-color: #333333;
	/* oben rechts unten links */
	margin: 24px 12px 0px 0px;
	padding: 0px 3px 0px 3px;
	clear:left;
	}
	
ul {
	list-style-type:circle;
	list-style-position:outside;
	margin: 0px 12px 0px 18px;
	padding: 0px;
	}
li {
	color:#3333BB;
	margin:0px;
	padding:0px;
	}
a.txt { 
	color:#000000; 
	text-decoration: underline; 
	padding:0px;
	}
a.txt:hover { 
	color:#FFFF00;
	background-color: #333333;
	text-decoration:none;
	}
.text a.txt, .texttransp a.txt { 
	color:#CCCCCC; 
	text-decoration: underline; 
	padding:0px;
	}
.text a.txt:hover, .texttransp a.txt:hover { 
	color:#333333;
	background-color: #FFFF00;
	text-decoration:none;
	}
a.nachoben { 
	color:#333333; 
	text-decoration: none; 
	padding:0px;
	}
a.nachoben:hover { 
	color: #FFFF00;
	background-color: #333333;
	}
	
a.kopf { 
	color:#CCCCCC; 
	text-decoration: underline; 
	}
a.kopf:hover { 
	color:#333333; 
	background-color: #FFFF00;
	}
	
div.link { 
	width:96px;
	height:36px;
	float:left;
	font: 12px/18px 'Courier New', Courier, monospace;
	background-color: #999999;
	}

a.home { 
	display:block;
	width:95px;
	height:35px;
	padding-left:2px;
	font: 12px/18px 'Courier New', Courier, monospace;
	color:#FFFF00; 
	text-decoration: none; 
	background-color: #333333;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:93px;
	}
html>body a.home {width: 93px;} 
a.home:hover { 
	color:#333333; 
	background-color: #FFFF00;
	}
	
div.rot {
	display:block;
	width:95px;
	height:35px;
	padding-left:2px;
	color:#FFFF00;
	font: bold 12px/18px 'Courier New', Courier, monospace;
	background-color: #CC3333;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:93px;
	}
html>body div.rot {width: 93px;} 
a.rot { 
	display:block;
	width:95px;
	height:35px;
	padding-left:2px;
	font: 12px/18px 'Courier New', Courier, monospace;
	color:#FFFF00; 
	text-decoration: none; 
	background-color: #333333;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:93px;
	}
html>body a.rot {width: 93px;} 
a.rot:hover { 
	color:#FFFF00; 
	background-color: #CC3333;
	}
	
div.blau { 
	width:95px;
	height:35px;
	padding-left:2px;
	color:#FFFF00; 
	text-decoration: none; 
	font: bold 12px/18px 'Courier New', Courier, monospace;
	background-color: #3333BB;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:93px;
	}
html>body a.home {width: 93px;} 
a.blau { 
	display:block;
	width:95px;
	height:35px;
	padding-left:2px;
	font: 12px/18px 'Courier New', Courier, monospace;
	color:#FFFF00; 
	text-decoration: none; 
	background-color: #333333;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:93px;
	}
html>body a.blau {width: 93px;} 
a.blau:hover { 
	color:#FFFF00; 
	background-color: #3333BB;
	}
	
/* Klassen für Inhalt */
.haupttext {
	font: 12px/18px 'Courier New', Courier, monospace;
	color: #000000;
	/* oben rechts unten links */
	margin: 12px 12px 0px 0px;
	padding: 0px;
	clear:both;
	}
.inhbild {
	display:block;
	/* oben rechts unten links */
	margin: 12px 12px 0px 0px;
	padding: 0px;
	float:left;
	}
.bildtext {
	font: 12px/18px 'Courier New', Courier, monospace;
	color: #000000; 
	vertical-align:bottom;
	/* oben rechts unten links */
	margin: 12px 12px 0px 0px;
	padding: 0px;
	float:left;
	}
.bildtextunten {
	font: 12px/18px 'Courier New', Courier, monospace;
	color: #000000; 
	/* oben rechts unten links */
	margin: 0px 12px 0px 0px;	
	padding: 0px; 
	clear:both;
	}
.schwarz {
	color:#000000;
	}
.clearboth {
	width:10px;
	height:0px;
	font-size:1px;
	padding:0px;
	margin:0px;	
	clear:both;
	}
/*Frei platzierte Inhalte */
.text {
	font: 12px/17px 'Courier New', Courier, monospace;
	color: #CCCCCC;
	padding: 0px 4px 1px 4px;
	background-color: #333333;
	border: 1px solid #999999;
	}
.texttransp {
	font: 12px/17px 'Courier New', Courier, monospace;
	color: #CCCCCC;
	padding: 1px;
	}
.bild {
	display:block;
	padding:0px;
	margin:0px;
	background-color: #333333;
	border: 1px solid #999999;
	}
.bildtransp {
	display:block;
	padding:1px;
	margin:0px;
	}

/* Nur für Non-CSS-Browser sichtbar */
.versteckt {
	display:none;
	}
.hinweis {
	display:none;
	}

/* Diverses */
.umfliessen {
	float:left;
	margin:0px;
	padding:0px;
	}
.einelement {
	float:left;
	width:96px;
	height:35px;
	padding:0;
	margin:0;
	background-image: url(pix_3/adressanfang.gif);
	}
		
/* Kopf */
#kopf1 {
	position:absolute;
	left:0px;
	top:0px;
	height:35px;
	z-index:5;
	visibility:visible;
	}
#kopf2 {
	position:absolute;
	left:0px;
	top:36px;
	height:35px;
	z-index:5;
	visibility:visible;
	font: 12px/15px 'Courier New', Courier, monospace;
	color: #CCCCCC;
	}
#kopf3 {
	position:absolute;
	left:0px;
	top:72px;
	height:36px;
	z-index:5;
	visibility:visible;
	}
#kopf4 {
	position:absolute;
	left:0px;
	top:108px;
	width:96px;
	z-index:5;
	visibility:visible;
	}
#impressum { 
	position:absolute; 
	left:579px; 
	top:108px; 
	z-index:5; 
	visibility:visible;
	font: 12px/15px 'Courier New', Courier, monospace;
	color: #CCCCCC;
	}

/* Hauptinhalts-Container */
#inhwrap {
	position:absolute;
	left:95px;
	top:107px;
	z-index:10;
	visibility:visible;
	width:481px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:479px;
	}
html>body #inhwrap {width: 479px;} 
/* Detail-Inhalts-Container */
#detwrap {
	position:absolute;
	left:95px;
	top:35px;
	z-index:10;
	visibility:visible;
	width:481px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:479px;
	}
html>body #detwrap {width: 479px;} 
/* Inhalt */
#inh {
	background-color:#EFEFEF;
	border: 1px solid #999999;
	width:481px;
	padding-left:36px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:443px;
	}
html>body #inh {width: 443px;} 
#untererrand {
	height:36px;
	}

/* Hintergrundraster für Homepage */
#homehint {
	position:absolute;
	left:95px;
	top:71px;
	width:385px;
	height:356px;
	z-index:1;
	visibility:visible;
	}
	
/* Themen-Buttons */
#thema1 { 
	position:absolute; 
	left:575px; 
	top:71px; 
	width:33px; 
	height:37px; 
	z-index:15; 
	visibility:visible;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:31px; 
	height:35px; 
	}
html>body #thema1 { width:31px; height:35px; } 
#thema2 { 
	position:absolute; 
	left:607px; 
	top:71px; 
	width:33px; 
	height:37px; 
	z-index:15; 
	visibility:visible;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:31px; 
	height:35px; 
	}
html>body #thema2 { width:31px; height:35px; } 
#thema3 { 
	position:absolute; 
	left:639px; 
	top:71px;
	width:33px; 
	height:37px; 
	z-index:15; 
	visibility:visible;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:31px; 
	height:35px; 
	}
html>body #thema3 { width:31px; height:35px; } 


/* Drucksymbol und Topanker im Details-Fenster */
#detprint {
	position:absolute;
	left:579px;
	top:38px;
/*	top:217px; */
	width:20px;
	height:18px;
	z-index:10;
	}
#topanker {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	}