/*Allgemeine Angaben - CSS----------------------------------------------------------*/
* {
margin:0;
padding:0;
}

html {
height: 101%;
background-color: #828282;
}

body {
background: #fff url(body.jpg) top left repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #444;
text-align: center;
}

/*Container----------------------------------------------------------*/
div#wrapper {
background: transparent url(wrapper.jpg) top left repeat-y;
text-align: left;
width: 920px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

div#main-navi {
background: transparent url(slogan.gif) top left no-repeat;
margin: 0;
padding: 0;
width: 920px;
height: 70px;
}

h1#header {
clear: both;
background: transparent url(header.jpg) top left no-repeat;
text-indent: -10000px;
margin: 0;
padding: 0;
width: 920px;
height: 180px;
}

div#content {
float: right;
margin: 0;
padding: 0 0 15px 0;
width: 710px;
}

div#sub-navi {
float: left;
margin: 0;
padding: 0 0 15px 0;
width: 210px;
}

div#wrapper-footer {
background-color: #828282;
clear: both;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}

div#footer {
background: #828282 url(footer.jpg) top center repeat-y;
text-align: center;
width: 920px;
height: 50px;
margin: 0 auto;
padding: 0;
color: #fff;
}

div.clear {
clear: both;
}

/*Haupt-Navigation----------------------------------------------------------*/
div#main-navi ul {
float: right;
margin: 0;
padding: 45px 10px 0 0;
list-style-type: none;
}

div#main-navi ul li {
float: left;
margin: 0;
padding: 0;
}

div#main-navi ul li a {
background: #e6e6e6 url(mainnavi.gif) top left no-repeat;
float: left;
display: block;
padding: 4px 10px;
margin: 0 0 0 1px;
font-size: 1.4em;
height: 17px;
color: #444;
text-decoration: none;
}
/*IE6-Hack*/
* html div#main-navi ul li a {
padding: 3px 10px 4px 10px;
height: 16px;
}

div#main-navi ul li a:hover, div#main-navi ul li.menu-current a {
background: #828282 url(mainnavi.gif) top left no-repeat;
color: #fff;
}

/*Sub-Navigation----------------------------------------------------------*/
div#sub-navi ul {
list-style-type: none;
margin: 0;
padding: 10px 0 0 0;
}

div#sub-navi ul li {
margin: 0;
padding: 0;
border-bottom: 1px solid #fff;
}

div#sub-navi ul li a {
display: block;
width: 190px;
margin: 1px 0 0 10px;
padding: 7px 0 5px 10px;
font-size: 1.4em;
text-decoration: none;
color: #444;
}

div#sub-navi ul li a:hover, div#sub-navi ul li.menu-current a {
background: #828282 url(subnavi.gif) top left no-repeat;
color: #fff;
}

/*Schriften----------------------------------------------------------*/
div#content h2, div#content h3, div#content h4,
div#content h5, div#content h6 {
color: #22227c;
font-weight: normal;
padding: 0;
}

div#content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.8em;
margin: 20px 35px 20px 30px;
}

div#content h3 {
font-size: 1.9em;
margin: 15px 35px 2px 30px;
border-top: 1px solid #22227c;
padding-top: 5px;
}

div#content h4, div#content h5, div#content h6 {
font-size: 1.6em;
margin: 20px 35px 5px 30px;
}

div#content h2, div#content h3, div#content h4, div#content h5 {
clear: both;
}

div#content h4 {
border-top: 1px solid #22227c;
padding-top: 5px;
}

div#content h5 {
padding-bottom: 10px;
}

div#content p {
font-size: 1.3em;
line-height: 1.3em;
margin: 0 35px 10px 30px;
padding: 0;
}

div#content ul, div#content ol {
font-size: 1.3em;
margin: 0 35px 10px 70px;
padding: 0;
}

div#content ul {
list-style-type: square;
}

div#content ol {
list-style-type: decimal;
}

div#content ul li, div#content ol li {
margin: 0 0 2px 0;
padding: 0;
}

div#content hr {
border: none;
background-color: #ccc;
color: #ccc;
height: 1px;
margin: 0 70px 10px 90px;
}

div#footer p {
font-size: 1.3em;
margin: 0;
padding: 15px 0 0 0;
}

/*Links----------------------------------------------------------*/
a {outline: none;}

div#content a:link, div#content a:visited {
color: #22227c;
text-decoration: underline;
}

div#content a:hover {
color: #000;
text-decoration: none;
}

div#footer a:link, div#footer a:visited {
color: #fff;
text-decoration: none;
}

div#footer a:hover {
color: #333;
text-decoration: underline;
}

/*Bilder----------------------------------------------------------*/
div#content img {
padding: 3px;
border: 1px solid #ccc;
background-color: transparent;
}

div#content img.rechts {
float: right;
margin: 0 0 10px 10px;	
}

div#content img.links {
float: left;
margin: 0 10px 10px 0;	
}

div#content a:hover img {
background-color: #828282;
}

/*Tabellen---------------------------------------------------*/
div#content table {clear:both; margin:5px 35px 15px 30px; font-size:1.3em; line-height:1.9em; border-collapse:collapse;}
div#content table td {border:1px solid #fff; padding:2px 15px; height:25px;}
div#content table tr {background-color:#e6e6e6;}
div#content table tr:hover {background-color:#ccc;}


div#content table.galerie {
margin: 0 35px 10px 30px;
padding: 0;
text-align: center;
border: none;
}

div#content table.galerie th, div#content table.galerie td {
font-size: 1.3em;
font-weight: normal;
margin: 0;
padding: 5px;
border: none;
}
div#content table.galerie tr, div#content table.galerie tr:hover {background-color:#fff;}

/*TKontaktformular---------------------------------------------------*/
 .required {
display: none;
}

div#content form {
clear: both;
width: 600px;
margin: 20px 0 0 0;
padding: 0;
border: 0;
}

div#content form input, div#content form select, div#content form textarea {
background-color: #fff;
font-size: 1.3em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #444;
margin: 8px 7px 0 0;
padding: 3px;
border: 1px #ccc solid;
}

div#content form label {
float: left;
width: 120px;
text-align: right;
margin: 8px 8px 0 0;
padding: 3px;
font-size: 1.3em;
}

div#content form input {
width: 300px;
}

div#content form select {
width: 170px;
}

div#content form select option {
border: 0;
}

div#content form textarea {
width: 300px;
height: 250px;
overflow: auto;
}

div#content input:hover, div#content form input:focus,
div#content form select:hover, div#content form select:focus,
div#content form textarea:hover, div#content form textarea:focus {
background-color: #E6E6E6;
}

div#content form br {
clear: both;
}

div#content form input#submit {
width: 150px;
background-color: #E6E6E6;
color: #444;
font-size: 1.3em;
margin: 20px 0 0 133px;
padding: 3px;
border: 1px #ccc solid;
}

div#content form input#submit:hover, div#content form input#submit:focus {
background-color: #828282;
color: #fff;
border: 1px #ccc solid;
}
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}