/*** Framework ***/

body {
 margin: 0px auto;
 padding-top: 15px;
 padding-bottom: 10px; 
 background-color: #ffffff;
 color: #000000;
 overflow: auto;
 font-family: verdana, arial, helvetica, sans-serif;
 text-align: center;
}

.stage {
 margin: 0px auto;
 padding: 0px;
 border: 1px solid #666666;
 width: 920px;
 background-color: #ffffff;
 background-image: url('../images/bg_stage.gif');
 background-repeat: repeat-y;
 background-position: top; 
}

.header {
 margin: 0px auto;
 padding: 0px;
 background-color: #ffffff;
 width: 890px;
 height: 110px;
}

.navbar {
 margin: 0px auto;
 width: 890px;
 height: 24px;
 background-color: #cccccc;
 background-image: url('../images/bg_navbar.gif');
 background-repeat: repeat-x;
 background-position: top;
 text-align: left;
}

.subbar {
 margin: 0px auto;
 border-bottom: 1px solid #cccccc;
 width: 890px;
 height: 21px;
 text-align: left;
 background-color: #e8e8e8;
}

.content {
 margin: 0px auto;
 padding: 0;
 padding-bottom: 20px;
 width: 890px;
 min-height: 360px;
 overflow: auto;
 background-color: #f5f5f5;
 background-image: url('../images/bg_content.gif');
 background-repeat: repeat-x;
 background-position: top;
}

.popup {
 margin: 0px auto;
 padding: 0;
 width: 100%;
 overflow: auto;
 background-color: #f5f5f5;
 background-image: url('../images/bg_content.gif');
 background-repeat: repeat-x;
 background-position: top;
}

.footer {
 margin: 0px auto;
 width: 890px;
 border: 0px solid #cccccc;
 border-top-width: 1px;
 background-color: #ffffff;
}

/*** Wichtig für IE und SAFARI ***/
.heighthelper {
height: 360px;
float: right;
width: 1px;
}

.clear {
clear: both;
height: 1px;
overflow: hidden;
}

/*** Header ***/

#logo {
 float: left;
 padding-top: 15px;
 padding-left: 45px;
 vertical-align: top;
}

#languageselector {
 float: right;
}

#selctor {
 border: 0px;
 padding: 0px;
 margin: 0px;
}

#languages {
 width: 86px;
 font-size: 11px;
 line-height: 16px;
 color: #666666;
 padding-top: 5px;
 padding-right: 30px;
 vertical-align: top;
 text-align: center;
}

#map {
 padding-right: 45px;
 padding-top: 10px;
 vertical-align: top;
}


/*** Navbar - Navigation ***/

#navleft {
 float: left;
 padding-top: 5px;
 padding-left: 45px;
 font-size: 12px;
}

#navright {
 float: right;
 padding-top: 5px;
 padding-right: 45px;
 font-size: 12px; 
}

#subnavleft {
 float: left;
 padding-top: 4px;
 padding-left: 45px;
 font-size: 11px;
}

/*** Content ***/

#main {
 position: relative;
 top: 20px;
 left: 45px;
 float: left;
 width: 500px;
 vertical-align: top;
 margin-bottom: 15px;
}

#rightcolum {
 position: relative;
 top: 15px;
 right: 45px;
 float: right;
 width: 200px;
}

#picture {
 width: 200px;
 margin-top: 7px;
 margin-bottom: 20px;
}

#teaser {
 width: 200px;
 height: 180px;
 margin-bottom: 20px; 
}

#teasertext {
 text-align: left;
 font-size: 11px;
 color: #000000;
 line-height: 14px;
}

ul {
 margin-top: 0px;
}

li.blue {
 list-style-image: url('../images/dot_blue.gif'); 
 list-style-position: outside;
 font-size: 11px;
 line-height: 16px;
 margin-left: -20px;
 margin-bottom: 5px; 
}

li.red {
 list-style-image: url('../images/dot_red.gif'); 
 list-style-position: outside; 
 font-size: 11px;
 line-height: 14px;
 margin-left: -20px;
 margin-bottom: 5px;  
}

/*** Footer ***/

#footertext {
 margin: 5px;
 font-size: 11px;
 color: #666666;
 line-height: 14px;
}

/*** Global ***/

h1 {
 font-family: arial, verdana, helvetica, sans-serif;
 margin: 0px auto;
 margin-bottom: 13px;
 padding: 0px;
 text-align: left;
 font-size: 18px;
 font-weight: normal;
 color: #555555;
}

h2 {
 margin: 0px auto;
 margin-bottom: 10px; 
 padding: 0px;
 padding-left: 0px;
 text-align: left;
 font-size: 14px;
 font-weight: bold;
 color: #333333; 
}

h3 {
 margin: 0px auto;
 margin-top: -5px;
 margin-bottom: 1px;
 padding: 0px;
 text-align: left;
 font-size: 12px;
 font-weight: bold; 
 color: #333333;
}

.text {
 border: 0px dashed #000000;
 color: #333333;
 font-size: 11px;
 line-height: 14px;
 text-align: left;
 margin-bottom: 14px;
}

hr {
display: none;
}

strong {
color: #555555;
}

.csc-firstHeader {
margin-bottom: 15px;
}

/*** Links ***/

a {
 color: #000000;
}

a:hover {
 color: #cc0000;
}

a.active, a.active:hover {
 color: #cc0000;
 text-decoration: none;
}

a.l_link {
 color: #666666;
 text-decoration: none;
}

a.l_link:active, a.l_link:hover {
 color: #cc0000;
 text-decoration: none;
}

a.f_link {
 color: #666666;
}

a.f_link:hover {
 color: #cc0000;
}

a.n_link {
 color: #666666;
 text-decoration: none;
}

a.n_link:active, a.n_link:hover {
 color: #cc0000;
 text-decoration: none; 
}

/*** Formulare ***/

fieldset {
border: 1px solid #cccccc;
margin-bottom: 14px;
}

legend {
border: 1px solid #cccccc;
color: #999999;
background-color: #ffffff;
padding: 1px;
padding-left: 10px;
padding-right: 10px;
}

.formRow {
padding: 5px;
}

.formLabel {
width: 180px;
margin-right: 10px;
vertical-align: top;
text-align: right;
padding-top: 1px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #333333;
float: left;
}

.formInput {
width: 250px;
height: 18px;
border: 1px solid #999999;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
}

.formTxt {
width: 250px;
height: 56px;
border: 1px solid #999999;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
overflow: auto;
}

.formSubmit {
padding: 2px;
padding-left: 15px;
padding-right: 15px;
background-color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #cc0000;
margin-bottom: 20px;
}

/*** Popup ***/

#agb {
padding: 25px;
}

.spacer {
height: 10px;
}

.reference {
border: 1px solid #cccccc;
margin-right: 3px;
margin-bottom: 3px;
background-color: #ffffff;
float: left;
}

.reference_empty {
border: 1px solid #cccccc;
width: 160px;
margin-right: 3px;
margin-bottom: 3px;
xbackground-color: #ffffff;
float: left;
}