@charset "utf-8";
/* CSS Document - Fotoagentur Ralle */

body 
{margin: 0; padding:0; background:url(../bilder/hintergrund.jpg);background-position:center; font-family:Arial, Helvetica, sans-serif}

#wrapper 
{width: 1024px; margin: 20px auto 0 auto;}  /* Gibt die Größe der Seite vor und zentriert diese horizontal*/

.clear {clear: both;}     /* Hebt das floating auf*/
.clear20 {clear: both; height: 10px;} 

/* Allgemeine Angaben */
a { border:none}

.marginbottom5 {margin-bottom: 5px;}

/* Header */
#header
{width: 1024px; height:160px; background-color:#3a3939; margin:0 0 3px 0 }

#header .logo
{width:175px; height:122px; float: left; margin:30px 0 0 20px; background-image:url(../bilder/logo_far.gif); background-repeat:no-repeat;}


#header .hauptnavigation
{width:680px; height:10px; float:right; margin:115px 20px 0 0; text-align:right;}
#header .hauptnavigation .aktiv 
{ font-family:Arial, Helvetica, sans-serif; color:#eaeaea; font-size:18px}
#header .hauptnavigation .inaktiv 
{ font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size: 18px; text-decoration:none; color: #999999;}
#header .hauptnavigation .inaktiv:hover
{ font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size: 18px; text-decoration: none; color:#285cca;}




/*Main */
#main
{width: 1024px; height:auto; float: left; background-color:#131313; margin:0 0 3px 0}

#main .text  /* für Willkommens- oder Kategorietext */
{width: 320px; float: left; margin: 20px 0 0 20px   }
#main .text p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#eaeaea; line-height:16px}
#main .text h2 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#eaeaea;}
#main .text h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#eaeaea;text-decoration:none; line-height:5px}
#main .text h3{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#eaeaea;text-decoration:none}
#main .text a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#eaeaea;text-decoration:none}
#main .text a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#11d108; text-decoration:none;}


#main .bild /*Bildgroß*/
{width:681px; height: 480px; float:right;}
#main .bild .text /*Bildgroß*/
{width:645px; height:420px; float:left; margin:30px 0 0 18px}
#main .bild .text p/*Bildgroß*/
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:16px}
#main .bild .text h1/*Bildgroß*/
{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff}


#subnavi {width:1024px; height:40px; float:left; background-color:#3a3939}

#subnavi .sub {width:500px; height:10px; float:left; margin:5px 0 0 20px}
#subnavi .sub p{font-size: 11px; color:#eaeaea;}
#subnavi .sub .aktiv{font-size: 11px; font-weight: normal; text-decoration: none; color:#ef1816;}
#subnavi .sub .inaktiv{font-size: 11px;text-decoration: none; color:#eaeaea;}
#subnavi .sub .inaktiv:hover{font-size: 11px; font-weight: normal; text-decoration: none; color:#ef1816;}

#subnavi .copyright {width:200px; height:10px; float:right; text-align:right; margin:5px 20px 0 0}
#subnavi .copyright p{font-size: 11px; font-weight: normal; text-decoration: none; color:#eaeaea;}