@import url("standard.css");

/*
# --- C S S - I N F O ------------------------------------------------------{}*/

/*
   Cascading Stylesheet http://www.poeschke-trockenbau.de
   by Dennis Frank / http://www.dennisfrank.info
   last update: 2005-05-20
   
   Farben:
   
   Blau (Body Hintergrund)		#64799C
   Blau (Container Background)  #143469
   
*/

/*
# --- B O D Y --------------------------------------------------------------{}*/
	* html body {
        font-size : x-small; /* für IE5.x/win */
        f\ont-size : small;  /* für andere IE */
		/* Simplified Box Model Hack:
		   http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
	}

	body {
		font-size: small;
		font-family : Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #000;
		background : #fff;
		text-align : center;
		padding-top : 3em;
		
	}
    
/*
# --- L I N K S ------------------------------------------------------------{}*/
        
    a, .click {
        text-decoration : underline;
        color : #00c;
        cursor : pointer;
    }

    a:hover, .click:hover {
        color : #c00;
    }
    
    a:active {
    }
    
    a:visited {
    }
	    
/*
# --- B L O C K S ----------------------------------------------------------{}*/

	#con {
	}
	

	
	#nav {
        display : none;
	
	}
	
    .replace {
        text-indent: -500em;
   
    }
        
    #teaser {
	   margin : 5em auto 3em auto;
	   width : 50%;
    }

	#bands {
	   margin : 0 auto 0 auto;
	   line-height : 1.5em;
	   /*overflow : hidden;*/
	   width : 80%;
	   min-width : 740px;
	}
	
	#grafzahl {
	   float : left;
	   width : 48%;
	   text-align : right;
	   padding-right : 2%;
	}
	
	#tchi {
	   float : right;
	   width : 48%;
	   text-align : left;
	   padding-left : 2%;
	}

    #gb {
	   margin : 5em auto 3em auto;
	   width : 50%;
    }

		
	#footer {
	   margin : 3em 0 3em 0;
	   padding-top : 1em;  
	   border-top : 1px solid #000;
	
	}
	
    
	
/*
# --- H E A D L I N E S ----------------------------------------------------{}*/

    h1 {
        background: url(../img/ttl_textblatt.gif) no-repeat top center;
        font-size : 2em;
        height : 100px;
        position : relative;
        top : 1em;
        border-bottom : 2px solid #000;
    }

    h2 {
        position : relative;
        margin : 2em 0 0.2em 0; padding : 0;
        font-size : 150%;  
        height : 49px;
    }
    
    #tchi h2 {
        margin-top : 1em;
        background: url(../img/ttl_tchi.gif) no-repeat top left;
    }
    
    #grafzahl h2 {
        text-align : left;
        margin-top : 1em;
        background: url(../img/ttl_grafzahl.gif) no-repeat top right;
    }
    
    
    
    h3 {font-size : 180%;}

    #bands h3 {
        text-align : left;
        margin : 2em 0 0.3em 0;
        font-size : 180%;
        height : 31px;
    }

    #tchi h3.ttl_lieder {background: url(../img/ttl_tchi_lieder.gif) no-repeat top left;}
    #grafzahl h3.ttl_lieder {background: url(../img/ttl_grafzahl_lieder.gif) no-repeat top right;}
    #tchi h3.ttl_kontakt {background: url(../img/ttl_tchi_kontakt.gif) no-repeat top left;}
    #grafzahl h3.ttl_kontakt {background: url(../img/ttl_grafzahl_kontakt.gif) no-repeat top right;}

    
    
    h4 {
        font-size : 140%;
        margin : 0 0 0 0;
    }
    
    .songs h4 {margin-top : 0;}
    
    h5 {font-size : 100%;}

/*
# --- C O N T E N T --------------------------------------------------------{}*/

	#bands {
		color : #000;
	}
		
	.click {
	   cursor : pointer;
	   color : #00c;
	}
	
	.hide {
	   position : relative;
	   z-index : 100;
	   background-color : #fff;
	   margin-top : -2.5em;

	}
	
	.preview {
	   margin-top : 0.4em;
	}
	
    .player {
        margin : 0 1em 0 0;
        float : left;
        font-size : 80%;
    }
	
    #grafzahl .player {
        margin : 0 0 0 1em;
        float : right;
    }
	
	.player p {
	   float : left;
	   margin-top : -0.3em;
	   margin-left : 0.2em;
	   margin-bottom : 0;
	} #grafzahl .player p { margin-right : 0.2em;}
	
    .player object {
        float : left;
    }
    
    .sh_lyrics {
        clear : both;
    }

	.info {
    }
	
	.caution {
	   font-weight : bold;
	   color : #c00;
	}
	
	.form {margin-top : 2em;}
    
    form div {
        margin-bottom : 0.3em;
    }
    
    label {
        padding-right : 0.5em;
    }
    
    
    input, textarea {
        border : 1px solid #000;
        border-color : #000 #ccc #ccc #000;
        width : 14em;
    }
    
    textarea {width : 20em;}
    
    
    .button {
        width : auto;
        border-color : #ccc #000 #000 #ccc;
    }
    
    .checkbox {
        width : auto;
        background-color : transparent;
        border : 0;
    }
    
    .left {
        margin : 0 .5em 0 0;
    }
    
    	
/*
# --- F O O T E R ------ ---------------------------------------------------{}*/

    #footer {
        font-size : 80%;
    }

/*
# --- G U E S T B O O K  ---------------------------------------------------{}*/
	
    #gb {
        border : 1px solid red;
    }
    
    .gb-entry {
        border : 1px solid blue;
        text-align : left;
        border-bottom : 2px solid #000;
        padding-bottom : 2em;
        margin-bottom : 2em;
    }
    
    .gb-author {
        
    }
    
    .gb-time {
    
    }