/*############################## MAIN ########################*/
* {
    padding: 0px;
    margin: 0px;
}
body {
    font-family:  Arial, Verdana, Helvetica, sans-serif;
    background-color: #FFFFFF;
    font-size: 100.01%;
    color: #000000;
    /*    letter-spacing: 0.1em;*/
    /*    line-height: 1.3em;*/
}

P{

  /*font-size: 0.7em;  */
    /* letter-spacing: 0.07em;*/ 
    /*line-height: 1.4em;*/
    margin-bottom: 9px;
}
itemText.LI{
    margin-bottom: 0px;
}       



H1{
    color: #096ea0;
  font-size: 1.1em;
  font-style: italic;
  font-weight:bold;
  margin-bottom:12px; 
    letter-spacing: 0.1em;   
}

H2{
    color: #096ea0;
  font-size: 0.9em;
  /*font-style: italic;*/
  font-weight:bold;
    letter-spacing: 0.1em;  
  margin-bottom:6px; 
}

H3{
    color: #096ea0;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0.1em;  
    margin-bottom:6px; 

    /*letter-spacing: 0.1em;  */
}



H4{
    color: #096ea0;
    font-size: 0.7em;
  font-weight:bold;
  margin: 5px 0px;
}

BLOCKQUOTE P{
  font-style: italic;
  margin-left: 20px;
  margin-right: 20px;
  
}

.articlelistContent H2,
.itemText H2{
  font-size: 1.1em;
}

.all {
    width: 1000px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border: 0px solid #000;
}
.top {
    position: relative;
    width: 1000px;
    height: 250px;
    background: #fff8ed url(../images/bg_top_standard.gif) 0px 20px no-repeat;
    border: 0px solid #000;
    text-align: right;
}
.middle {
    position: relative;
    padding: 0px;
    margin: 0px;
    height: 100%;
    background: #FFFFFF url(../images/bg_middle_blue.gif) top left repeat-y;
    border: 0px solid #000;
  padding-bottom:30px;
}
IMG,
.middle A IMG {
    border: 0px;
}

.clear {
    clear: both;
}
/*
IMG {
    vertical-align: bottom;
    border: 0px;
}*/


/*IMG.bildlinksoben{*/
 /* float:left;*/
 /* margin:0 10px 10px 0;*/
/*}*/

img.bildlinks{
    float:left;
    margin:10px 10px 10px 0px;
   
}
img.bildrechts{
    float:right;
    margin: 10px 0px 10px 10px;
    
}

img.bildlinksoben{
    float:left;
    margin: 0 10px 10px 0;
}
img.bildrechtsoben{
    float:right;
    margin: 0 0 10px 10px;
}



a.pagelink,
a{
  color: #096ea0;    
}

a.pagelink:focus,
a.pagelink:hover,
a.pagelink:active,
a:focus, 
a:hover, 
a:active {
  text-decoration: none;
  color: #096ea0;    
}

/*a:visited,a.pagelink:visited{color: #5c3d66;} */


.nonscreen {
    display: none;
}

#logoLeft{
  position:absolute;
  top:20px;
  left:21px;
}
#logoRight{
  position:absolute;
  top:20px;
  right:63px;
}



#printBox {
    display: none;
}
#header {}

#logoLeft,
#logoRight{
    padding: 0;
    margin: 0;
}


.content, 
.contentLeft, 
.contentRight {
    float: left;
    display: block;
    border: 0px solid #000;
}
.contentLeft {
    width: 188px;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    border: 0px solid #000;
}
.contentTop {
    width: 445px;
    background-color: #FFF;
}
.contentRight {
  width: 167px;
  border: 0px solid #000;
  padding-top:39px;
}

.contentText {
    width: auto;
    margin: 0px 0px 0px 0px;
    clear: both;
}
/*############################## MITTLERER BEREICH ########################*/

.content {
    width: 616px;
/*  min-height: 500px;*/
    background-color: transparent;
    padding: 0;
    margin: 0;
    padding-left:21px;
    padding-right: 4px;
    border: 0px solid #000;
}

* html .content {
    height: 500px;
}

.content div.itemText{
  margin-bottom:30px;
  border: 0px solid #000;
  display:block;
  font-size: 0.7em;  
   /*letter-spacing: 0.09em;*/
  line-height: 1.4em;
}

.content ul.keinpunkt,
.content ol,
.content ul {
    margin: 3px 0px 10px 0px;
}
.content ul li {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 20px;
    padding: 3px 50px 3px 0px;  
}
.content ol li{
    list-style-position: inside;
    margin-left: 20px;
    padding: 3px 50px 3px 0px;  
}

.content ul.keinpunkt li{
    list-style-type: none;
    margin-left: 0px;
    padding: 3px 50px 3px 0px;  
    list-style-position: inside;
}

/*############################## RECHTER BEREICH ########################*/

.rightBox{
  width:139px;

  margin-left:9px;
  padding-left:9px;
  padding-top: 100px;
  border: 1px solid #a70230;
  background: transparent url(../images/bg_rightBox.jpg) top left no-repeat;
  padding-bottom: 12px;
  margin-bottom:8px;
}
.rightBox #search{
  margin-bottom: 19px;
}
.rightBox #loginbox H2,
.rightBox #search H2,
.rightBox #loginbox H6,
.rightBox #search H6{
  font-style: italic;
  color: #096ea0;
  font-size: 0.9em;
  font-weight:bold;
  letter-spacing: 0.1em;  
  margin-bottom:6px; 

}

.rightBox INPUT.text{
  border: 1px solid #bababa;
  width: 94px;
  width: 68%; 
  width: 8em; 
   
/*  height: 16px;*/
  background-color: #FFF;
  color: #000;
  float:left; 
  margin-bottom:10px;
  padding: 3px 0px 3px 4px;
  font-size:0.7em;
   
}
.rightBox INPUT.button{
  border: 1px solid #9cacb4;
  margin-left:11px;
  float:left;
/*  background: transparent url(../images/pfeil-blue.gif) no-repeat;*/
}
.rightBox INPUT.button:focus,
.rightBox INPUT.button:hover{
  background: transparent url(../images/pfeil-blue-up.gif) no-repeat;
  border: 1px solid #ffffff;
}
.rightBox #search LABEL,
.rightBox #loginbox LABEL,
.rightBox P,
.rightBox P.newsbox,
#logoutText P{
  font-size: 0.7em;
  color:#000;
  margin: 2px 0px 5px 0px;
}  

.rightBox h3{
  width:157px;
  border: 0px solid #000;
  padding:0;
  margin:0;
  font-size: 0.8em;
}

.rightBox h4{
  width:157px;
  border: 0px solid #000;
  padding:0;
  margin:0;
  font-size: 0.7em;
}

.rightBox P.newsbox A{
    color: #096ea0; 
  text-decoration:underline;
  font-style: italic;
  font-weight:bold;   
}
.rightBox P.newsbox A:hover,
.rightBox P.newsbox A:focus{
  text-decoration:none;
}


#logoutText A{
  text-decoration:none;

}
#logoutText P.button{
  width: 128px;
  height: 18px;
  text-align:center;
  border: 1px solid #9cacb4;
  background-color: #d6ecf7;
  color: #096ea0;
  font-size: 0.9em;
  font-style: italic;
  font-weight:bold;
    
}
#logoutText P.button:hover,
#logoutText P.button:focus{
  border: 1px solid #ffffff;
}








/* ###################################################### */
/* ####################### MODULE ################# */
/* ###################################################### */
.imageTop {
    float: left;
    border-right: 9px solid #FFFFFF;
    border-bottom: 9px solid #FFFFFF;
}
/* Sitemap */
UL.sitemapStandardMainCat {
    margin-left: 20px;
    padding-bottom: 10px;
    list-style-position: outside;
}
UL.sitemapStandardMainCat a {
    color: #000000;
    background-color: transparent;
    padding: 0;
    margin: 0;
    text-decoration: none;
}
UL.sitemapStandardMainCat li.sitemapStandardLevel_1{
    font-weight: normal;
    background-image: none;
    background-color: transparent;
    margin: 0;
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 0px 0px;
    font-size: 0.8em;   
    background: transparent url(../images/bulletpoint_black.gif) 0px 5px no-repeat;
  text-decoration:none;
  display: block;
}


UL.sitemapStandardMainCat li.sitemapStandardLevel_1, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_2, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_3, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_4 {
    list-style-type: none;
    background-image: none;
    margin:0;
    padding: 2px 0px 2px 0px;   
}
UL.sitemapStandardMainCat li.sitemapStandardLevel_2, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_3, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_4 {
    margin-left: 30px;
    list-style-type: none;
    background-image: none;
    font-size: 0.7em;       
}
UL.sitemapStandardMainCat li.sitemapStandardLevel_3{
    margin-left: 42px;
}
UL.sitemapStandardMainCat li.sitemapStandardLevel_4{
    margin-left: 54px;
}

UL.sitemapStandardMainCat li.sitemapStandardLevel_1 a, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_2 a, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_3 a, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_4 a {
    font-weight: normal;
    background-image: none;
    background-color: transparent;
    margin: 0;
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 0px 0px;
    background: transparent url(../images/bulletpoint_black.gif) 0px 5px no-repeat;
  text-decoration:none;
  display: block;
}
UL.sitemapStandardMainCat li.sitemapStandardLevel_1 a:hover, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_2 a:hover, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_3 a:hover, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_4 a:hover, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_1 a:focus, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_2 a:focus, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_3 a:focus, 
UL.sitemapStandardMainCat li.sitemapStandardLevel_4 a:focus {
    color: #096ea0;
    background: transparent url(../images/bulletpoint_blue.gif) 0px 5px no-repeat;
    font-weight: normal;
    font-weight: bold;
    font-weight: normal;    
    margin: 0;
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 0px 0px;
    text-decoration: underline;
}
UL.sitemapStandardMainCat li.sitemapStandardLevel_1 span{
    color: #096ea0;
    background: transparent url(../images/bulletpoint_blue.gif) 0px 5px no-repeat;
    font-weight: normal;
    font-weight: bold;
    margin: 0;
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;


}




/*  Kontaktformular */
#mailform {
    border: 0px solid #000;
    padding: 35px 0px 35px 20px;
    font-size: 0.7em;
   letter-spacing: 0.1em;
}
#mailform div.csc-mailform-field {
    margin: 0;
    padding: 0;
    margin-bottom: 0px;
    border: 0px solid #000;
    clear:both;

}
#mailform .csc-mailform-field select, 
#mailform .csc-mailform-field input, 
#mailform .csc-mailform-field textarea {
    border: 1px solid #cdcccb;
    /*height: 18px;*/
    background-color: #ffffff;
    margin-bottom: 10px;
    float:left;    
    font-size:1em;
}
#mailform .csc-mailform-field label {
	  width: 150px;
    width:30%;
    padding: 0;
    margin: 0;
    border: 0px solid #000;
    display: block;
    font-weight:normal;
    float:left;
    color:  #096ea0;    
}

#mailform .csc-mailform-field input {
    width: 294px;
    width:31em;
    padding: 3px 1px;
}

#mailform .csc-mailform-field textarea {
/*    width: 294px; */
/*    height: 117px;*/
    width:31em;
}
#mailform #mailformsubmit {
    width: 98px;
    width: 30%;
    background-color: #eeedec;
    color: #31496b;
}

#mailform #mailformsubmit:focus, 
#mailform #mailformsubmit:hover {
    border: 1px solid #31496b;
}

#mailform .csc-mailform-field #contactFormSubmitLeft,
#mailform .csc-mailform-field #contactFormSubmitRight {
  float:left;
  border: 0px solid #000;
  width: 184px;
  width: 30%;
}
#mailform .csc-mailform-field #contactFormSubmitLeft INPUT,
#mailform .csc-mailform-field #contactFormSubmitRight INPUT{
  width: 110px;
  width: auto;
  text-align:center;
  border: 1px solid #9cacb4;
  background-color: #d6ecf7;
	color: #096ea0;
  font-size: 1.1em;
  font-style: italic;
  font-weight:bold;
  cursor:pointer;
  padding: 1px 5px;

}

#mailform .csc-mailform-field #contactFormSubmitLeft INPUT:hover,
#mailform .csc-mailform-field #contactFormSubmitRight INPUT:hover{
  border: 1px solid #ffffff;
  
}

#mailform .csc-mailform-field .labelRadioField{
  border: 0px solid #000;
}
#mailform .csc-mailform-field .labelRadioField label,
#mailform .csc-mailform-field .labelRadioField input{
  float:left;
  width: 40px;
  padding-left: 5px;
  border: 0px solid #000;
}
#mailform .csc-mailform-field .labelRadioField input{
  width: 15px;
  padding:0;
  background-color: transparent;
}
















/*------------------------------------------------------------------------- * @section  widgets -  Skip-Links, Print-/Screen-Umschalter * @see http://www.yaml.de/en/documentation/basics/skip-links.html */

/* Skip-Links erstmal aus dem Viewport schieben. Bitte nur fuer Dinge verwenden, */
/* die auch wirklich garantiert in den sichtbaren oberen Bereich der Seite geschoben werden. Begruendung hier:    */
/* http://www.accessibilitytips.com/2008/03/04/positioning-content-offscreen/  */

a.skip {
    position: absolute;
    left: -1000em;
/* ist zwar sinnfrei (da ja eh schon nach links raus geschoben, aber ohne das macht der Safari 3 ganz komische Sachen bei den Skip Links)*/
    top: -1000em;
    /* kann man machen, muss man aber nicht. Was gar nicht geht sind 0px (wegen uralten Window Eyes-Versionen): height: 1px;
    width: 1px;
*/
}

/* Skip-Links bei Tab-Navigation wieder sichtbar */

a.skip:focus, a.skip:active {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
    height: auto;
    width: auto;
    padding: 0 2px;
    line-height: 1.6em;
    text-decoration: underline;
    color: #000;
    background-color: #eee;
    outline: 1px solid #999;
}

#printswitch {
    float: right;
    width: auto;
    margin: 8px 2px 8px 0;
    text-align: right;
    color: #666;
/* muss gesetzt werden, sonst verschwindet im IE der Unterstrich. Doofer Browser */
    line-height: 1.5;
}

#printswitch a:link, #printswitch a:visited {
    padding-left: 18px;
    background: transparent url("/img/chrome/smallicons.png") no-repeat left -570px;
    text-decoration: none;
    color: #444;
    border-bottom: 1px solid #999;
}

#printswitch a:focus, #printswitch a:hover {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    background-position: left -600px;
}