@import url(/common/popup.css);
@import url(/css/kontakt.css);
@import url(/css/impressum.css);
@import url(/css/elements.css);

html, body { margin: 0; padding: 0; height: 100%; }

html, body, td, input, textarea { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
img { border-width: 0px }
a { color: #0078b0; }
a:link, a:visited, a:active { color:#0078b0; text-decoration:underline; }
a:hover { color:#000000; text-decoration:underline; }

h1 { font-size: 13px; color: #0078b0; font-weight: bold; margin-bottom: 15px; }
h2 { font-size: 12px; color: black; font-weight: bold; margin-top: 0; margin-bottom: 0px; }
h3 { font-size: 12px; color: #0078b0; font-weight: normal; margin-top: 0; margin-bottom: 0px; }
h4 { font-size: 12px; color: black; font-weight: bold;  margin-top: 0px; margin-bottom:0px; }
h5 { font-size: 12px; color: black; font-weight: normal; margin-top: 0px; margin-bottom:0px; }
p { font-size: 12px; margin-top: 0; margin-bottom: 0px; line-height: 15px; }
p.mehrabstand { line-height: 17px; }
ul { margin: 0; padding: 0px; margin-left: 25px; margin-bottom: 10px; margin-top: 10px; }
ul li { margin: 0; padding: 0px; }
ul ul { margin-top: 5px; }
ul ul li { list-style-type: square; }
ol { margin: 0; padding: 0; margin-left: 30px; margin-bottom: 10px; }
ol li { margin: 0; padding: 0; }

img.alignLeft { float: left; padding: 0 15px 0 15px; }
.clear { clear: left; }

body { text-align: center; }
div.page {
    padding: 0; margin: 0;
    margin-left: auto; margin-right: auto; text-align: left;
    margin-top: 30px;
    width: 990px;
}

div#site-head { width: 990px; }

div#main-menu { font-size: 11px; }
div#main-menu ul { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #c7e1ee; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; }
div#main-menu ul li {
    display: inline;
    margin: 0; padding: 0;
    border-right: 2px solid #0078b0;
    margin-left: 3px; padding-right: 1px;
    font-weight: bold; 
}    
div#main-menu ul li.first { margin-left: 0; }
div#main-menu ul li.last { border-width: 0;  }
div#main-menu ul li a:hover,
div#main-menu ul li.active a { color: black; }
div#main-menu ul li a { color: #0078b0; text-decoration: none; }

div#sub-menu { font-size: 11px; }
div#sub-menu ul { list-style-type: none; margin: 0; padding: 0; margin-left: 10px; margin-top: 5px; }
div#sub-menu ul li { display: inline; padding-left: 15px; padding-right: 15px;
    background-image: url(/files/icon_subbutton.gif); background-repeat: no-repeat;
    background-position: 0px 2px;
    }
div#sub-menu ul li a { color: #0078b0; text-decoration: none;  }
div#sub-menu ul li a:hover,
div#sub-menu ul li.active a { color: black; }

div#bottommenu {
    background-color: #adc6dc; padding: 10px; width: 990px;
    position: absolute;
    top: expression( ( -bottommenu.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div#bottommenu[id] { position: fixed; bottom:0; }
div#bottommenu p { margin: 0; }
div#bottommenu p.menu { float: right; }
div#bottommenu p.language {  }
div#bottommenu a,
div#bottommenu { color: #2787ba; }

div#content {
    height: 150px;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-top: 15px;
    margin-bottom: 30px;
}
/* hack fr nicht-ie */
div#content[id] { height: auto; min-height: 150px; }


.home div#content {
    background-image: url(/files/foto_home.jpg);
    height: 355px;
    padding-top: 45px; padding-left: 20px;
    position: relative;
}
.home a { color: black; text-decoration: none; }

.home ul.lang { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 200px; }
.home ul.lang li {  margin: 0; padding: 0; padding-bottom: 3px;
    background-image: url(/files/icon.gif); background-repeat: no-repeat;
    background-position: 0px 2px; font-weight: bold;
}
.home ul.lang li a { color: white; text-decoration: none; padding-left: 15px; }
.home ul.lang li a:hover { color: black; text-decoration: none; }

table.formular { border-collapse: collapse; }
table.formular td { border: 1px solid white; }
table.formular tr td.name { font-size: 11px; color: #0078b0; background-color: white;  text-align: right; font-weight: bold; padding-left: 10px; padding-right: 5px; }
table.formular tr.submit td.name { background-color: white; }
table.formular td.field { padding: 3px; border-left-width: 0; padding-left: 6px; }
table.formular td.color { width: 4px; border-right-width: 0; }
table.formular tr.pflicht td.color { background-color: #faaf3a; }
table.formular tr.error td.field input,
table.formular tr.error td.field textarea { background-color: #faaf3a; }
table.formular input,
table.formular textarea { border: 1px solid #0078b0; }
table.formular tr.submit input { 
	background-color:white;
	border-left:1px solid #57B2DC;
	border-top:1px solid #57B2DC;
	color:#0078B0;
	font-weight:bold;
	margin-top: 10px; 
	padding: 0; 
	width: auto; }
table.formular tr.checkbox input,
table.formular tr.multicheckbox input,
table.formular tr.option input{ border-width: 0px; }
table.formular tr.text td.field input { width: 207px; }
table.formular tr.email td.field input { width: 207px; }
table.formular tr.format td.field input { border-width: 0; }

div.pflicht { margin-bottom: 10px; }
div.pflicht div { background-color: #faaf3a; width: 5px; height: 5px; float: left; margin-top: 0px; margin-right: 6px; }
div#fehler { font-size: 11px; background-color: #faaf3a; border: 1px solid #103377; padding: 5px; margin-bottom: 10px; }
div#fehler p { font-size: 11px; margin: 0; }
div#fehler ul { margin: 0; padding: 0; padding-left: 15px; }

@media print
{
  div#main-menu { display: none; }
  div#sub-menu { display: none; }
  div#bottommenu { display: none; }
  div.page { width: auto; }
  div.elements_pic div.element { width: auto; }
  div.elements div.eltext_pic div.textright { width: auto; }
}




/*START showSpecial*/
html, body {
    height: 100%;
    min-height: 100%;
}
#special .left { float: left; }
#special .right { float: right; }
#special .clear { clear: both; }
#special #blackBG {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}
#special #specialContent {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 940px;
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-left: -490px;
    margin-top: -270px;
    padding: 20px;
    background: #fff;
    line-height: 10px;
    text-align: left;
}
#special #specialContent #link { padding: 10px 0px; }
#special #specialContent #image { width: 450px; }
#special #close { text-align: right; }
#special #close a {
    position: absolute;
    top: 0px;
    right: 5px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    padding: 10px;
}
#special #close a:hover { color: #0078b0; }
/*END showSpecial*/