html, body
{
  padding:0px;
  margin:0px;
  height:100%;
  width:100%;
  font-family: Arial, Helvetica, sans-serif;
  line-height:1.8em;
  color:#606060;
}

div, table, td
{
  padding:0px;
  margin:0px;
  border:0px solid black;
  border-collapse:collapse;
  vertical-align:top;
}

body
{
  background:black url(/images/bg.jpg) no-repeat fixed bottom right;
  font-size:0.85em;
}

a:link, a:visited, a:active    {color:#606060; text-decoration:underline}
/*a:visited {color:#14428e; text-decoration:underline}
a:active  {color:#0000FF; text-decoration:underline}*/

a:hover   {color:#148e2b; text-decoration:underline}


h1
{
  padding-bottom:1em;
}

h2, h3
{
  padding-bottom:0;
  margin-bottom:0;
}

h4, h5, h6
{
  margin-top:0em;
  padding-top:0.5em;
  padding-bottom:0em;
  margin-bottom:-0.5em;
}

p
{
  margin:0;
  padding:0;
}

input, textarea
{
  padding:2px;
  margin:2px;
  border:0;
  background-color:white;
  color:#606060;
}

hr
{
  color:#EDEDED;
  margin: 20px 0;
}

blockquote
{
  border:2px dotted #606060;
  padding: 10px;
  font-style:italic;
  background-color:#CCCCCC;
}

#content img
{
  padding: 10px;
}

#content .noImgPadding img
{
  padding:0;
}

img.alignright
{
  float:right;
}

img.nopadding
{
  padding:0px;
}

#position
{
  margin:auto;
  width:941px;
  padding-top:50px; /* Abstand der Content-Box von oben */
  padding-bottom:70px; /* Abstand der Content-Box nach unten */
  position:relative;
}


#header
{
  background:url(/images/header.png) no-repeat top;
  width:941px;
  height:137px;
  position:relative;
}
#headertext
{
  display:none;
}




/************************** Hauptmenü ************************/
#menu
{
  text-align:left;
  padding:0px;
  margin:0px;
  position:absolute;
  margin-top:-20px;
  margin-left:40px;
  vertical-align:top;
  z-index:12;

  width:100%;
  white-space:nowrap;
}

#menu ul
{
  margin:0px;
  padding:0px;
  position:relative;
  display:block;
  width:100%;
  white-space:nowrap;
}

#menu li
{


  list-style-type:none;
  display:inline;
  margin:0px;
  padding:0px;
  margin-right:15px; /* Abstand der Menüpunkte */
}

#menu ul li a
{

  text-align:center;
  margin-left:-7px;
  padding-right:4px;
  padding-top:8px;
  margin-top:-5px;
  background:url(/images/button.png) no-repeat right;
  height:47px;
  width:127px;

  display:inline-block;
  font-weight:bold;
  /* letter-spacing:0.1em; */
}


#menu a:link    {color:#606060; text-decoration:none}
#menu a:visited {color:#606060; text-decoration:none}


#menu a.active /* Hier active, entweder listenpunkt oder Link */
{
  color:#14428e;
  text-decoration:none;
  background:url(/images/button_active.png) no-repeat right;
  color:#14428e;
}

#menu a:hover
{
  color:#148e2b;
  text-decoration:none;
  background:url(/images/button_active.png) no-repeat right;
}



/**************************** Content-Frame (Inhalt, Überschriften, Navigationsboxen) *****************************/
#contentframe /* Die 1px hohe Content-Grafik wird hier dargestellt */
{
  background:url(/images/content.png) repeat-y;
  width:941px;
  padding-top:30px; /* Abstand des Textes von oben */
  position:relative;
}


#contentcontainer /* zur Darstellung der Footer-Grafik */
{
  background:url(/images/footer.png) no-repeat bottom;
  width:941px;
  position:relative;
  top:47px; /* Der Footer wird ein bisschen nach oben geschoben */
  margin-top:-47px; /* und es muss wieder hoch */
  z-index:6;
  text-align:center;
  min-height:500px; /* Minimalhöhe des Content-Fensters, Minimal 490 px müssen es sein, damit die Footer-Grafik richtig dargestellt wird */
}

#clearcontent
{
  clear:both;
  height:30px; /* Der Abstand nach unten */
}


/************************** Boxen ************************/
#boxes
{
  position:relative;
  float:right;
  clear:both;
  padding-top:25px;
  margin-left:30px;
  margin-right:40px;
  margin-bottom:-15px;
}

.box
{
  width:191px;
  margin-bottom:20px; /* Abstand der Navi-Box zur nächste Box nach unten */
}

.box h1, .box h2, .box h3, .box h4, .box h5
{
  margin:0px;
  position:relative;
  top:-10px;
  padding-bottom:0px;
  text-align:center;
}
.box h4
{
  font-size:1.2em;
}
.box ul
{
  margin:0px;
  margin-right:5px;
  list-style-type:disc;
  text-align:left;
  padding:0px 0px 0px 15px;
}

.box li
{
  list-style-type:disc;
  padding:0;
  margin:0;
}
.boxtop
{
  background:url(/images/navi_top.png) no-repeat top;
  height:23px;
}
.boxbottom
{
  background:url(/images/navi_bottom.png) no-repeat bottom;
  height:37px;
}

.boxcontent
{
  background:url(/images/navi_content.png) repeat-y;
  padding:0px 20px 0px 15px;
}

.boxcontent li
{
  padding-bottom:10px;
}

.boxcontent li a
{
  text-decoration:none;
}

.boxcontent li a:hover
{
  text-decoration:underline;
}

.boxcontent li a.active
{
  font-weight:bold;
  color:#14428e;
}

.boxcontent li.navmainStandardLevel_3
{
  list-style-type:circle;
  margin-left:20px;
}

.boxcontent li.navmainStandardLevel_4
{
  list-style-type:circle;
  margin-left:40px;
  margin-top:-15px;
  font-size:0.65em;
}

.boxcontent form
{
  font-size:0px;
}


/************************ Content *****************************/



#content /* in diesem DIV befindet sich der Inhalt */
{
  text-align:justify;
  z-index:15;
  
  /* Der Abstand des Fließtextes */
  padding-left:50px;
  padding-right:50px;
  padding-top:10px;
  padding-bottom:50px; /* damit Platz für den Footer ist */
}

.textItem
{
  padding-bottom:30px;
}

.blogEntry
{
  padding-bottom:50px;
}

.blogNavigation
{
  text-align:center;
}

ol.liBox li
{
  margin-bottom:20px;
  width:520px;
  border: 1px solid #606060;
  padding: 5px;
  background-color:#E7E7E7;
}

ol.liBox li:last
{
  border-bottm:0;
}

ol.liBox img
{
  margin:0;
  padding:0;
}



/************************ Footer *****************************/
#footer
{
  font-size:0.8em;
  text-align:center;
  position:relative;
  z-index:17;
  top:22px; /* Der Text des Footers muss um denselben Betrag wieder nach unten geschoben werden */
}




/************************ Gallery *****************************/


.galleryColumn
{
  text-align:left;
  vertical-align:middle;
}

.galleryColumn img
{
  margin:2px;
  border:0;
}

.galleryColumn img:hover
{
  border:2px solid #606060;
  margin:0px;
}

.boxcontent div.galleryColumn
{
  padding:0px;
  margin:0px;
  border:0px;
  text-align:center;
}

.boxcontent .galleryColumn a img
{
  padding:2px;
  margin:0px;
  border:0px;
}


.boxcontent .galleryColumn a img:hover
{
  background-color:#606060;
  padding:2px;
  margin:0px;
  border:0px;
}

/************************ twitter *****************************/

#twitter_update_list
{
  list-style-type:none;
  width:700px;
  text-align:left;
  margin:0;
  padding:0;
}

#twitter_update_list li
{
  margin:1px 10px 10px 1px;
  padding:10px;
  width: 150px;
  height: 210px;
  float:left;
  list-style-type:none;
  overflow:hidden;
}

/*
#twitter_update_list li:hover
{
  border:1px solid #606060;
  margin:0px 19px 19px 0px;
}*/


/******************** IE7 "Überzeugungsarbeit" ********************/
*+html
{
  font-size:100.01%; /* Der IE skaliert sonst viel zu groß bei Schriftgrößenänderungen */
}

*+html .box ul
{
  margin-left:40px;

}
*+html #contentframe
{
  padding-top:40px; /* Abstand des Textes von oben */
}
*+html #boxes
{
  padding-top:25px; /* Abstand des Textes von oben */
}


/******************** IE6 "Überzeugungsarbeit" ********************/
* html
{
  font-size:100.01%; /* Der IE skaliert sonst viel zu groß bei Schriftgrößenänderungen */
}

* html #position /* Das Hauptframe wird zentriert */
{
  width:100%;
  overflow-y:hidden;
  text-align:center;
}

* html #contentframe
{
  padding-top:40px; /* Abstand des Textes von oben */

}

* html .box h4
{
  position:static;
}

* html #boxes
{
  margin-right:20px;
}

* html .box ul
{
  margin-left:40px;
}


* html #menu li a
{
  background-position:top;
  margin:0px;
  padding-top:5px;
  position:relative;
}

* html #menu
{
  background-position:top;
  position:absolute;
  top:185px;
  z-index:80;
}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    /*font-size:11px;*/
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:12px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    padding:0 20px 0 0;
    width:343px;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:343px;
    border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;



/**************** XTC Form ****************************/

@import url("/xtcDynForm/css/SpryValidationTextarea.css");
@import url("/xtcDynForm/css/SpryValidationTextField.css");
@import url("/xtcDynForm/css/SpryValidationSelect.css");
@import url("/xtcDynForm/css/SpryValidationRadio.css");
@import url("/xtcDynForm/css/SpryValidationCheckbox.css");
@import url("/xtcDynForm/css/example.css");


#sicherheitscode
{
  position:relative;
}
div#SprySicherheitscode
{
  display:block;
  font-size:0.8em;
}
div#SprySicherheitscode img
{
  float:left;
  margin-right:10px;
  border:1px solid #CC3333;
}
#SpryContactForm ul li
{
  clear:none;
}

div#SpryContactForm input, div#SpryContactForm textarea, div#SprySicherheitscode img 
{
  border:1px solid #7f9db9;
}
div#SpryContactForm
{
  clear:none;
}

br.clear
{
  clear:none;
} 


span.xtcnotify
{
  font-size:0.8em;
  white-space:nowrap;
}

#xtcFormSubmit
{
  margin-top:30px;
  margin-left:70px;
  text-align:left;
}