﻿/*
Theme Name: Individual Website-Styling
Theme URI: http://www.fredisign.de/
Author: Andreas Jannot / AJ
*/

body {
 	background-color: #FFFFFF;
 	font-family: Verdana, Arial, Helvetica, sans-serif;      /* Font, wenn nicht im Seitencode anders formatiert */
    text-align: center;                            /* Layout-Ausrichtung im IE !!! */
    font-size: 12px;    
	}
	
td {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	vertical-align: top;                            /* damit der Inhalt in jeder Spalte oben beginnt */
 	font-size: 12px;                               /* Textgröße Content egal was da im Style angegeben ist! */
    color: #000000;	                               /* Textfarbe in Tabellen wenn nicht anders angegeben */ 
 }

/* Auflistung */
ul { list-style-type:square; color: #0066CC; padding-left: 12px; margin-left: 8px; font-size: 12px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }

 
#seite {
    background-color: transparent;
    width: 980px;                      /* Das ist die Breite des Gesamtlayouts! */
    text-align: left;                  /* Seiteninhalt wieder links ausrichten weil für IE oben Text "center" gestellt ist!!! */
    margin: 0 auto;                    /* standardkonforme horizontale Zentrierung des Layouts */
    padding: 0px;                      /* Seitenrand um die nachfolgenden Element Header, Content, Footer usw. */
    border: 0px ridge silver;
  }

#header {
    width: 978px; height: 150px;
    background-image: url(../standards/Header-BG_metall.jpg);
    background-repeat: no-repeat;
    background-color: transparent;	
	color: #FFFFFF;                     /* Textfarbe, wenn nicht anders formatiert */
	padding: 0px;                       /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
    border-bottom: 0px solid #0000FF;
}

#top_navi { 
     width: 978px;	
     height: 40px;
     
     /*background-image: url(../standards/Top-Navi-BG.png);       */
    
	 background-color: #CCCCCC;
     font-size: 12px;
     color: #000000;                     /* Textfarbe, wenn nicht anders formatiert */
     text-align: left;
     margin-bottom: 0px;
     padding: 0px 0px 0px 0px;            /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
     border-top: 1px solid #0066CC;
     border-bottom: 1px solid #0066CC;
}

#content {
    background-color: #FFFFFF;  
    padding: 12px 8px 8px 12px;           /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
    margin-left: 0px;   	 
    font-size: 12px;     
}

.page_content {
    padding: 0px; 
    font-size: 12px;   
}

#footer {
	clear: both;                            /* Ausrichtung ganz unten im jeweiligen <DIV> gant unten oder auch "left" und "right" des letzten Elements */
    width: 978px;
    background-color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #0066CC;                         /* Textfarbe, wenn nicht anders formatiert */	
	border-bottom: 1px solid #0066CC;
    padding: 12px 0 4px 0;                   /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
}

strong {color: #000000; font-weight: bold; }
small { font-size: 8px; font-weight: normal; }
img { border: 0; vertical-align: middle; }

a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
a:link { color: #0066CC; text-decoration: none; font-size: 14px; font-weight: bold; }
a:visited { color: #0066CC; text-decoration: none; font-size: 14px; font-weight: bold; }
a:hover { color: #999999; text-decoration: none; }

a.navi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
a.navi:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0066CC; }
a.navi:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0066CC; text-decoration: none; }
a.navi:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }

/* Linien */
hr	{ width:320px; color: #0066CC; background-color:#FFFFFF; height:1px; margin-left:0; text-align:left; }  /* background-color für Firefox bei mehr als 1px Höhe! */

/* Hauptüberschriften */
h1	{ font-size: 20px; color: #0066CC; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
      padding-top: 0px; text-align: left; border-bottom: solid 0px; margin-left: 0px; margin-right: 0px; }

/* Überschriften im Text */
h2	{ font-size: 14px; color: #0066CC; font-weight:bold; font-family: Arial, Helvetica, Verdana, sans-serif;
     text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 8px; margin-bottom: 2px;}

/* Bildüberschrift */
h3	{ font-size: 12px; color: #0066CC; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
      text-align: left; margin-left: 0px; margin-bottom: 2px; margin-top: 0px; }

