/* GLOBALER BROWSER-RESET ------------------------------------------------ */

* { 
margin: 0; /* Alle Browser */
padding: 0; /* Alle Browser */
}

html { 
height: 100%; /* Netscape, Firefox und Safari */
margin-bottom: 1px; /* Netscape, Firefox und Safari */
}

* html body * { overflow:visible; } /* IE 5.x und IE 6 */
* html iframe, * html frame { overflow:auto; } /* IE 5.x und IE 6 */
* html frameset { overflow:hidden; } /* IE 5.x und IE 6 */

body {
font-size: 100.01%; /* Opera Fix */
text-align: left; /* Alle Browser */
}

option { 
padding-left: 0.4em; /* Alle Browser */
}

fieldset, img { 
border: 0 solid; /* Alle Browser */
} 

object { 
outline:none; 
}

.clearfix:after { /* Clearfix zum Clearen der Float-Umgebungen */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix { 
display: block; /* Safari */
overflow: hidden; /* IE7 */
_height: 1%; /* IE7 */
}



/* BASISKONFIGURATION ------------------------------------------------ */

* {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 15px;
color: #4e4e4e;
text-align: left;
}

body {
text-align: center;
background: #000;
background: #000 url(../media/bg_body.jpg) center top repeat-y;

}

a:link, 
a:visited, 
a:active {
color: #4e4e4e;
text-decoration: underline; 
}

a:hover {
color: #4e4e4e;
text-decoration: underline; 
}

a:focus { 
outline: none; /* Gepunktete Links entfernen */
}

ul {
list-style-type: none;
margin: 1.5em 0;
}

li {
line-height: 22px;
background: url(../media/bullet_blue.png) left 6px no-repeat;
padding: 5px 0 5px 27px;
}

table {
width: 100%;
display: inline-table;
border: 0;
border-style: none;
border-spacing: 0;
border-collapse: collapse;
empty-cells: hide;
}

th {
margin: 0;
padding: 5px 0;
text-align: left;
vertical-align: top;
border-spacing: 0;
}

td {
margin: 0;
padding: 5px 0;
text-align: left;
vertical-align: top;
border-spacing: 0;
}

h1 {
margin-bottom: 22px;
font-size: 32px;
font-weight: normal;
color: #ec7404;
}

h2 {
margin-bottom: 14px;
font-size: 24px;
font-weight: normal;
}

h3 {
margin-bottom: 12px;
font-size: 20px;
font-weight: normal;
}

h4 {
margin-bottom: 10px;
font-size: 18px;
font-weight: normal;
}

h5 {
margin-bottom: 8px;
line-height: 26px;
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid #e5e5e5;
}

h6 {
margin: 0;
padding: 0;
line-height: 22px;
font-size: 15px;
font-weight: bold;
}

p {
line-height: 22px;
margin-bottom: 22px;
}

b, strong {
font-weight: bold; 
font-style: normal;
color: #00519e;
}

b a:link, 
b a:visited, 
b a:active,
b a:hover,
strong a:link, 
strong a:visited, 
strong a:active,
strong a:hover {
font-weight: bold; 
font-style: normal;
color: #00519e;
text-decoration: underline; 
}

i, em {
font-weight: bold; 
font-style: normal;
color: #ec7404;
}

i a:link, 
i a:visited, 
i a:active,
i a:hover,
em a:link, 
em a:visited, 
em a:active,
em a:hover {
font-weight: bold; 
font-style: normal;
color: #5e6a72;
text-decoration: underline; 
}

hr {
margin: 35px 0;
border: 0;
border-bottom: 1px solid #dfe5e6;
}

blockquote {
padding: 0;
margin-bottom: 1em;
font: 18px Georgia, Times New Roman, Times, serif;
font-style: normal;
color: #5e6a72;
line-height: 26px;
clear: both;
}

blockquote p {
font: 18px Georgia, Times New Roman, Times, serif;
font-style: normal;
color: #5e6a72;
line-height: 26px;
}

img {
border: 0;
}

.leftImage,
img[align="left"],
img[style*="left"] {
margin-right: 25px;
}

.rightImage,
img[align="right"],
img[style*="right"] {
margin-left: 25px;
}

.internerLink,
.internerLink:link,
.internerLink:visited,
.internerLink:active {
background: url(../media/btn_link_intern.png) right center no-repeat;
padding-right: 18px;
text-decoration: none;
}

.internerLink:hover {
text-decoration: underline;
}

.externerLink {
background: url(../media/btn_link_extern.png) right center no-repeat;
padding-right: 15px;
}

.leftColumn {
width: 45%;
float: left;
}

.rightColumn {
width: 45%;
float: right;
}

.clearboth {
clear: both;
}


/* CONTAINER ------------------------------------------------ */

#page {
background: url(../media/bg_page.jpg) center top no-repeat;
text-align: center;
}

#website {
width: 940px;
margin: 0 auto;
padding: 0;
background: #fff;
text-align: left;
}

#header {
}

#logo {
}

#mainnav {
margin: 0 29px;
padding: 0;
}

#body {
margin: 50px 0;
padding: 0;
min-height: 400px;
}

* html #body {
height: 400px;
}

#left_column {
display: block;
height: 1%;
width: 280px;
float: left;
}

#partnerlogos {
margin: 50px 0 25px;
padding: 0 29px;
}

#right_column {
display: block;
width: 650px;
float:right;
}

#no_columns {
display: block;
margin: 0 20px;
}

#content {
margin: 0 58px 0 29px;
}

#footer {
height: 50px;
background: #000;
margin: 0 auto;
padding: 0 29px;
}


/* HAUPTNAVIGATION ------------------------------------------------ */

#mainnav ul {
margin: 0;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #f2f2f2;
}

#mainnav ul li {
display: block;
font-size: 16px; 
color: #565656; 
background: none;
margin: 0;
padding: 0;
}

#mainnav ul li a,
#mainnav ul li a:link,
#mainnav ul li a:active,
#mainnav ul li a:visited { 
display: block;
padding: 0 25px 0 15px;
height: 38px;
line-height: 38px;
white-space: nowrap;
font-size: 16px; 
color: #565656; 
text-decoration: none;
background: none;
cursor: hand;
border-top: 1px solid #f2f2f2;
}

#mainnav  ul li a:hover {
color: #565656; 
text-decoration: underline; 
}

#mainnav ul li.open ul,
#mainnav ul li.active ul {
border: 0;
}

#mainnav ul li ul li ,
#mainnav ul li.open ul li,
#mainnav ul li.active ul li {
font-size: 14px; 
color: #565656; 
background: url(../media/bg_mainmenu_level2.png) left center no-repeat;
}

#mainnav ul li ul li a,
#mainnav ul li ul li a:link,
#mainnav ul li ul li a:visited,
#mainnav ul li ul li a:active,
#mainnav ul li.open ul li a,
#mainnav ul li.open ul li a:link,
#mainnav ul li.open ul li a:visited,
#mainnav ul li.open ul li a:active,
#mainnav ul li.active ul li a,
#mainnav ul li.active ul li a:link,
#mainnav ul li.active ul li a:visited,
#mainnav ul li.active ul li a:active {
display: block;
padding: 0 25px 0 35px;
height: 38px;
line-height: 38px;
white-space: nowrap; 
font-size: 14px; 
color: #565656; 
text-decoration: none;
background: none;
cursor: hand;
border-top: 1px solid #f2f2f2;
}

#mainnav ul li ul li a:hover,
#mainnav  ul li.open ul li a:hover,
#mainnav  ul li.active ul li a:hover {
color: #565656; 
text-decoration: underline; 
}


#mainnav ul li.active a,
#mainnav ul li.active a:link,
#mainnav ul li.active a:active,
#mainnav ul li.active a:visited {
padding: 0 25px 0 15px;
color: #ec7404;
text-decoration: none;
line-height: 38px;
font-weight: normal;
background: url(../media/bg_mainmenu_active.png) right center no-repeat;
}

#mainnav ul li.active a:hover {
padding: 0 25px 0 15px;
font-size: 16px; 
color: #ec7404;
text-decoration: underline; 
}


#mainnav ul li ul li.active a,
#mainnav ul li ul li.active a:link,
#mainnav ul li ul li.active a:active,
#mainnav ul li ul li.active a:visited {
padding: 0 25px 0 35px;
color: #ec7404;
text-decoration: none;
line-height: 38px;
font-weight: normal;
background: url(../media/bg_mainmenu_active.png) right center no-repeat;
}

#mainnav ul li ul li.active a:hover {
padding: 0 25px 0 35px;
font-size: 14px; 
color: #ec7404;
text-decoration: underline; 
}





/* COPYRIGHT ------------------------------------------------ */
#copyright {
font-size: 14px;
color: #e5e5e5;
float: left;
margin: 0;
line-height: 50px;
}

/* METANAVIGATION ------------------------------------------------ */

#metanav {
float:right;
margin: 0;
font-size: 14px;
color: #7f888e;
line-height: 50px;
}

#metanav a,
#metanav a:link,
#metanav a:visited,
#metanav a:active {
padding: 0 8px;
text-decoration: none;
color: #e5e5e5;
font-size: 14px;
background: none;
}

#metanav a:hover	{
text-decoration: underline;
color: #fff;
font-size: 14px;
}


/* PARTNERLOGOS ------------------------------------------------ */

#partnerlogos p {
margin: 0 auto;
padding: 0;
text-align: center;
}



/* KONTAKTDATEN ------------------------------------------------ */

.adresse h3  {
margin: 0;
padding: 0;
border: 0;
line-height: 38px;
}

.adresse p {
margin: 0;
padding: 0;
width: 300px;
float: left;
border: 0;
font-size: 14px;
line-height: 22px;
color: #4e4e4e;
}

.adresse b,
.adresse strong {
display: block;
width: 100px;
padding: 0;
border: 0;
font-size: 14px;
font-weight: bold;
line-height: 22px;
color: #4e4e4e;
float: left;
}

.adresse img {
margin: 0;
padding: 2px;
border: 1px solid #f0f0f0;
float: right;
}

/* BOXEN AUF STARTSEITE ------------------------------------------------ */

.box {
width: 240px;
margin: 10px 10px;
padding: 10px 20px;
float: left;
}

.box p {
text-align: center;
}

.box img {
border:0;
}

.teaser {
height: 185px;
padding: 10px 12px;
border: 8px solid #f3f3f3;
background: #fdfdfd
}

.teaser h2,
.teaser h2 a,
.teaser h2 a:link,
.teaser h2 a:visited,
.teaser h2 a:active {
font-size: 30px;
font-weight: normal;
color: #00519e;
text-decoration: none;
}

.teaser h2 a:hover {
text-decoration: underline;
}

.teaser ul {
list-style-type: none;
margin: 15px 0;
}

.teaser li {
line-height: 22px;
background: url(../media/bullet_blue.png) left 6px no-repeat;
padding: 2px 0 2px 27px;
}

.teaser a,
.teaser a:link,
.teaser a:visited,
.teaser a:active {
text-decoration: none;
}

.teaser a:hover {
text-decoration: underline;
}



/* PARTNER -------------------------------------------------------------- */

.partner ul {
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}

.partner li {
height: 100px;
margin: 30px 0;
padding: 0;
background: none;
border: 0;
clear: both;
}

.partner img {
float: left;
margin-right: 40px;
padding: 2px;
background: #fff;
border: 1px solid #dddddd;
}

.partner h3 {
margin: 0;
padding: 3px 0;
}

.partner p {
margin: 0;
padding: 4px 0;
}

.partner a,
.partner a:link,
.partner a:visited,
.partner a:active {
color: #5e6a72;
font-weight: normal;
text-decoration: none;
}

.partner a:hover {
text-decoration: none;
}



/* KONTAKTFORMULAR ------------------------------------------------ */

.kontaktformular  {
margin: 0;
padding: 0;
border: 0;
}

.kontaktformular .textfield,
.kontaktformular .textarea {
margin: 0;
padding: 3px;
width: 420px;
background: #fff;
color: #5f6a72;
border: 1px solid #e5e5e5;
}

.kontaktformular .textfield:focus ,
.kontaktformular .textarea:focus {
margin: 0;
padding: 3px;
width: 420px;
background: #fff;
border: 1px solid #5f6a72;
}

.kontaktformular .textarea {
height: 120px;
}

.kontaktformular .button {
clear: both;
display: block;
width: 138px;
height: 30px;
margin: 0;
padding: 0 20px;
border: 0;
font-size: 14px;
font-weight: normal;
line-height: 30px;
color: #828a8f;
text-decoration: none;
background: url(../media/btn_form_send.png) left top no-repeat;
cursor: hand;
}

.kontaktformular .button:hover {
clear: both;
display: block;
width: 138px;
height: 30px;
margin: 0;
padding: 0 20px;
border: 0;
font-size: 14px;
font-weight: normal;
line-height: 30px;
color: #828a8f;
text-decoration: none;
background: url(../media/btn_form_send.png) left -30px no-repeat;
cursor: hand;
}

.kontaktformular .required {
}

.kontaktformular .invalid {
background: #f4fcfd;
}

.kontaktformular .errors {
margin: 25px 0;
padding: 22px;
width: 380px;
border: 1px dashed #00519e;
background: #f4fcfd;
}

/* GALERIE -------------------------------------------------------------- */


.galerie {
list-style-type: none;
margin: 0;
padding: 0;
}

.galerie li {
display: inline;
background: none;
padding: 0;
}

.galerie img {
background: #fff;
padding: 2px;
border: 1px solid #f0f0f0;
}

/* PAGINIERUNG -------------------------------------------------------------- */

div.paginierung {
padding:0;
margin: 35px 0;
text-align:left;
}

div.paginierung a {
padding: 2px 5px 2px 5px;
margin-right: 3px;
border: 1px solid #e5e5e5;
text-decoration: none;
color: #828a8f;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
div.paginierung a:hover, div.paginierung a:active {
padding: 2px 5px 2px 5px;
margin-right: 3px;
border: 1px solid #828a8f;
color: #828a8f;
background: #fff;
}
div.paginierung span.current {
padding: 2px 5px 2px 5px;
margin-right: 3px;
background: #fff;
color: #ec7404;
border: 1px solid #ec7404;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
div.paginierung span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 3px;
border: 1px solid #f5f5f5;
color: #f5f5f5;
background: #fff;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}