/*  
    ----------------------------------------------------------------
    Template für DJ Revenge
    ----------------------------------------------------------------
    Autor:      Georg Stephan
    Version:    1.0
    Datum:      26.03.2009
    Dateiname:  standard.css
    ----------------------------------------------------------------
    *********************** www.sinfotec.de ************************
    
    --------------------- Standard CSS-Datei  ----------------------
*/

/* 
          Inhalt: 
     
          	1. Global Reset
          	2. Struktur
          	3. Links und Navigation (1. Ebene)
          	4. Fonts
          	5. Bilder
*/

/*	-------------------------------------------------------------
	1. GLOBAL RESET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               * {
                    /* Margin und Padding werden auf 0 gesetzt*/
                    margin: 0;
                    padding: 0;
                    /* Listenpunkte deaktivieren */
                    list-style: none;
               }

/*	-------------------------------------------------------------
	2. STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               body {
               	/* Hintergrundfarbe wird auf #404040 gesetzt */
               	background: #404040 url(../images/page-background.jpg) repeat-x;
               	padding-bottom: 30px;
               }
               #wrapper {
               	/* Container für die Seiteninhalte */
               	width: 860px;
               	margin: 0 auto;
               	background: transparent;
               	/* border: 1px solid #555555; */
               	border-top: 0px;
               }
               #masthead {
               	/* Ein Rahmen für den Titel angeben 
               	margin-top: 4px;
               	border-top: 4px solid #a10000; 
               	border-bottom: 2px solid #eee; 
               	background: transparent; */
               }
               #logo {
               	/* Container fürs Logo */
                background: #404040 url(../images/head.jpg) no-repeat;
               	float: left;
               	height: 100px; 
               	width: 100%;
             /*  	border-bottom: 4px solid #a10000; */
               }
               h3 {
               	color: #fff;
               	font-family: Arial;
               	font-size: 8em;
               	font-weight: normal;
               }
               #navContainer {
               	/* Container für die Navigation */
               	clear: left;
               }
               #content {
               	/* Container für den Inhalt */
               	background: #ffffee;
               	padding: 10px;
                padding-right: 30px;
               }
               #footer {
               	/* Container für den Footer */
                clear: both;
                float: left;
                position: relative;
                width: 100%;
               	background: #000;
                color: #fff;
                }

/*	-------------------------------------------------------------
	3. LINKS UND NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
                a {
                color: #3377aa;
                font-weight: bold;
                text-decoration: none;
               }
                a:hover {
                color: #00a1f3;
                text-decoration: underline;
               }                
               #skipNav {
               	/* Zugänglichkeit: Navigation überspringen */
               	position: absolute;
               	top: 2px;
               	left: 5px;
               	width: 60px;
               	text-align: center;
               }
               #skipNav a {
               	font: 1.0em Arial,sans-serif;
               	display: block;
               	color: #000000;
               	width: 60px;
               	padding-bottom: 10px;
               }
               #skipNav a:hover {
               	color: #898989;
               	background: url(../images/skip-nav.gif) 50% 100% no-repeat;
               }
               /* -- Hauptnavigation -- */
               #mainNavigation {
               	background: #3377AA;
               	border-top: 1px solid #555555;
               	padding: 10px 0 5px 0;
               }
               #mainNavigation ul {
               	text-align: center;
               }
               #mainNavigation li {
               	display: inline;
               }
               #mainNavigation a {
               	font: bold 1.2em Arial,Helvetica,sans-serif;
               	color: #99CCEE;
               	text-decoration: none;
               	padding: 6px 10px 5px 10px;
               	border-right: 2px solid #3377AA;
               	border-left: 2px solid #3377AA;
               	-moz-border-radius-topleft: 3px;
               	-moz-border-radius-topright: 3px;                
               }
               #mainNavigation ul li a:hover {
               	color: #3377aa;
               	background-color: #ffffee;
               	border-left: 2px solid #88BBEE;
               	border-right: 2px solid #88BBEE;
               	border-top: 2px solid #88BBEE;
               }
               #mainNavigation li.current a {
               	/* Der aktuelle Seitenbereich wird hervorgehoben */
               	color: #3377aa;
             /*	background: #55aadd url(../images/active-tab-background.jpg) 0 100% repeat-x; */
                background: #ffffee;
               	border-top: 2px solid #81BBE6;
               	border-left: 2px solid #81BBE6;
               	border-right: 2px solid #81BBE6;
             /*	border-bottom: 1px solid #55AADD; */ 
               }
               #mainNavigation li.current a:hover {
               	/* Hover-Zustand für den aktuellen Bereich */
               	text-decoration: underline;
               }

/*	-------------------------------------------------------------
	4. FONTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               html {
               	font-size: 100%;
               }
               body {
               	font-size: 62.5%; /* war vorher 62.5% */
               }
               h1 {
               	/* Hauptüberschrift */
               	font: normal 3em/1.4em Calibri,Helvetica,Arial,sans-serif;
               	margin-bottom: 5px;
                margin-left: 1em;
                color: #3377aa;
               }
               h2 {
               	/* Überschriften für den Inhalt */
               	font: bold 1.6em/1.0em Helvetica,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
               	margin-top: 1.3em;
               	margin-bottom: 2px;
               	margin-left: 2em;
               	color: #000040;
               }
               p {
               	font: 1.2em/1.5em Helvetica,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
                color: #404040;
               	margin: 1em 0 0 3em;
               }
               #footer p {
                font: 0.96em Helvetica,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
                color: #fff;
                padding-left: 20px;
               }
               #footer p a {
                color: #3377aa;
                text-decoration: none;
               }
               #footer p a:hover {
                color: #00a1f3;
               }                
               #footer ul {
                position: absolute;
                right: 20px;
                top: 1em; /* Icons auf gleiche Hoehe wie Text links bringen */
               }
               #footer ul,
               #footer ul * {
                float: left;
               }
               #footer li {
                font: 0.96em Helvetica,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
                margin-right: 1em;
               }
               #footer li a {
                color: #3377aa;
                background: transparent url("../images/accept.png") no-repeat 0;
                padding-left: 20px;
                text-decoration: none;
               }
               #footer li a:hover {
                color: #00a1f3;
               }              

/*	-------------------------------------------------------------
	5. BILDER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               img {
                /* Abstand bei Bildern */
                margin: 10px;
                margin-top: 0;
               }
               a img {
               	/* Entferne Rahmen von verlinkten Bildern */
               	border: 0;
               }
               #logo img {
               	margin-top: 30px;
               	margin-left: 10px;
               }
               /* CSS-Klasse fuer Thumbnails in der Galerie */
               #galerie img {
               border: 1px solid #666; margin: 5px; padding: 4px; background: #fff;
               margin-left: 3em;
               margin-right: -2em;
               }
               #galerie img:hover {
               background: #ccc;
               }