/* ERFOLGSREKLAME.DE    STYLE SHEET
----------------------------------------------------------------------
Author:  Slawomir Kuta
Site:    Auerhof Durlach
Release: v1.0 2009-07-19

W3C CSS 2.1 Valid

© 2009 erfolgsreklame.de
UNAUTHORIZED COPYING PROHIBITED
----------------------------------------------------------------------*/




/*-  	global
----------------------------------------------------------------------*/



body {
	background: #e8e8e8 url(../img/bg_global.jpg) no-repeat top center;
         padding: 0;
}

div#content-wrapper {
	position: relative;
         margin: 462px auto 0 auto;
         padding: 0;
         width: 956px;
         background: transparent url(../img/bg_tile.gif) repeat-y top center;
}


div#left-header {
         margin-top: -400px;
         margin-left: 8px;
         _margin-left: 4px;
         padding: 0;
         float: left;
	width: 300px;
         height: 470px;
         background: transparent url(../img/header_auerhof_300.jpg) no-repeat top left;
         position: relative;
}

div#right-header {
         padding: 0;
	width: 640px;
         height: 500px;
         background: transparent;
         position: absolute;
         top: -400px;
         left: 308px;
}

div#left-column {
         margin-left: 8px;
         _margin-left: 4px;
         padding: 0;
         float: left;
	width: 300px;
         background: transparent;
         width: 300px;
         position: relative;
}

div#right-column {
         margin-left: 300px;
         background: transparent;
         width: 640px;
         position: relative;

}

div#leftbottom {
	position: relative;
         z-index: 10;
         bottom: 0; left: 0;
         margin-top: 10px;
         width: 300px;
         height: 458px;
         background: transparent url(../img/bottom_left.jpg) no-repeat bottom left;
}


div#footer {
	position: relative;
         margin: 0 auto;
         height: 100px;
         background: transparent url(../img/bg_footer.gif) no-repeat;
         overflow: hidden;
}


div.left-separator {
	position: relative;
         margin-top: 40px;
         margin-bottom: 20px;
         width: 300px;
         height: 36px;
}

div.right-separator {
	position: relative;
         margin: 0 auto 20px auto;
         width: 539px;
         height: 80px;
}





/* -	grids
-------------------------------------------------------------------------------- */


.box-left {
	position: relative;
         margin: 0 35px 20px 35px;
         _margin: 0 25px 20px 25px;
         width: 230px;
         border: 0;
         background: transparent;
}

.box-right {
	position: relative;
         margin: 0 45px 20px 45px;
         _margin: 0 35px 20px 35px;
         width: 550px;
         border: 0;
         background: transparent;
}

.clearing { clear: both;}

.left-thumb {
	float: left;
	width: 117px;
         margin: 0 20px 8px 0;
}










/*-  	styles
----------------------------------------------------------------------*/



p, li, h1, h2, h3, a {
	font-family: Arial, Calibri, sans serif;
}




h1 {
	font-size: 16px;
         color: #f8c6a1;
	font-weight: bold;
         margin-top: 30px;
         margin-bottom: 10px;

}




p, li { font-size: 12px; line-height: 20px; color: #858585; }
p { margin-bottom: 10px; text-align: justify; }


a:link, a:visited, a:focus { color: #aaa; font-weight: bold; outline: none; text-decoration: none;}
a:hover { text-decoration: underline;}




li.list-left {
	padding-bottom: 5px;
         margin-left: 20px;
}

ul.bullets-left {
         list-style-type: square;
         list-style-position: outside;
         margin-top: 10px;
         margin-bottom: 10px;

}

a.area:link, a.area:visited, a.area:hover, a.area:focus {
	text-decoration: none;
	outline: none;
         display: block;
         width: 100%;
         height: 100%;
       	text-indent: -8000px;
         overflow: hidden;
}



.linkarea {
	background: transparent;
         border: 0;
         position: absolute;
}



div#footer p.footer-copyright { position: absolute; top: 8px; left: 350px; color: #828282; }

div#footer p.footer-imprint-link { position: absolute; top: 8px; left: 110px; color: #fff; }

div#footer p.footer-imprint-link a,
div#footer p.footer-imprint-link a:link,
div#footer p.footer-imprint-link a:visited,
div#footer p.footer-imprint-link a:focus
{ font-size: 14px; font-weight: bold; text-decoration: none; color: #fff;}

div#footer p.footer-imprint-link a:hover { text-decoration: underline; color: #fff;}