/* CSS Document */


body{background-color:#FADDBA;
font-family: Tahoma,Arial, Helvetica, sans-serif ;
text-align:center;
color:#022645;
font-size:86%;
margin: 0;
padding:0;


}
#wrapper { 
margin: 0 auto;
width:1000px;
text-align:left;
background-color:#FFFFFF;
}

#top{}
#toplinks{width:310px; float:left;  padding-right:2px;}
#topmitte{width:435px; float:left;}
#toprechts{width:253px; float:left; height: 302px; 
background:url(../upload/layout/toprechts.gif);background-repeat:no-repeat;
background-position:top; 
}
.text_toprechts{ font-style:italic; font-size: 350%; font-family: Times new roman; 
padding: 0px 10px 10px 20px;  color:#CD6206; margin-top: 250px;}


#main3sp{background:url(../upload/layout/main_bg_news.gif);background-repeat:repeat-y;}
#main2sp{background:url(../upload/layout/main_bg.gif);background-repeat:repeat-y;}
#mainlinks{width:310px; float:left; background-color:#E7ECEF;}
#mainlinks #lang{text-align:right; margin-top: 45px; padding-right: 27px;}
#mainmitte{padding: 50px 20px; width:395px; float:left; line-height: 2em;}
#mainmitterechts {padding: 50px 90px 30px 20px; width:578px; float:left;  line-height: 2em;}
#mainrechts{width:225px; padding: 50px 10px 10px 18px;  float:left;}
#footer{}
.stopFloat {
    display: block;
    float: none;
    clear: both;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
}
/* ###################################################### */
/* ####################### LINKS ######################## */
/* ###################################################### */
a {
    color:#0060b1;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    
margin-bottom: 55px;   
width:450px;
}
#contactForm .contactRow {
    margin:14px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:200px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:246px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:243px;
}

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

#contactForm .contactRow textarea {
    height:105px;
    font-size:12px;
    
    
    
    
    
    
    
    
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 0px;
}

#contactFormSubmit{margin-left:200px;width:246px;    }

#contactFormSubmit #contactFormSubmitLeft {
   width:50px;
   float:left;
   margin:0 0 0 0px; 
     
}

#contactFormSubmit #contactFormSubmitRight {
    width:50px;
    float:right;
    margin:0 0 0 0px; 
     
}


#contactFormSubmit #contactFormSubmitRight input {
background-color:#fff;
    color:#CC5200;
    padding:0 10px 0 10px;
    background-image:url(../images/navi_pfeil_submit.gif);
    background-repeat:no-repeat;
    background-position:right -1px ;   
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
background-color:#fff;
    color:#CC5200;
    padding:0 10px 0 10px;
    background-image:url(../images/navi_pfeil_submit.gif);
    background-repeat:no-repeat;
    background-position:right -1px ;   
    width:auto;
    height:auto;
    float:left;
    margin:0;
}


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

/* ###################################################### */
/* ####################### Überschriften ######################## */
/* ###################################################### */

#mainmitte h1, #mainmitterechts h1, mainmitterechts h2, #mainmitte h2 {
    margin:0 0 10px 0;
    padding:0;
    font-size:140%;
    font-weight:bold;
    color:#333;
}
#mainmitte h1, #mainmitterechts h1 {
    font: italic normal 1.5em georgia, sans-serif;
    letter-spacing: 1px; 
    margin-bottom: 0; 
    padding-bottom: 20px;
    color: #CC7205;
}
#mainmitte h1 a {
    font: italic normal 1.5em georgia, sans-serif;
    letter-spacing: 1px; 
    margin-bottom: 0; 
    color: #CC7205;
}
#mainmitte h2, #mainmitterechts h2 {
    font-style:italic;
    font-size:110%;
   
}
#mainmitte h2, #mainmitterechts h2 { 

    font: italic normal 1.2em georgia, sans-serif;
    letter-spacing: 1px; 
    margin-bottom: 0; 
    color: #CC7205;
    line-height:1.5em;
    border-bottom: 1px solid #ccc;

    }

#mainmitte ul, #mainmitterechts ul{list-style-type:none;
margin:0;
padding:0;
padding-top: 20px;}

#mainmitte li, #mainmitterechts li {
background: url(../upload/layout/liste.gif) 0.15em 0.7em no-repeat;
padding-left: 26px;padding-bottom: 6px;
}
#mainmitte ol li, #mainmitterechts ol li {
background: url(../upload/layout/listen.jpg) 0.22em 0.82em no-repeat;
padding-left: 16px;
}



/* ###################################################### */
/* ####################### Artikelliste ################### */
/* ###################################################### */
.articleheadline {
font-size:110%;
    font-weight:bold;}
.article{padding-bottom: 20px; margin-bottom: 20px;
border-bottom: 1px dashed #ccc;}

#mainrechts .articleheadline {
font-size:100%;
    font-weight:bold;}
    
#mainrechts .article{line-height: 1.6em; font-size:80%; padding-bottom: 20px; margin-bottom: 20px;
border-bottom: 1px dashed #ccc;}

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
#mainlinks ul {
    width:260px;
    margin:0;
    padding:0;
    padding-top:30px;      
    text-align:right;
    /*background-color:#F2F2F2;*/
    background-color:transparent;
}
#mainlinks ul li {
    width:260px;
    margin:0;
    padding:0 0 0 10px;
    list-style-type:none;
}
#mainlinks ul li a {
    display:block;
    width:260px;
    margin:0;
    padding:0 30px 0 10px;
    color:#006;
    line-height: 2em;
    font-family: bauhaus;
    text-transform:uppercase;
    background-repeat:no-repeat;
    background-position:210px 3px;
    text-decoration:none;
}
#mainlinks ul li a:hover, #mainlinks ul li.active a {
    color:#CD6206;
}

/* Level 2 */
#mainlinks ul.subNavigation {
    width:280px;
    margin:0;
    padding:0;
}
#mainlinks ul.subNavigation li a {

    background-repeat:no-repeat;
    background-position:299px 8px;
    border-bottom:1px dotted #ccc;
    color:#666;
    width:310px;
}
#mainlinks ul.subNavigation li.active a {
    color:#CD6206;
}
#mainlinks ul.subNavigation li a:hover, #navigation ul.subNavigation li.active a {
    background-image:url(../images/subnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

/* Level 3 */
#mainlinks ul.subSubNavigation {
    width:270px;
    margin:0;
    padding:0;
}
#mainlinks ul.subNavigation li ul.subSubNavigation li a {
    background-image:none;
    border-bottom:0;
    color:#666;
    width:300px;
}
#mainlinks ul.subNavigation li ul.subSubNavigation li a:hover, 
#mainlinks ul.subNavigation li ul.subSubNavigation li.active a {
    background-image:url(../images/subsubnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

 /*table {
  border-collapse: collapse;
  border: 1px solid #ddd;
 font: normal 11px verdana, arial, helvetica, sans-serif; 
  color: F6770B;
  background: #fff;
  }
caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
td, th {
  border: 1px dashed #F6770B;
  padding: .8em;
  line-height:1.6em;
 
  }
thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #A85070;;
  text-align: left;
  background: #38160C;
  color: #F6ECF0;
  padding-top:6px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #F6ECF0;
  }
tbody td a:hover {
  background: transparent;
  color: #FFFFFF;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #F6ECF0;
  }
tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }

tbody th, tbody td {
  vertical-align: top;

  text-align: left;
  }
tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
.odd {
  background: #E7ECEF;
  }
tbody tr:hover {
  background: #C2D6E2;

  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #51152A;
  }

  */
   
 table{border:0;} 
   td{border:0;}

/* ###################################################### */
/* ####################### Table City Mouse ################### */
/* ###################################################### */
  
 table.citymouse{ 
    
    background: #eee url(mouse.jpg) bottom right no-repeat;
    text-align: left;
    font-size: 86%;
    border-collapse: collapse;
    border: 1px solid #27a0bd;
       
}
.citymouse table a {
    text-decoration: underline;
    color: #105c6e;
}
.citymouse table a:visited {
    text-decoration: none;
}
.citymouse table a:hover, table a:active {
    background-color: #008eb1;
    text-decoration: none;
    color: #eee;
}
.citymouse thead th {
    font-size: 105%;
    color: #eee;
    background-color: #27a0bd;
    border-bottom: 2px solid #008eb1;
}
.citymouse tbody {

}
.citymouse tr {
    vertical-align: top;
}
.citymouse tr,th,td {
    padding: .55em;
}
.citymouse caption {
    height: 27px;
    color: white;
    text-align: left;
    background: #fff url(table_designs.jpg) no-repeat;
    background-position: 92% 0;
}
.citymouse tr.odd td, tr.odd th {
    background-image: url(../upload/layout/tealbg.gif);
    background-repeat: repeat;
}
.citymouse tfoot th,tfoot td {
    padding: 0.2em .75em;
    color: #3a4e58;
    font-weight: bold;
    font-size: 105%;
}
.citymouse tfoot th {
    text-align: right;
}


 /* ###################################################### */
/* ####################### Table City Mouse 1 ################### */
/* ###################################################### */
  
 table.citymouse1{ 
    
    background: #fff url(mouse.jpg) bottom right no-repeat;
    text-align: left;
    font-size: 86%;   
    
   
  
}

.citymouse1 tr {
    vertical-align: top;
}
.citymouse1 tr,th,td {
    padding: .35em;
    background: #fff;
    border: 1px solid #27a0bd; 
}

.citymouse1 tr.odd td, tr.odd th {
    background-image: url(../upload/layout/tealbg.gif);
    background-repeat: repeat;
}

  
.textbox {background: #FAE3C7; padding: 1em; border-bottom: 1px #FCBA6A dotted; 
border-top: 1px #FCBA6A dotted;}
.klein {font-size: 80%;}