/*
Theme Name: Individual Website-Styling
Theme URI: http://jannot.de/
Author: Andreas Jannot / AJ
www.fredisign.de
*/

body {
 	background-repeat: repeat-x;
 	background-color: #000033;
 	font-family: Arial, Helvetica, sans-serif;      /* Font, wenn nicht im Seitencode anders formatiert */
    text-align: center;                            /* Layout-Ausrichtung im IE !!! */
    font-size: 10pt; 
    background-image: url(../standards/Verlauf_blau-vertical.png);
    color: #FFFFFF;  
	}
	
td {
 	font-family: Arial, Helvetica, sans-serif;
 	vertical-align: top;                            /* damit der Inhalt in jeder Spalte oben beginnt */
 	font-size: 10pt;                               /* Textgröße Content egal was da im Style angegeben ist! */
    color: #FFFFFF;	                               /* Textfarbe in Tabellen wenn nicht anders angegeben */ 
 }
	 
#seite {
    background-color: #000033;
    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;
	font-size: 24pt;	
    text-align: center; 
	color: #FFFFFF;                     /* Textfarbe, wenn nicht anders formatiert */
	padding: 0px;                       /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
}

#top_navi { 
     width: 978px;	
     text-align: right;
     font-size: 10pt;
     color: #000000;                     /* Textfarbe, wenn nicht anders formatiert */
     margin-top: 0px;
     margin-bottom: 0px;   
     padding: 0px 0px 4px 0px;            /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
     border-top: 2px solid #FFFF00;
     border-bottom: 2px solid #000033;
     background-color: #FFFF00;
}

#searchform { margin-bottom: 2px; padding: 0px }
#search { width: 150px; height: 21px; margin-top: 1px; margin-bottom: 0px; border: 0px;}

#float-left { 
     width: 800px;
     float: left; 
     margin-left: 8px;
     padding: 0px 0px 0px 0px;
}

#middle {
    width: 978px;  
    padding: 0px;                        /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
    overflow: hidden;	                 /*  ----> horizontale Farbfüllung bei unterschiedlichen Inhalt-Längen */
    border-top: 0px solid #CCCCCC;
}

#left_col {
	width: 170px;
	float: left; 
    padding: 8px 0px 8px 0px;             /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
    text-align: center;
    background-color: #000033;
}

#content {  
    padding: 8px 8px 8px 20px;           /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
    margin-left: 170px;   	  
    font-size: 11pt; 
    background-color: #000033;    
}


#vertical {
	clear: both;
    background-color: transparent;
    position: relative;
}

#right_col {
	margin-left: 20px;
	float: right;
}

#index {  
    width: 760px;   
}

.page_content {
    font-size: 10pt;
    color: #FFFFFF;
    padding: 0px 0px 0px 0px;                   /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */   
}


#footer {
	clear: both;                         /* Ausrichtung ganz unten im jeweiligen <DIV> gant unten oder auch "left" und "right" des letzten Elements */
    width: 978px;
	font-size: 10pt;
	color: #CCCCCC;                       /* Textfarbe, wenn nicht anders formatiert */	
	text-align: right;
	background-color: #000033;
	border-top: 2px solid #FFFF00;
    padding: 4px 0 4px 0;                   /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
}

.zaehler {
    width: 170px; 
    float: left; 
    text-align: left;
    font-weight: bold;
    padding: 0px 0px 0px 0px;                   /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
}


strong {color: #FFFFFF; font-weight: bold; }
small { font-size: 8pt; font-weight: normal; }
img { border: 0; }
	 	
.blindtop { vertical-align: middle; width: 10px; height: 1px; }
.blind { vertical-align: middle; width: 374px; }

.image { vertical-align: middle; }

.icon { vertical-align: middle; height: 24px; margin-top: 6px; margin-bottom: 6px;}

	
.tab_search {
	background-color: #FFFF00;
}
	 
strong {color: #000000; font-weight: bold; }
small { font-size: 10pt; font-weight: normal; }
img { border: 0px; }

a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
a:link { color: #FFFF00; text-decoration: none; font-weight: bold; }
a:visited { color: #FFFF00; text-decoration: none; font-weight: bold; }
a:hover { color: #CCCCCC; text-decoration: none; }

a.navi { font-family: Verdana, Arial, Helvetica, sans-serif; }
a.navi:link { color: #999999; }
a.navi:visited { color: #999999; font-weight: bold; text-decoration: none; }
a.navi:hover { color: #FFFF00; font-weight: bold; text-decoration: none; }

a.lex_web { font-family: Verdana, Arial, Helvetica, sans-serif; }
a.lex_web:link { color: #FFFF00; }
a.lex_web:visited { color: #FFFF00; font-weight: bold; text-decoration: none; }
a.lex_web:hover { color: #CCCCCC; font-weight: bold; text-decoration: none; }


.portrait { text-align: center; }

a.portrait {
display: block;
text-align: center;
width: 90px;
height: 110px;
background-image:url(../standards/VAKOportrait-grau.png);
}

a.portrait:hover {
background-image:url(../standards/VAKOportrait-bunt.png);
}

/* Linien */
hr	{ height: 1px; color: #CC0066; margin-left: 12px; margin-right: 80px; }

/* Hauptüberschriften */
h1	{ font-size: 20pt; color: #FFFF00; 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: 12pt; color: #FFFF00; font-weight:bold; font-family: Arial, Helvetica, Verdana, sans-serif;
     text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 2px;}

/* IHR */
h3	{ font-size: 18pt; color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
      text-align: left; margin-left: 0px; margin-bottom: 2px; margin-top: 0px; }

/* Top-Navi Text */
h4	{ font-size: 10pt; color: #CCCCCC; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
      text-align: center; margin-left: 0px; margin-bottom: 2px; margin-top: 0px; }

/* Footer Text */
h5	{ font-size: 10pt; color: #999999; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
      text-align: left; margin-left: 0px; margin-bottom: 0px; margin-top: 4px; margin-right: 2px;}

/* Auflistung */
li {font-size: 10pt; color: #FFFFFF; font-weight: normal; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; }