body {
background-color: #e9e9e9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

a {color: #0C1C8C;}

h1 {
	font-size: 135%;
	padding: 10px 0 0 10px;
	color: #0C1C8C;
	font-weight: bold;
}

h2 {
	font-size: 125%;
	padding: 0 0 0 10px;
	color: #D81E05;
	font-weight: bold;
}

h3 {
	font-size: 110%;
	font-weight: bold;
	padding: 5px 10px;
	color: #0C1C8C;
	margin:0px;
}

p, table {
text-align: left;
padding: 5px 5px 5px 10px;
margin:0px; }


/* img.download {vertical-align:middle;} */

/* ----------container zentriert das layout-------------- */
#container {
width: 775px;
padding: 0px;
background-color: white;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
padding: 0 5px 0 0px;
margin: 0px; }


/* -----------------Inhalt--------------------- */ 
#content{ 
margin: 0px 0 10px 10px; 
background-color: white;
position: relative;
width: 625px;
float: left;
}

* html #content {
width: 600px;
}

#content img {margin: 10px 10px 5px 10px;}
.textile {
margin: 0 0 15px 0;
float: left;
}


		
/*  ----------------footer---------------------- */ 
#footer {
clear:both;
padding-top: 30px;
margin:10px 0 0 0;
font-size: 80%;
}

/* ----------------navigation--------------- */

#navcontainer { 
margin: 0px 0 0 0;
width: 140px;
position: relative; 
font-size: 11px;
float: left;
}

#navcontainer ul
{
margin: 0;
padding: 0px;
list-style-type: none;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
	display: block;
	padding: 5px 10px;
	width: 125px;
	background-color: #0C1C8C;
	text-decoration: none;
	color: White;
	font-weight: bold;
}

#navcontainer a:hover
{
	text-decoration: none;
	color: #99CCFF;
}


/*current Link 1st nav*/
#navcontainer ul a#current, #navcontainer ul a#current:link, #navcontainer ul a#current:visited {
        font-weight: bold;
	position: relative;
	background-color: #D81E05;
}
			
#navcontainer ul ul { border-top: 1px solid White; }

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{
	display: block;
	padding: 5px 5px 5px 10px;
	width: 120px;
	text-decoration: none;
	border-left: 10px solid #99CCFF;
}

#navcontainer ul ul a:hover
{
	text-Cdecoration: none;
	padding-left: 10px;
}

#navcontainer ul ul a#subcurrent, #navcontainer ul ul a#subcurrent:link, #navcontainer ul ul a#subcurrent:visited {
	font-weight: bold;
	border-left: 10px solid #D81E05;
}


#navcontainer ul ul ul li { margin: 0 0 0 0; }

#navcontainer ul ul ul a
{
        display: block;
        padding: 5px 5px 5px 50px;
        width: 130px;
        background-color: #C3C3C3;
	text-decoration: underline;
	background-image: url("../../files/link_gross.png");
	background-repeat: no-repeat;
}

#navcontainer ul ul ul a:hover
{
	background-color: #C3C3C3;
	text-decoration: none;
	padding-left: 50px;
	border:0;
	text-decoration: underline;
	color: #646464;
}

/*current Link 3rd nav*/
#navcontainer ul ul ul a#sub3current, #navcontainer ul ul ul a#sub3current:link, #navcontainer ul ul ul a#sub3current:visited {
        font-weight: bold;
	color: #FF0000;
}
			

/*Modul Bild und Text*/

.bildutext {
	width: 100%;
	display: block;
} 

.flLeft {
	float:left;
	margin: 0 20px 0 0;
	padding: 0;
	}
.flRight {
	float:right;
	margin-left: 20px;
	}

.clear {
	clear: both;
	}

/*	sitemap
*******************************************************************************/
ul.sitemap {
	list-style: none;
}

ul.sitemap ul {
	list-style: none;
}

ul.sitemap li {
	margin:10px 0;
	line-height: normal;
}

ul.sitemap li ul li {
	margin:0;
}

ul.sitemap li a, ul.sitemap li a:link {
	display:block;
	padding:5px;
	color:#666;
	font-weight:bold;
}

ul.sitemap li ul li a, ul.sitemap li ul li a:link {
	margin: 0;
	padding-left: 74px;
	background: url(e.gif) no-repeat 5px;
	font-weight: normal;
}

ul.sitemap li a:hover {
	color:#666;
	text-decoration:underline;
}

/* fcontact
*******************************************************************************/
.fcontact {
	margin:30px 0;
	padding:0;

}

.fcontact fieldset {
	padding:20px;
	border:1px solid #666;
}

.fcontact form {
	width:100%;																	/* need for Opera */
	text-align:left;															/* need for IE Mac */
}

.fcontact form .hide {
	display:none;
}
.fcontact form label {
	display:block;
	margin:10px 0 3px 0;
}

.fcontact form p.warning, 
.fcontact form label.warning { 
	color:#f00; 
}

.fcontact form input,  
.fcontact form textarea {
	display:block;			
	margin:0 0 5px 0;									/* Abstand zum Form Ende */
	padding:2px;
	width:100%;
	background-color:#f1f1f1;
	border:1px solid #c7c7c7;
}

.fcontact form input.warning,  
.fcontact form textarea.warning {
	border:1px solid #f00;
}

ul {
	list-style-type: square;
	padding-left: 20px;
}

.fcontact form a,
.fcontact form a:link {
	display:block;
	width:80px;
	background:#f1f1f1;
	border-top:1px solid #c7c7c7;
	border-left:1px solid #c7c7c7;
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	color:#666;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
}

.fcontact form a:hover {
	background:#e7e7e7;
}

/*	article
*******************************************************************************/

.category-list, 
.article-list {
	margin: 10px 0 10px 0;
} 

.article-list {
	padding: 10px;
	width: 448px;
	background: #CCCCCC;
}

.category-list .image {
	float:left;
	margin:5px 5px 5px 0;
}

.category-list {
	float:left;
	width:280px;
}
.category-list .text a, .category-list .text a:link, .article-list a, .article-list a:link {
	color:#006;
}

.category-list .text a:hover, .article-list a:hover {
	text-decoration:underline;
}

.category-list a:after {
    content: url("link.png");
}

.flLeft {
	float:left;
	margin: 0 15px 15px 0;
}
.flRight {
	float:right;
	margin: 0 0 15px 15px;
}

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

.aboutus {
	width: 400px; 
	margin-left: 75px; 
}

.aboutus td {
	border-spacing: 10px;
	padding: 15px;
	width: 50%;
}

/* form-module
*******************************************************************************/
#form-module * {
}

#form-module {
	float: left;
	width:520px;
	color: #0C1C8C;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:10px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;

}

#form-module label {
	display:block;
	float:left;
	padding:10px;
	width:120px;
}

#form-module label.checkbox {
	width:372px;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #0C1C8C;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	width: 300px;
	margin:5px 5px 5px 145px;
	padding:2px 5px;
	border:1px solid #0C1C8C;
	background-color:#99CCFF;
	color: #0C1C8C;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
}

#form-module input.submit:hover { 
	color: #000000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}



/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie{
	text-align:center; 
	vertical-align:middle; 
	padding:5px;
	}

.jaosg_thumbnail {
	margin:5px;
	float: left;
	height: 80px;
	width: 80px;
	text-align: center;
	vertical-align:middle;
	}

.jaosg_nav {
	text-align: center;
	}

.jaosg_bild {
	text-align: center;
}

.jaosg_bildbeschreibung {
	text-align: center;
}


/* Angebote
***********************************************************************************/
.angebote {
	clear: both;
	border: 1px solid #0C1C8C;
	background-color: #BBC0E4;
	display: block;
	margin: 0 5px 0 5px;
}

.angebote img {
	display: inline;
	border: none;
	margin: 0;
	padding: 0 10px 10px 0;
	float:left;
}

.angebote a {
	margin: 0;
	padding: 0;
}