@charset "UTF-8";
/* steffens-mediadesign.de 2014 */


body { margin:0; 
     background-color:#fff;
     background-image:url(../images/fond.jpg);
     background-repeat:no-repeat;
     font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
     color:#333;
     }
   

   
a:Link, a:Active, a:Visited  { font-weight: bold; color:#00AAB3;; text-decoration:none; }
a:Hover { font-weight: bold; color:#7BC143; text-decoration:none; }

img {  max-width: 100%;
    height: auto;
  }  


#seite { max-width: 1000px;
     background-color:#fff;
     margin: 20px auto 20px auto; 
     box-shadow:0px 0px 3px #999;
     /*border:1px solid #ccc;*/
     }

#kopf { height:120px;
    width:100%;
    background-color:#fff;
    }

#logo { width: 300px;
        height: 50px;
        margin-left:25px;
        margin-top:25px;
        float:left;
        background-color:#fff; 
    }

#logo img { border:none}


#suche { margin-right:25px;
     margin-top:25px;
     float:right;
     background-color:#fff;
     width:200px;
     height:30px;
     }

#suche input.button { margin-bottom:-10px;
            cursor: pointer;
            width:20px;
            height:20px;
            border:1px solid #fff;
              background-color:#fff;
            opacity:0.8}
            
#suche input.button:hover { opacity:1}

/*
#search input.inputbox {
margin-bottom:3px;
font-size: 9px;
height: 20px;
border:#CCC solid 1px;
}
*/






form input { border:1px solid #999; 
       background-color:#E9F8CA;
       color:#666;
       padding:3px;
       width:150px;
       height:20px;
                 }

input:focus, textarea:focus { background-color:#ffffff; border:1px solid #7BC143; }


/* Hit List formatieren */
.btn-toolbar { visibility:hidden; height:1px}
.phrases { visibility:hidden; height:1px}
.only { visibility:hidden; height:1px}

.form-limit { margin-top:-100px;
        margin-left:25px}


.tel_mobil {display:none;
      color:#044379;
      }
      
/******************* hmen ***********************************/
      
#mnav { display:none; }  


#hnav { display:block; 
    font-size:0.95em;
    clear:both;
    margin-left:25px; }

#hnav ul {   list-style:none;
         padding:0;
      margin:0;
       background-color:#fff;
      width:100%;
      float: left;
       }


#hnav ul li { display:inline; }


#hnav ul li a { font-size: 1.1em;
        font-weight:normal;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        padding: 0.4em 1.5em 0.4em 1.1em;
          color:#7BC143;
         text-decoration: none;
         float: left;
         background-image:url(../images/slash.gif);
        background-repeat:no-repeat;
        background-color: #ffffff;
            
          transition-property:color;
         transition-duration:0.75s;
                  
        -moz-transition-property:color;
        -moz-transition-duration:0.75s;
                    
        -webkit-transition-property:color;
        -webkit-transition-duration:0.75s;
                    
        -o-transition-property:color;
        -o-transition-duration:0.75s;
  
        -ms-transition-property:color;
        -ms-transition-duration:0.75s;  
      }

#hnav ul li a:hover { color:#ffffff;
            background-color:#7BC143;
            background-image:url(../images/slash-hi.gif);/**/
            background-repeat:no-repeat;
                    }

/* active link einstellen */            
#hnav ul.menu li.current a  {color:#ffffff;
            background-color:#00AAB3;
            background-image:url(../images/slash-active.gif);
            background-repeat:no-repeat;
             }          
            

/******************* hmen ende ***********************************/






/******************* tsnav ***********************************/

#spalte ul.nav li {list-style:none; }

#spalte ul.nav li a  {padding:0 5px;
             } 

#spalte ul.nav li.current a  {color:#ffffff;
            background-color:#00AAB3;
             }          


#spalte .moduletable #login-form #form-login-password input  { margin-left:9px}
#spalte .moduletable #login-form #form-login-password {margin-top:5px}


/******************* tsnav ende ***********************************/


/******************* jDownloads ***********************************/



#inhalt form input { width:250px; }

#inhalt form .button { width:100px; }

.jd_footer {display:none;}

/******************* jDownloads ende ***********************************/




.readmore { margin-top:-40px}



#inhalt { 	margin-top:25px;
      		float: left;
          	width: 550px;
          	font-size:0.9em;
      		line-height:150%;
      		padding:0 0 25px 25px;
      		background-color:#fff;
    }


/******** Passwort vergessen / reset ************/
.tooltip-inner {display:none}

.page-header h1 {	width:375px;
       					color:#ffffff;
        				background-color:#7BC143;
         				background-image:url(../images/slash-hi.gif);
         				background-repeat:no-repeat;
         				padding:6px 0px 6px 20px;
         				font-size: 1.3em;
       					font-weight:normal;
     				}


/******** Passwort vergessen / reset Ende ************/











#inhalt p { padding:0 0 25px 25px;
      		width: 510px;
      		}



    
    
#inhalt_02 { margin-top:-20px;
      		 float: left;
          	 width: 825px;
             font-size:0.9em;
			 line-height:150%;
			 padding:0 0 25px 25px;
			 background-color:#fff;
    		}  


#inhalt_02 p { padding:0 0 25px 25px;
      /* width: 425px;*/
      }


table.cal { font-size:0.8em; 
			background-color:#ccc;
			font-family: Arial, Helvetica, sans-serif;
			line-height:normal;
			width:450px;
			
			}

table.cal tr { background-color:#eee;
				}



.titel, .page-title {	width:520px;
       					color:#ffffff;
        				background-color:#7BC143;
         				background-image:url(../images/slash-hi.gif);
         				background-repeat:no-repeat;
         				padding:6px 0px 6px 20px;
         				font-size: 1.3em;
       					font-weight:normal;
     				}



.unterzeile { 	color:#333;
        		font-size:0.8em;
        		font-style:italic;
        		margin-left:25px; 
       		}




iframe { border:1px solid #666; display:block; }






#spalte {  float: right; 
           width: 350px;
       	   /*height:325px;*/
           color:#333;
       	   background-color:#fff;
       	   background-image:url(../images/fond-spalte.jpg);
       	   background-repeat:no-repeat;
       	   margin-top:25px;
           padding: 40px 0px 20px 25px;
       	   font-size:0.8em;
       	   line-height:150%;
    		}
    
    
#spalte .illu { background-color:#fff; 
          	    width:300px;
                text-align:center;
          		border: 1px solid #ccc;
				padding:10px;
				margin-bottom:10px;
       			 }    
    


#fuss { font-size:0.8em;
    border-top:1px solid #ccc;
    padding:10px 0 10px 25px;
    margin: 0 25px 0 25px;
    }   
 
 
 .klar { clear: both;
        height: 1px;
        font-size: 0.1em;
        line-height: 0;
    	}
 

 
 


 strong {
  font-weight: bold;
}