/* Standard-CSS für Diplomcy-Seiten auf www.fjelfras.de */

/* Wichtige Farben
Rot         =	#cc0000
Marinblau		=	#003399
Azurblau   	=	#6699FF
Hellgelb 		=	#ffffcc
Dunkelrot   =	#990000
Schwarz	    =	#000000
Dunkelgrau	=	#999999
Helllgrau		=	#cccccc
Weiß			  =	#ffffff
*/


/* allgemeine Einstellungen */

html, body, div, p, h1, h2, h3, h4, h5, ul, ol,
span, a, table, td, form, img, li
{font: normal 12px  verdana, arial, century gothic, georgia, sans-serif;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}


h1 {font: normal 14px  verdana, arial, century gothic, georgia, sans-serif; color: #003399; font-weight: bold;}

h2 {font: normal 13px  verdana, arial, century gothic, georgia, sans-serif; color: #000000; font-weight: bold;}

h3 {font: normal 12px  verdana, arial, century gothic, georgia, sans-serif; color: #000000; font-weight: bold;}

h4 {font: normal 12px  verdana, arial, century gothic, georgia, sans-serif; color: #003399; font-weight: bold;}

h5 {font: normal 10px  verdana, arial, century gothic, georgia, sans-serif; color: #999999;}

a:link,
a:visited,
a:hover,
a:active {text-decoration: none; font: normal 12px  verdana, arial, century gothic, georgia, sans-serif;}

a:link {color: #cc0000;}

a:visited {color: #cc0000;}

a:hover {color: #999999;}

a:active {color:#000099;}

img {border: 0;}

.strong {font-weight: bold;}

.klein {font-size: 1em;}

td.td1 {background-color: #6699FF; padding: 0px 5px 0px 5px;}

td.td2 {background-color: #cccccc; padding: 0px 5px 0px 5px;}

td.td3 {background-color: #f3f3f3; padding: 0px 5px 0px 5px;}


/* Kopfbereich */

#top {
margin: 10px 0px 0px 20px;
width: 950px; 
height: 80px;
z-index:0; 
background-color : #003399;
padding: 0px;
border: 1px solid #000000;
}

/*Grundeinstellungen Websiteleiste*/

#web {
margin: 100px 0px 0px 25px;
width: 150px; 
height: auto;
z-index:1;
font-weight: bold;
color: #6699FF;
padding: 5px;
border: 1px solid #000000;
float: left;
background-color:#ffffcc;}

#web li {display: inline;}


/*Grundeinstellungen Websiteleiste - Grundeinstellung der Links*/

#web li a
{text-decoration: none;
color:  #000000;
font-weight: bold;
display: block;}

#web li a:hover, #web li a:active
{text-decoration: none;
color:  #999999;
border-right: 2px solid #6699FF;
border-left: 2px solid #6699FF;
font-weight: bold;
display: block;}


/*Grundeinstellungen Diplomacyleiste*/

#dippy {
margin: 180px 0px 0px 25px;
width: 150px;
height: auto;
z-index:2;
font-weight: bold;
color: #6699FF;
padding: 5px;
border: 1px solid #000000;
float: left;
background-color:#ffffff;}

#dippy li {display: inline;}


/*Grundeinstellungen Diplomacyleiste - Grundeinstellung der Links*/

#dippy li a
{text-decoration: none;
color:  #000000;
font-weight: bold;
display: block;}

#dippy li a:hover, #web li a:active
{text-decoration: none;
color:  #999999;
border-right: 2px solid #6699FF;
border-left: 2px solid #6699FF;
font-weight: bold;
display: block;}


/*Grundeinstellungen Regieleiste*/

#regie {
margin: 276px 0px 0px 25px;
width: 150px;
height: auto;
z-index:3;
font-weight: bold;
color: #6699FF;
padding: 5px;
border: 1px solid #000000;
float: left;
background-color:#ffffcc;}

#regie li {display: inline;}


/*Grundeinstellungen Regieleiste - Grundeinstellung der Links*/

#regie li a
{text-decoration: none;
color:  #000000;
font-weight: bold;
display: block;}

#regie li a:hover, #web li a:active
{text-decoration: none;
color:  #999999;
border-right: 2px solid #6699FF;
border-left: 2px solid #6699FF;
font-weight: bold;
display: block;}


/*Grundeinstellungen Menüleisten - Aktive Seite*/

#aktiv
{color:  #cc0000;
font-weight: bold;
display: block;}


/* Inhaltsebene */

#lay0 {
margin: 100px 0px 50px 190px;
width:760px;
height:auto;
z-index:4;
padding: 5px;
border: 1px solid #000000;
background-color:#ffffff;
}

#lay0 p {margin: 5px 0px 5px 0px; padding: 0px 5px 0px 5px;}

#lay0 h1, h2, h3, h4 {margin: 5px 0px 5px 0px; padding: 10px 5px 0px 5px;}

#lay0 h5 {margin: 5px 0px 5px 0px; padding: 0px 10px 0px 10px;}

#lay0 i {color: #990000;}


/* Formartierung für Rückblick */

#hist {color:  #999999;}

#hist a:link, a:visited, a:hover, a:active {text-decoration: none; font: normal 12px  verdana, arial, century gothic, verdana, georgia, sans-serif;}

#hist a:link {color: #000000;}

#hist a:visited {color: #000099;}

#hist a:hover {color: #cc0000;}

#hist a:active {color:#000099;}


/*Grundeinstellungen Showcase-Leiste*/

#herzblatt {
margin: 450px 0px 0px 25px;
width: 150px;
height: auto;
z-index:2;
font-weight: bold;
color: #6699FF;
padding: 5px;
border: 1px solid #000000;
float: left;
background-color:#ffffff;}

#herzblatt li {display: inline;}


/*Grundeinstellungen Showcase-Leiste - Grundeinstellung der Links*/

#herzblatt li a
{text-decoration: none;
color:  #000000;
font-weight: bold;
display: block;}

#herzblatt li a:hover, #web li a:active
{text-decoration: none;
color:  #999999;
border-right: 2px solid #6699FF;
border-left: 2px solid #6699FF;
font-weight: bold;
display: block;}