body {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100,01%;
	line-height: 110%;
	color:#000;
	margin:0;
	padding:0;
	background: #E3E4E5 url("../images/bg_body.gif") repeat-y;
} 

body#home {
	background: #E3E4E5 url("../images/bg_body_home.gif") repeat-y;
}

div#Wrapper {
	width:970px; 
	font-size: 76%;
	background:transparent url("../images/bg_red.gif") repeat-y;
	margin: 0;
	text-align:left;
	position:relative;
}


/* ############################
	3 Spalten Content,...
###############################*/

.col1, .col2, .col3 { float:left; }
div.col1 { width:235px; background-color:#B11F17; }
div.col2 { width:480px; }
div.col3 { width:255px; }
div.innen { padding:20px 20px 10px 20px; }
div.col1 div.innen { padding:20px 10px; }


/* ############################
	Allgemeine Elemente
###############################*/

h1, h2, h3, h4 {
	font-size:110%;
	margin-bottom: 0.8em;
	margin-top:1em;
}

div.col1 h2 {
	font-size:100%;
	padding-top:3px;
}

div.col2 h1, div.col2 h2 {
	text-transform:uppercase;
}

div.col2 h2 {
	color:#87888A;
	font-weight:normal;
}

div#logo {
	margin:35px 0 0 10px;
}

div#logo a {
	display:block;
	background: url("../images/logo.gif");
	width:168px;
	height:80px;
	border-bottom:none;
}

a:link, a:visited {
	color: #000;
	text-decoration:none;
}

a:hover, a:active {
	color:black;
	border-bottom:1px solid #B11F17;
}

img { border:0; }

p { margin-bottom:1em; }

cite {
	display:block;
	font-size:11pt;
	color: #848383;
	line-height:15pt;
	padding: 5px 70px;
}

div.col2 ul {
	list-style-image: url(../images/bullet_go.gif);
	list-style-position: outside;
	padding:0 0 0 20px;
	margin:0 0 2em 0
}

/* CLEARER */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

span.highlight {
	color:#c33;
	font-style:italic;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ENDCE CLEARER */

hr.clear_columns {	
	clear: both; 
	float: left; 
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

.invisable {
	position: absolute;
	left: -1000em;
	width: 20em;
}


div.text-home {
	width:200px;
	margin:2em auto 0 auto;
	color:white;
}

div.text-home ul {
	list-style-type: none;
	list-style-image: none; 
	margin:0;
	padding:0;
}

div.text-home ul li {
	padding-left:18px;
	padding-bottom:10px;
	background: transparent url("../images/dot_home.gif") no-repeat 0 5px;
}


/* ############################
	Navigationen
###############################*/

div#Navigation {
	margin:20px 20px 20px 30px;
}

div#Navigation ul {
	margin:0;
	padding:0;
}

div#Navigation ul ul {
	padding-top:3px;
}

div#Navigation li {
	list-style-type: none; 
	line-height:100%;
	border-bottom: 1px solid #B11F17;
	margin-bottom:2px;
}

div#Navigation ul li a, div#Navigation ul li a:link, div#Navigation ul li a:visited {
	color:white;
	display:block;
	padding: 5px 0 5px 20px;
	border-bottom:none;
	border:1px solid #B11F17;
	text-transform:uppercase;
}

div#Navigation ul ul li a, div#Navigation ul ul li a:link, div#Navigation ul ul li a:visited {
	padding: 5px 0 5px 30px;
	background: url("../images/dot.gif") no-repeat 20px 9px;
	text-transform:none;
}

div#Navigation ul li a:hover {
	border:1px solid white;
}

div#Navigation ul li a.active {
	font-weight:bold;
	border:1px solid white;
}

/****************************************************************
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/		

img {
	border					:	0px;
}

.flLeft a, .flLeft a:link, .flLeft a:visited, .flRight a, .flRight a:link, .flRight a:visited {
	text-decoration			:	none;
	border-bottom			: 	0px !important;	
}

.flRight	{
	float					:	right;
	margin					:	.3em 0 0 1.2em;
}

.flLeft	{
	float					:	left;
	margin					:	.3em 1.2em .2em 0;
}

.flLeft p, .flRight p	{
	font-family				:	Tahoma,Verdana,Sans-Serif;
	line-height				:	12px;
	font-size				:	10px;
	color					:	#000;
	position				:	relative;
	margin					:	0;
	padding					:	0;
}

.flLeft p.subline, .flRight p.subline {
	margin: 3px 0;
}

div.flLeft div, div.flRight div {
	float:left;
	border:5px solid white !important;
	margin:2px;
	background-color:white;
}

div.flLeft div img.zoom, div.flRight div img.zoom {
	position:absolute;
	border:0px;
	right:0;
	bottom:0;
}

* html div.flLeft div img.zoom, * html div.flRight div img.zoom {
	bottom:15px;
}

dl.negMargin { zoom:1; margin-top: -20px; margin-left:-20px; }

div#blaettern {
	margin-top:10px;
	padding:5px;
	background-color:#B1B1B1;
	height: 44px;
	border:1px solid white;
}

div#blaettern a.normal {
	display:block;
	float:left;
	height:42px;
	margin-right:5px;
	border:1px solid white;
}

/****************************************************************
	Modul kontextbox
*****************************************************************/		

div.kontextbox {
	margin-top:20px;
	padding:10px 10px 0 10px;
	border:1px dashed #B11F17;
}

div.kontextbox h2 {
	color:#87888A;
	font-weight:normal;
	text-transform:uppercase;
}

div.kontextbox ul { 
	list-style-type: none;
	list-style-image: none; 
	padding:0;
	margin:1em 0;
}

div.kontextbox ul li {
	padding-left:22px;
	padding-bottom:10px;
	background: transparent url("../images/pdf.gif") no-repeat 0 2px;
}


/****************************************************************
	Modul Image Thickbox
	Ergänzung für das Nichterscheinen von Linklinien
*****************************************************************/	

#content a.thickbox {
	text-decoration			:	none;
	border					: 	0px !important;	
}

a#TB_ImageOff {
	text-decoration			:	none;
	border					: 	0px !important;	
}


/* ############################
JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
###############################*/

div.jaosg_thumbnail{
	float: left;
	background: #DCDCDC;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	margin: 5px 3px;
}

div.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}


/* ############################
	Footer
###############################*/

#footer { margin:10px 0;}
#footer a { border-bottom: none; }

#footer div.col1, #footer div.col3 { border-top:none; background-color:transparent; }

a#Druckversion {
	padding-left:20px;
	margin-right: 1em;
	background: transparent url("../images/prints.gif") no-repeat;
}

a#Oben {
	padding-left:18px;
	margin-right: 1em;
	background: transparent url("../images/nach-oben.gif") no-repeat;
}

a#Back {
	padding-left:15px;
	margin-right: 1em;
	background: transparent url("../images/pfeil-back.gif") no-repeat;
}

div#footer hr {
	height:1px;
	border:0;
	background-color:#B11F17;
	margin: 5px 0;
}

div#footer .myfooter hr { background-color:#fff; }
div#footer .myfooter { color:white; }
div#footer .myfooter a, div#footer .myfooter a:link, div#footer .myfooter a:visited { color:white; }