/*-- CSS MAIN INDEX  LaGARAFA.de ------------------------------------------------------*/

body {
        //margin: 50px;
        //padding: 0px;
        background: #242323 url(http://www.lagarafa.de/vorlagen/lagarafa_index_kachel.gif) repeat left top;
        text-align: center;
        font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
        font-style: normal;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
        color: #000;
}

#wrapper {
	position: absolute;
        width: 910px;
        height: 540px;  
    	left: 50%;
    	top: 50%;
    	background: fff;
    	transform: translate(-50%, -50%);    
    	-webkit-transform: translate(-50%, -50%);
    	-moz-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
}


h1, h2, h3 {
        font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        padding: 0;
        margin: 8px;
}

.leistungen {
        font-size: 11px;
}

.slogan {
        font-size: 26px;
}

. slogan a {
        color: #00007F;
}

.slogan a:hover {
        color: #BF0000;
}


/* Header */

#header {
        width: 910px;
        height: 540px;
        line-height: 1.6;
        margin: 0px auto;
        background: #FFFFFF url(http://www.lagarafa.de/vorlagen/tor-1-website_bg03.jpg) no-repeat center bottom;  //lagarafa_bg_website_2009.jpg
}

a:link {
        font-family: Trebuchet MS,sans-serif;
        font-style: normal;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
        color: #00007F;
        line-height: 1.6;
}
a:visited {
        color: #000;   //#003366;
        text-decoration: none;
}
a:hover {
        color: #000;   //#BF0000;
        text-decoration: underline;
}
a:active {
        color: #000;   //#00007F;
        text-decoration: none;
}

div#toplogo a {
        display: block;
        width: 100%;
        height: 100%;
}

#toplogo {
        margin: 0px auto;
        padding: 0px;
        width: 480px;
        height: 140px;

}

#toplogo a {
        background: url(http://www.lagarafa.de/vorlagen/lagarafa_introbild_2001-2011.gif) no-repeat center top;
}

div#tor1logo a {
        display: block;
        width: 100%;
        height: 100%;
}

#tor1logo {
        margin: 0px auto;
        padding: 0px;
        width: 500px;
        height: 209px;

}

#tor1logo a {
        background: url(http://www.lagarafa.de/vorlagen/tor-1-logo_frei_500x209.png) no-repeat center top;
}

div#enterbutton a {
        display: block;
        width: 100%;
        height: 100%;
}

#enterbutton {
        margin: 15px auto;
        padding: 0px;
        width: 110px;
        height: 34px;
}

#enterbutton a {
        background: url(http://www.lagarafa.de/vorlagen/enter.jpg) no-repeat center top;
}

#enterbutton a:hover {
        background: url(http://www.lagarafa.de/vorlagen/enter_hover.jpg) no-repeat center top;
}

#fb {
        margin: 8px auto;
        margin-left: 20px;
        padding: 0px;
}