/*
Theme Name: Tigertatze
Theme URI: http://www.machbar.com
Description: "Tigertatze" is a special theme for WordPress 2.x.
Version: 1.0
Author: Machbar GmbH [sb]
Author URI: http://www.machbar.com
License: GPL
*/

body{
    margin:0px;
    padding:0px;
    background-color: #ffe37e;
    background-image: url('gestaltung/hintergrund.png');
    font-family: 'Tahoma',sans-serif;
    font-size:12px;
}


#seite{
    margin-left: auto;
    margin-right: auto;
    width:900px;
    background-color: #ffffff;
}

#kopfbereich{
height:435px;
margin-bottom: 20px;

}

#sondermenue{
position:relative;
z-index: 2;
left:240px;
top:-365px;
height: 65px;
width:660px;
overflow: hidden;

}


#sondermenue ul{
margin:0px;
padding:0px;
list-style-type: none;
font-size: 17px;
font-weight:normal;
display:block;
} 

#sondermenue ul li{   
float:left; 
}

#sondermenue ul li a{
float:left;
display:block;
margin-left:20px;
background-color:#fff;
padding:10px;
text-decoration: none;
color:#2f5267;
}

#sondermenue ul li a:hover{
color:#fff;
background-color:#2f5267;
}


#tiger, #tiger_ie6{
position:relative;
z-index: 2;
left:604px;
top:-432px;
height: 285px;
width:416px;
overflow: hidden;
}

#tiger_ie6{
    display:none;
}

#navigation {
width:240px;
height:280px;
padding:0px;
padding-top:0px;
overflow:hidden;
float:left;
background-color:#eb7902;
}

#navigation a{

display:block;
width:240px;
height:40px;

}

#navigation a.m-neuigkeiten{background-image: url('gestaltung/m-neuigkeiten.gif');}
#navigation a.m-ueber-uns{background-image: url('gestaltung/m-ueber_uns.gif');}
#navigation a.m-event-module{background-image: url('gestaltung/m-event_module.gif');}
#navigation a.m-projektbeispiele{background-image: url('gestaltung/m-projektbeispiele.gif');}
#navigation a.m-kunden{background-image: url('gestaltung/m-kunden.gif');}
#navigation a.m-galerie{background-image: url('gestaltung/m-galerie.gif');}
#navigation a.m-kontakt-und-anfrage{background-image: url('gestaltung/m-kontakt.gif');}


#navigation a.m-neuigkeiten_aktiv{background-image: url(gestaltung/m-neuigkeiten_aktiv.gif);}
#navigation a.m-ueber-uns_aktiv{background-image: url('gestaltung/m-ueber_uns_aktiv.gif');}
#navigation a.m-event-module_aktiv{background-image: url('gestaltung/m-event_module_aktiv.gif');}
#navigation a.m-projektbeispiele_aktiv{background-image: url('gestaltung/m-projektbeispiele_aktiv.gif');}
#navigation a.m-kunden_aktiv{background-image: url('gestaltung/m-kunden_aktiv.gif');}
#navigation a.m-galerie_aktiv{background-image: url('gestaltung/m-galerie_aktiv.gif');}
#navigation a.m-kontakt-und-anfrage_aktiv{background-image: url('gestaltung/m-kontakt_aktiv.gif');}

#navigation a.m-neuigkeiten:hover{background-image: url(gestaltung/m-neuigkeiten_hover.gif);}
#navigation a.m-ueber-uns:hover{background-image: url('gestaltung/m-ueber_uns_hover.gif');}
#navigation a.m-event-module:hover{background-image: url('gestaltung/m-event_module_hover.gif');}
#navigation a.m-projektbeispiele:hover{background-image: url('gestaltung/m-projektbeispiele_hover.gif');}
#navigation a.m-kunden:hover{background-image: url('gestaltung/m-kunden_hover.gif');}
#navigation a.m-galerie:hover{background-image: url('gestaltung/m-galerie_hover.gif');}
#navigation a.m-kontakt-und-anfrage:hover{background-image: url('gestaltung/m-kontakt_hover.gif');}

#bilder{
    float:right;
    width:660px;
    height:280px;
    overflow:hidden;
}

#bilder img{
    height:280px;
    width:660px;
}


.versteckt{display:none;}  

.inhalt{

    margin-right: 20px;

}

.inhalt_links{
    width: 220px;
    margin-left: 20px;
    float: left;
      
}

.inhalt_links img{
    margin-bottom: 20px;
}

#content_spalte a{
    color:#eb7902;
    text-decoration: none;
}

#content_spalte a:hover{
    color:#eb7902;
    text-decoration: underline;
}

#content_spalte ul{
    margin:0px;
    padding:0px;
    width:320px;  
    border-top:1px solid #eb7902;
    list-style-type: none;
    margin-top:20px;
    margin-right:20px;

}

#content_spalte ul li{
     margin-top:0px;
     margin-bottom:0px;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:15px;
     border-bottom:1px solid #eb7902;
     line-height:15px;
     background-image: url(gestaltung/pfeil.gif);
     background-repeat: no-repeat;
     background-position: 0px 15px;
}

#content_spalte ol{
    margin:0px;
    padding:0px;
    width:320px;  
    margin-top:20px;
    margin-right:20px;
    padding-left:20px;

}

#content_spalte ol li{
     margin-top:0px;
     margin-bottom:0px;
     padding:0px;
     padding-bottom:5px;
     line-height:15px;
}


.flussbrecher{float:none;clear:both;}


#seitenfuss{
    background-color: #eb7902;
    text-align:center;
    padding-top:5px;
    height:45px;
    font-size:11px;

}

#seitenfuss p{
 margin:0px;
 padding:0px;

 }
 
#seitenfuss ul{margin-top:5px;}
 
#seitenfuss li{display:inline;}

#seitenfuss a{
 color:#ffffff;
 font-weight: bold;
 margin-right:5px;
 margin-left:5px;
 text-decoration: none;
 padding:0px;

}

#seitenfuss a:hover{
text-decoration: underline;
}

#seitenfuss .zeile2 a{
color:#000000;
font-weight: normal;
}             

h1,h2{
color: #eb7902;
font-weight: bold;
font-size: 17px;
margin: 0px;
}

h2{
margin-top:20px;
}

p{        
margin-top: 20px;
line-height: 20px;
margin-right: 50px;
}


               

a.m-kinderevents,a.m-kinderevents_aktiv{
    height:36px;
    width: 115px;
    display: block;
    border: none; 
    float: right;
    color:#ffffff;
    margin-top:30px;
    text-decoration: none;   
    background-image: url('gestaltung/m-kinderevents.png');  
}

a.m-kinderevents_aktiv{                   
    background-image: url('gestaltung/m-kinderevents_aktiv.png');  
}

a.m-kinderevents_aktiv:hover, a.m-kinderevents:hover{                   
    background-image: url('gestaltung/m-kinderevents_aktiv.png');  
}   


a.m-promotion,a.m-promotion_aktiv{
height:36px;
width: 115px;
display: block;
border: none; 
float: right;   
margin-left: 20px;
margin-right: 20px;
margin-top:30px;
color:#ffffff;
text-decoration: none; 
background-image: url('gestaltung/m-promotion.png');  
}

a.m-promotion_aktiv{                   
background-image: url('gestaltung/m-promotion_aktiv.png');  
}

a.m-promotion_aktiv:hover, a.m-promotion:hover{                   
background-image: url('gestaltung/m-promotion_aktiv.png');  
}


.m-fotografie,a.m-fotografie_aktiv{
height:36px;
width: 115px;
display: block;
border: none; 
float: right;
margin-right: 20px; 
margin-top:30px;
color:#ffffff;
text-decoration: none; 
background-image: url('gestaltung/m-fotografie.png');  
}

a.m-fotografie_aktiv{                   
background-image: url('gestaltung/m-fotografie_aktiv.png'); 
}

a.m-fotografie_aktiv:hover,  a.m-fotografie:hover{                   
background-image: url('gestaltung/m-fotografie_aktiv.png');  
}









#content_spalte{
float:left;
width:640px;
margin-left: 20px; 
margin-bottom:20px;
}

   
/* submenu */   
#submenu{ 
    width:200px;

}

#submenu a{
    display:block;
    margin-bottom:12px;     
    text-decoration: none;
    color: #eb7902;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}



#submenu a span.subtitle{
    display:block;
    color: #777777;
    font-weight:normal;
    margin-top:5px;
}

#submenu a.active{
    display:block;
    color:#2f5267;
}  

#submenu a:hover{
    color:#2f5267;
}  
   
#contentmenu{
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 20px;
}   

   
#contentmenu a{
    border: 1px solid #eb7902;
    float:left;
    padding: 7px;
    padding-bottom:5px;
    margin-bottom:14px;
    margin-right: 14px;
    text-decoration: none;
    background-image: url('gestaltung/bg_contentnavi.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    color: #ffffff;
    font-weight: bold;   
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;        
    
}

#contentmenu a:hover{
    background-color: #f5a300;
    color: #ffffff;
    text-decoration: none;

}

#contentmenu a span{
    width: 180px;
    display: block;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    height: 30px;
    overflow: hidden;
    color: #ffffff;
}
   
   
.zeile1{
color:#ffffff;
margin:0px;
padding:0px;
}
   
   
.navigation a{
    color:#444444;
    text-decoration: none;
}   
   
   
   
   
   
   
/* innersubmenu */
#content_spalte #innersubmenu{
margin-top:0px;
margin-bottom:40px;
}  
#content_spalte #innersubmenu a{
    background-image: url('gestaltung/previous.gif');
    background-repeat: no-repeat;
    background-position: left 0px;
    color:#2f5267;
    padding:3px;
    text-decoration:none;
    padding-left:20px;
          
        
}

#content_spalte #innersubmenu .alignright a{
    margin-right:15px;
    background-image: url('gestaltung/next.gif'); 
    background-position: right 0px; 
    padding-right:20px; 
    padding-left:0px; 
}
   
   
/* innersubmenu */
#content_spalte .innersubmenu{
margin-top:0px;
margin-bottom:40px;
}  
#content_spalte .innersubmenu a{
    background-image: url('gestaltung/previous.gif');
    background-repeat: no-repeat;
    background-position: left 0px;
    color:#2f5267;
    padding:3px;
    text-decoration:none;
    padding-left:20px;
          
        
}

#content_spalte .innersubmenu .alignright a{
    margin-right:15px;
    background-image: url('gestaltung/next.gif'); 
    background-position: right 0px; 
    padding-right:20px; 
    padding-left:0px; 
}
   
      
   
   
/* Linkbox */   
#linkbox{
background-image: url('gestaltung/kombinierbar.png');
background-repeat: no-repeat; 
height: 132px;
width: 271px;
overflow:hidden;
float:right;
margin-top: 20px;
margin-right: -10px;
margin-left:15px;
}

.linkboxinner{
position:absolute;
z-index: 1;
height: 87px;
width: 271px;
margin-top:45px;
}

#linkbox a{
display:block;
text-decoration: none;
color:#2f5267; 
font-weight: bold;
width:200px;
margin-bottom:5px;
margin-left:15px;
padding:2px;
}   

#linkbox a:hover{
background-color:#2f5267; 
color:#ffffff;
text-decoration: none;
}   

#linkboxtiger{
position:absolute;
z-index: 2;
margin-left:190px;

}
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }
/* End Images */







/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }

#sidebar #searchsubmit {
    padding: 1px;
    }

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

select {
    width: 130px;
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
#commentform textarea {
    width: 100%;
    padding: 2px;
    }
#respond:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
    }
/* End Form Elements */






/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

.hidden {
    display: none;
    }
    
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
    display: none;
    }

a img {
    border: none;
    }

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    It won't be a stylish marriage, I can't afford a carriage.
    But you'll look sweet upon the seat of a bicycle built for two." */