
<!--
h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}
/* ######### moo Akkordeon #################
*/
#accordion {
	margin:0px 0px;
	width: 292px;
	float: left;
}
#accordion1 {
	margin:0px 0px;
	width: 255px;
	float: left;
}

h3.toggler {
	cursor: pointer;
	border: 2px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Arial black', sans-serif;
	font-size: 15px;
	background: #D3E4E0;
	color: #528CE0;
	margin: 0 10px 4px 0px;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}


blockquote {
	padding:5px 20px;
}
/* ######### Ende moo Akkordeon #################
*/
/* ######### moo Mauskram #################
*/
div.floated:p {
font-color: #fff;
font-family: "arial black" , sans-serif;
font-size: 11pt;
line-height: 11pt;
	}

div.floated {
	overflow: auto;
	height: 200px;
	width: 250px;
	float: left;
	margin-left: 3px;
	margin-top: 3px;
	background-color: #6af;
	border-color: #000;
	border-width: 2px;
}

div#myElement {
	width: 0;
	height: 0;
	border: 0;
	background-color: #f9f9f9;
	float: left;
	visibility: hidden;
}

div#myOtherElement {
	width: 200px;
	height: 60px;
	overflow: hidden;
	border: 1px solid black;
	margin-left: 1em;
}

div#myOtherElement a:hover {
	background: #f3f3f3;
}
/* #############################################
	######### Ende moo Mauskram #################
	#############################################
*/
#knoten {

height:  500px;
left:  800px;
position:  absolute;
top:  130px;
width: 80px;
padding:  0px;
background-color:  #66ffff;
}

ul {	
color: #000;
font-family: "arial" , sans-serif;
font-size: 12pt;
line-height: 13pt;
list-style-type: none;
	}

ol {	
color: #000;
font-family: "arial bold" , sans-serif;
font-size: 12pt;
line-height: 13pt;
list-style-type: none;
	}

.little {	
color:#000;
font-family: "arial" , sans-serif;
font-size: 8px;
line-height: 10px;
	}
.little:first-letter {
font-family: "arial black" , sans-serif;
font-size: 9pt;
color: #000;
	}

p {	
color:#000;
font-family: "arial" , sans-serif;
font-size: 12pt;
line-height: 14pt;
	}
em {	
color:#669;
font-family: "arial black" , sans-serif;
font-size: 12pt;
line-height: 14pt;
	}
br	{

padding-left: 2em;
	}
li {	
color: #000;
font-family: "arial" , sans-serif;
font-size: 12pt;
line-height: 13pt;
margin-left: 0em;
	}
p:first-letter {
font-family: "arial black" , sans-serif;
font-size: 12pt;
color: #000066;
	}

li : first-line {
font-family: "arial black" , sans-serif;
font-size: 12pt;
color: #fff;
margin-left: 0em;
	}

h1 {	
color:#000066;
font-family: "arial black" , sans-serif;
font-size: 28px;
line-height: 30px;
	}
		
h2 {	
color:#000099;
font-family: "arial black" , sans-serif;
font-size: 28px;
line-height: 38px;
	}
		
h3 {	
color:#0000cc;
font-family: "arial black" , sans-serif;
font-size: 22px;
line-height: 32px;
	}
		
span {	
color:#000066;
font-family: "arial black" , sans-serif;
font-size: 11pt;
line-height: 11pt;
	}
		
h4 {	
color:#000066;
font-family: "arial black" , sans-serif;
font-size: 16px;
line-height: 18px;
	}
		
.rechts {
margin: 10px;
float: right;
border-color: black;
border-width: 2px;
}

.links {
margin: 10px; float: left; border-color: black; border-width: 2px; border-style: solid;
}

.werbung {
height:  130px; left: 0px; position:  absolute; top:  10px; width: 150px; padding:  0px;
}

.werbung1 {
height:  134px; left: 0px; position:  absolute; top:  10px; width: 150px; padding:  0px;
}

#title {
height:  130px;
left:  170px;
position:  absolute;
top:  10px;
width: 850px;
padding:  0px;
}
#imago {
height:  530px;
left:  300px;
position:  absolute;
top:  300px;
width: 850px;
padding:  0px;
}

#imago2 {
height:  1230px;
left:  280px;
position:  absolute;
top:  300px;
width: 1150px;
padding:  0px;
}

#botex {
height:  670px;
left:  10px;
position:  absolute;
top:  150px;
width: 790px;
padding:  0px;
}

body {	
background: url(images/indexbg.png);
background-color:  #8accfe;
background-attachment: scroll;
	}
.info {
background: url(images/doxxbadge_little.png);
}

.clouseau {
background: url(images/inspectorgr.gif);
height:  300px;
left:  110px;
position:  relative;
top:  10px;
width: 650px;
padding:  0px;
background-color:  #ff99cc;
}
/* ####################################
	######### Poirot ###################
	####################################
*/
.poirot {
background: url(images/moustacherapp_kl.png);
height:  415px;
left:  110px;
position:  relative;
top:  0px;
width: 650px;
padding:  0px;
background-color:  #66ff00;
}
/* ####################################
	######### Flambeau #################
	####################################
*/
.flamb {
background: url(images/fanalrapp.png);
height:  254px;
left:  110px;
position:  relative;
top:  10px;
width: 650px;
padding:  0px;
background-color:  #ffaa00;
color: #330066;
}
a:link { 
	font-weight: bold; 
	color: #000; 
	text-decoration: none; 
	font-family: "arial black" , sans-serif;
	font-size: 12px;
	line-height: 13px;
	display: block;
	padding: 3px;
	}
a:visited { 
	font-weight:bold; 
	color: #000; 
	text-decoration:none; 
	font-family: "arial black" , sans-serif;
	font-size: 12px;
	line-height: 13px;
	display: block;
	padding: 3px;
	}
a:focus { 
	font-weight: bold; 
	color: red; 
	text-decoration: none; 
	font-family: "arial black" , sans-serif;
	font-size: 12px;
	line-height: 13px;
	display: block;
	padding: 3px;
	}
a:hover { 
	font-weight: bold; 
	color: orange; 
	text-decoration: none; 
	font-family: "arial black" , sans-serif;
	font-size: 12px;
	line-height: 13px;
	display: block;
	padding: 3px;
	}
a:active { 
	font-weight: bold; 
	color: lime; 
	text-decoration: none; 
	font-family: "arial black" , sans-serif;
	font-size: 12px;
	line-height: 13px;
	display: block;
	padding: 3px;
	}