/********************************************************
**  GoogleMaps Extension
********************************************************/
  
.gmapDir {
    margin-top:             -50px !important;
    margin-bottom:          20px;
}

div.tx_lumogooglemaps_pi1_sidebar {
    display:                none;
}

div#logocontrol a,
    div#copyright a {
    border:                 none !important;
}

div.tx_lumogooglemaps_pi1_infobox {
    line-height:            18px;
    white-space:            nowrap;
}

.gmapDir p {
    margin-bottom:          4px !important;
}

/* Sidebar verstecken */
div.tx_lumogooglemaps_pi1_sidebar {
    display:                none
}


/*Pagelayout*/

body{
    background:             url(../layout/background.gif);
    text-align:             center;
    font-size:              62.5%;
    font-family:            Arial, Helvetica, sans-serif;
    color:                  #868686;
}

h1, h2, h3, h4, h5, h6{
    font-weight:            normal;
}

a{
    color:                  #009e86;
    text-decoration:        none;    
}

a:hover{
    text-decoration:        underline;    
}

#top{
    width:                  100%;
    height:                 141px;
    text-align:             center;
}

#middle{
    width:                  100%;  
    background:             url(../layout/background_middle.gif);
    background-repeat:      repeat-x;
    background-position:    top;     
    background-color:       #fff; 
    text-align:             center;
    padding-top:            30px;
    clear:                  both;
    font-size:              1.2em;
}

#bottom{
    width:                  100%;
    background-color:       #1d1d1d;
    margin-top:             10px;    
    text-align:             center;
    padding:                13px 0;
}

.inside{
    width:                  950px;
    text-align:             left;
    margin:                 auto;
}

.insideCenter{
    width:                  980px;
    text-align:             center;
    margin:                 0 auto;
}

#left{
    width:                  170px;
    float:                  left;    
    line-height:            1.5em;
}

#center{
    width:                  440px;    
    float:                  left;
    margin:                 0 20px 0 20px;
    line-height:            1.5em;
}

#center p, #right p{
    padding-bottom:         15px;   
}

#right{
    width:                  300px;
    float:                  left;    
    line-height:            1.5em;
}

#footer{
    width:                  950px;
    margin:                 auto;
    margin-top:             30px;
    padding-bottom:          30px;
    text-align:             right;    
}

#top .inside img{
    float:                  left;
    margin-right:20px;
}

.clear{
    clear:                  both;
}


/*Navi Side*/
#naviSide{
    margin:                 20px 0 0 0;
    text-align:             right;
}

#naviSide li{
    padding:                5px 20px 5px 0;
}

#naviSide li.active{
    background:             #f0f0f0;
}

#naviSide li a{
    color:                  #878787;
    display:                block;
    text-decoration:        none;
}

#naviSide li.active a{
    color:                  #4a4a4a;
}

#naviSide li a:hover{
    color:                  #4a4a4a;
}


/*Navi Main*/
#naviMain li{
    display:                block;
    float:                  left;
    height:                 141px;
}
 
#naviMain li.active{
    background:             url(../layout/background_navi_main.gif);
    background-repeat:      repeat-x;    
}

#naviMain li a{
    display:                block;
    font-size:              1.5em;
    font-weight:            bold;
    color:                  #b0b0b0;
    text-decoration:        none;
    padding:                110px 20px 0 20px;
}

#naviMain li.active a, #naviMain li.active a:hover {
    color:                  #4a4a4a;   
}

#naviMain li a:hover{
    color:                  #f0f0f0;
}


/*Navi Footer*/
#naviFooter li{
    display:                  inline;
}

#naviFooter li a{
    color:                  #b0b0b0;
    font-size:              1.1em;
    text-decoration:        none;
    padding:                0 20px 0 0;
}

#naviFooter li.active a, #naviFooter li a:hover{
    text-decoration:        underline;
}


/*Teaser bottom*/
div.teaserBottom{
    width:                  300px;                
    float:                  left;
    font-size:              1.1em;
    color:                  #d7d7d7;    
    line-height:            1.4em;
    background:             url(../layout/background_teaser_bottom.gif);
    background-repeat:      repeat-y;
    background-position:    left;
    padding:                10px;
    margin:                 auto;
}
/*
div#bottom div.insideCenter div.teaserBottom:first-child{
    background:             none;
}
*/
div.teaserBottom img{
    float:                  left;
    margin-right:           20px;
}

div.teaserBottom h2{
    float:                  left;
    color:                  #00ca9d;
    font-size:              1.2em;
    font-weight:            bold;
    margin:                 0 0 7px 0;
}

div.teaserBottom h2 a{
    color:                  #00ca9d;
}

div.teaserBottom div.content{
    float:                  left;
    width:                  140px;
    text-align:             left;
}

div.teaserBottom span.more{
    float:                  right;
    color:                  #00ca9d;
}


/*Teaser right photo*/
div.teaserRightPhoto{
    font-size:              0.9em;
    background-color:       #f0f0f0;      
    line-height:            1.4em;
    float:                  left; 
    margin:                 0 0 20px 0;      
    width:                  100%;
}

div.teaserRightPhoto img{
}

div.teaserRightPhoto h2{
    margin:                 20px 20px 0 20px;
    color:                  #009e86;
    font-size:              1.2em;
    font-weight:            bold;
    
}

div.teaserRightPhoto div.content{
    padding:                10px 20px 5px 20px;
}

div.teaserRightPhoto span.more{
    float:                  right;
    margin:                 0 20px 20px 0;
    color:                  #009e86;
}

/*Tease right*/
div.teaserRight{
    font-size:              0.9em;
    background-color:       #f0f0f0;      
    line-height:            1.4em;
    float:                  left;     
    margin:                 0 0 20px 0; 
    width:                  100%;
}

div.teaserRight h2{
    margin:                 20px 20px 0 20px;
    color:                  #009e86;
    font-size:              1.2em;
    font-weight:            bold;
    
}

div.teaserRight div.content{
    padding:                10px 20px 5px 20px;
}

div.teaserRight span.more{
    float:                  right;
    margin:                 0 20px 20px 0;
    color:                  #009e86;
}


/******************************* 
      KONTAKTFORMULAR
*******************************/
#kontakt{
margin-top:                 20px;
  width:                    450px;
  /*float:left;*/
  font-size:                12px;
}

#kontakt #formErrorMsg {
    color:                  #ca262d;
    margin-bottom:          15px;
}

#kontakt fieldset{
  border-width:             0px;
}

#kontakt div.row{
  clear:                    both;
  padding-top:              2px;
  line-height:              15px;
}

#kontakt div.left{
  float:                    left;
  /*width:200px;*/
  margin-right:             15px;
}

#kontakt div.right{
  float:                    left;
  /*width:200px;*/
}

#kontakt div.submit{
  float:                    left;
}

#kontakt div.label,
#kontakt label{
 /* float:left;
  clear:both;*/
  display:                  block;
  width:                    90px;
  /*margin-bottom:10px;*/
  /*padding-left:10px;
  line-height:20px;*/
}

#kontakt label.short {
    width:                  40px;
}

#kontakt label.required{
  font-weight:              bold;
}

#kontakt label.checkbox{
  width:                    410px;
}

#kontakt span.error{
  color:                    #ca262d;
}

#kontakt label.singleline{
  clear:                    both;
  width:                    100%;
}

#kontakt input,
#kontakt textarea,
#kontakt select {
  float:                    left;
  display:                  block;
  /*width:250px;*/
  border:                   1px solid #009e86; /*#696969;*/
  /*font-family: Verdana, Arial, sans-serif;*/
  /*font-size: 12px;*/
  margin-bottom:            10px;
  padding:                  1px;
}

#kontakt input.error,
#kontakt textarea.error,
#kontakt select.error {
    border-color:           #ca262d;
}

#kontakt input.checkbox{
  float:                    left;
  width:                    20px;
  display:                  block;
  border-width:             0px;
}

#kontakt input.hidden{
  border-width:             0px;
}

#kontakt textarea{
  width:                    400px;
  font-family:              Arial, Helvetica, sans-serif;
  font-size:                1em;
}

#kontakt input.button{
  color:                    #696969;
  background-color:         #fff;
}

#kontakt td.col1, #kontakt td.col2 {
	width:                  190px;
	}

#kontakt input {
	width:                  180px;
	}

#kontakt textarea {
	width:                  372px;
	}

#adresse{
  float:                    left;
}
#kontakt div.submit input:hover {
	cursor:                 pointer;
}

#formErrorMsg ul{
    margin-left:            20px;
}

#formErrorMsg ul li{
    list-style-type:        disc;
}


/*Typo3 classes*/
.csc-header h1{
    color:                  #009e86;
    font-size:              1.8em;
    margin-bottom:          10px;
}

div#center h2{
    font-weight:            bold;
    font-size:              1.2em;
}

div.csc-textpic-imagewrap{
    margin-bottom:          15px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    font-size:              1.0em;
    margin:                 0;
    text-align:             center;
}

#center p.back {
	float: left;
	}

#center p.all {
	float: right;
	}

dl.glossary dd {
margin:0 0 10px 10px;
}

div#center ul {
	list-style-type: disc;
	padding: 0 0 15px 15px;
	}