/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Basisstylesheet d3-ocean                                          */ 
/* $Id: farben.css,v 1.10 2008/03/20 16:58:21 unrzc9 Exp $                                                     */      
/* Projekt Vorlagenkatalog http://www.vorlagen.uni-erlangen.de  -- - - */
/*                                                                     */
/* Grundvorgaben fuer Positionieren und Groessen - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*  ------------------------------------------------------
BODY
--------------------------------------------------------*/
body {
color: #000;
background: #f5f5f5;
}
#draft div#content {
	background: #f9f9f9 url(/img/baustelle.png);
}
/*  ------------------------------------------------------
LINKS
--------------------------------------------------------*/
div#content a, 
div#content a:link {
color: #333;}

div#content a:visited {
color: #666;}

div#content a:hover, 
div#content a:focus, 
div#content a:active {
border-bottom: #669999 1px solid;
background: #C4DCDC;
}

div#content a:focus, 
div#content a:active {
background: #669999;
color: #FDFDF6;
border-bottom: #006666 1px solid;}

/*  ------------------------------------------------------
TEXTABSATZ
--------------------------------------------------------*/
div#content p, 
div#content label, 
div#content ul, 
div#content ol {  
color: #333;
} 

/*  ------------------------------------------------------
h2
--------------------------------------------------------*/
div#content h2 {  
color: #666;
border-bottom: #99CCCC 2px solid;
} 

div#content h2 a, 
div#content h2 a:link {
color: #666;}

div#content h2 a:hover, 
div#content h2 a:focus, 
div#content h2 a:active {
background: #C4DCDC;
color: #333;}

div#content h2 a:focus, 
div#content h2 a:active {
background: #669999;
color: #FDFDF6;}

/*  ------------------------------------------------------
h3
--------------------------------------------------------*/
div#content h3 {
color: #2D2D2D;}

div#content h3 a, 
div#content h3 a:link {
color: #2D2D2D;}

/*  ------------------------------------------------------
h4 + h5 + h6
--------------------------------------------------------*/
div#content h4, 
div#content h5, 
div#content h6 {color: #000;}

div#content h4 a, 
div#content h5 a, 
div#content h6 a, 
div#content h4 a:link, 
div#content h5 a:link, 
div#content h6 a:link {color: #000;}

/*  ------------------------------------------------------
PRE
--------------------------------------------------------*/
pre {
border: 1px solid #C1DAD7
}

/*  ------------------------------------------------------
TABELLEN
--------------------------------------------------------*/
table {
	background: #F4F3EB;
}
table caption {color: #666;}

th {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	color: #333;
}

td {
	color: #666;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
}

tr.eins {
	background-color: transparent;
}
tr.zwei {
	background-color: #fff;
}
/*  ------------------------------------------------------
Definitionen fuer allgemeine Formulare
--------------------------------------------------------*/
input, textarea, select {
background: #fff;
border: #666 1px solid;
color: #333;}

input:active, input:focus, 
textarea:active, textarea:focus, 
select:active, select:focus {
background:#E3E1CE;
border: #999 1px solid;}
form fieldset {
background: #F4F3EB;
border: #999 1px solid;
}
form fieldset legend {
color: #4D8A8A !important;
}

/*  ------------------------------------------------------
Boxen
--------------------------------------------------------*/
.klein_box_rechts, 
.box_rechts, 
.box_links, 
.klein_box_links {
	border: #999 1px solid;
	background: #F4F3EB;
}
.vollbox {
	border: #999 1px solid;
	background: #F4F3EB;
}

/*  ------------------------------------------------------
SEITE
--------------------------------------------------------*/
div#seite { 
background: #FDFDF6;
} 

/*  ------------------------------------------------------
KOPF MIT LOGO
--------------------------------------------------------*/
div#kopf {
}

div#kopf div#logo  {
border-bottom: #E2E2E2 1px solid;
}

div#kopf div#logo p,
div#kopf div#logo p a {
color: #333;
}

div#kopf div#logo p a:focus, 
div#kopf div#logo p a:active {
color: #5A945A;
}

/*  ------------------------------------------------------
KOPF MIT TITEL
--------------------------------------------------------*/
div#kopf div#titel h1 {
}

/*  ------------------------------------------------------
KOPF MIT BREADCRUMB
--------------------------------------------------------*/
div#kopf div#breadcrumb h2 {
color: #333;
}

div#kopf div#breadcrumb a, 
div#kopf div#breadcrumb a:link {
color: #333;}

div#kopf div#breadcrumb a:visited {
color: #666;}

div#kopf div#breadcrumb a:hover, 
div#kopf div#breadcrumb a:focus, 
div#kopf div#breadcrumb a:active {
border-bottom: #669999 1px solid;
background: #C4DCDC;}

div#kopf div#breadcrumb a:focus, 
div#kopf div#breadcrumb a:active {
background: #669999;
color: #FDFDF6;
border-bottom: #006666 1px solid;}

/*  ------------------------------------------------------
KOPF MIT HAUPTMENUE
--------------------------------------------------------*/
div#kopf div#hauptmenu {
border-top: #fff 1px solid;
background: #C7C6C3 url(/grafiken/d3-ocean/bg_breadcrumb.gif) repeat-x 50% 100%;
}

div#kopf div#hauptmenu ul li a:link,
div#kopf div#hauptmenu ul li a:visited, 
div#kopf div#hauptmenu ul li span {
color: #333;
}

div#kopf div#hauptmenu ul li a:visited {
/*color: #666;*/
}

div#kopf div#hauptmenu ul li a:active, 
div#kopf div#hauptmenu ul li a:focus {
}

div#kopf div#hauptmenu ul li span {
}

/*  ------------------------------------------------------
KOPF MIT SPRUNGMARKEN
--------------------------------------------------------*/
div#kopf div#sprungmarken a:hover, 
div#kopf div#sprungmarken a:active,
div#kopf div#sprungmarken a:focus {
border: #fff 1px solid;
background: #e1e1e1;
}

/*  ------------------------------------------------------
KOPF MIT SUCHE
--------------------------------------------------------*/
div#kopf div#suche input {
background: #fff;
border: #666 1px solid;
color: #333;
}

div#kopf div#suche input:active,
div#kopf div#suche input:focus {
background:#E3E1CE;
border: #999 1px solid;
}

/*  ------------------------------------------------------
MAIN
--------------------------------------------------------*/
div#main {
background: #FFFFFF;
border: #FFFFFF 1px solid;
}

/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
div#menu div#bereichsmenu  {
/*border-top: #333 4px solid;
border-bottom: #333 4px solid;*/
background: url(/grafiken/d3-ocean/bg_nav_top.gif) no-repeat 100% 14px;
}	

/* Fuer eine erste Ebene */	
.menu ul#navigation {
background: url(/grafiken/d3-ocean/bg_nav_bottom.gif) no-repeat 100% 100%;
}

ul#navigation li a,
ul#navigation li a:link  {
border-top: #fff 1px solid;
background: #D4D4D4;
color:#333;
}

ul#navigation li.last a, 
ul#navigation li.last span.aktiv {
border-bottom: #fff 1px solid;
}
ul#navigation li a:hover, 
ul#navigation li a:focus, 
ul#navigation li a:active {
background: #CDCBCB;}

ul#navigation li span.aktiv {
border-top: #fff 1px solid;
background: #474747;
color: #FDFDF6;
}

/* Fuer eine zweite Ebene */
ul#navigation ul#hauptnavigation li a {
background: #eee;
border-bottom: #E4E4E4 1px solid;
}
ul#navigation ul#hauptnavigation li a:hover, 
ul#navigation ul#hauptnavigation li a:focus, 
ul#navigation ul#hauptnavigation li a:active {
background: #E5E5E5;
}

ul#navigation ul#hauptnavigation li span.aktiv, 
ul#navigation ul#hauptnavigation li a.aktiv {
background: #E5E5E5;
border-top: #fff 1px solid;
border-bottom: #E4E4E4 1px solid;
}

/* Fuer eine dritte Ebene */
ul#navigation ul#hauptnavigation ul li a {
background:#F4F3EB;
}

ul#navigation ul#hauptnavigation ul li a:hover, 
ul#navigation ul#hauptnavigation ul li a:active, 
ul#navigation ul#hauptnavigation ul li a:focus {
background:#E9E7D7;
}

ul#navigation ul#hauptnavigation ul li span.aktiv {
background:#E9E7D7;
}


ul#navigation li .infolink:hover .infotext {
	color: #000;
	border: 1px solid #d1d1d1;
	background-color: #F0F0F0;
}

/*  ------------------------------------------------------
MAIN - MENU - KURZINFO
--------------------------------------------------------*/
div#main div#menu div#kurzinfo h2 {
color: #2D2D2D;
}

div#main div#menu div#kurzinfo p {
color: #666;
}

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
div#footer { 	
background: #E5E5E5 url(/grafiken/d3-ocean/bg_footer.gif) repeat-x top left;
}

div#footer h2 {
color: #666;
}

div#footer p { 	
color: #666;
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - TECMENUE
--------------------------------------------------------*/
div#footer div#footerinfos div#tecmenu ul li span,
div#footer div#footerinfos div#tecmenu ul li a, 
div#footer div#footerinfos div#tecmenu ul li a:link {
color:#333;
border-right: #000 1px solid;
}

div#footer div#footerinfos div#tecmenu ul li a:focus, 
div#footer div#footerinfos div#tecmenu ul li a:active {
}

div#footer div#footerinfos div#tecmenu ul li span {
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - ZUSATZINFO
--------------------------------------------------------*/
div#footer div#footerinfos div#zusatzinfo p.skip a,
div#footer div#footerinfos div#zusatzinfo p.skip a:link, 
div#footer div#footerinfos div#zusatzinfo p.skip a:visited {
color: #666;}

div#footer div#footerinfos div#zusatzinfo p.skip a:hover, 
div#footer div#footerinfos div#zusatzinfo p.skip a:focus, 
div#footer div#footerinfos div#zusatzinfo p.skip a:active {
border-bottom: #669999 1px solid;
background: #C4DCDC;}

div#footer div#footerinfos div#zusatzinfo p.skip a:focus, 
div#footer div#footerinfos div#zusatzinfo p.skip a:active {
background: #669999;
color: #FDFDF6;
border-bottom: #006666 1px solid;
}


/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - ZUSATZINFO - STYLESWITCHER
--------------------------------------------------------*/
div#footer div#footerinfos div#zusatzinfo div.styleswitcher {
}

div#footer div#footerinfos div#zusatzinfo div.styleswitcher h3 {
}

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul {  
} 

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a,
div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:link, 
div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:visited {
color: #333;
border: #666 1px solid;
background: #fff;
text-decoration: none;
}

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:hover, 
div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:focus, 
div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:active {
border: #666 1px solid;
background: #f0f0f0;
}

/*                                                                     */
/* Farbvariante - BLAU - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*  ------------------------------------------------------
KOPF MIT LOGO
--------------------------------------------------------*/
div#kopf {
background: #F5F6F5 url(/grafiken/d3-ocean/bg_blau.gif) repeat-x 0 0;
}

div#kopf div#logo  {
/*background: url(/grafiken/d3-ocean/bg_header.jpg) no-repeat 50% 12px;*/
}

/*  ------------------------------------------------------
KOPF MIT TITEL
--------------------------------------------------------*/
div#kopf div#titel h1 {
color: #23588A;
}

/*  ------------------------------------------------------
KOPF MIT LOGO
--------------------------------------------------------*/
div#kopf div#logo p a:focus, 
div#kopf div#logo p a:active {
color: #23588A;
}

/*  ------------------------------------------------------
KOPF MIT HAUPTMENUE
--------------------------------------------------------*/
div#kopf div#hauptmenu ul li a:active, 
div#kopf div#hauptmenu ul li a:focus {
color: #3E77A9;
}

div#kopf div#hauptmenu ul li span {
color: #3E77A9;
}

/*  ------------------------------------------------------
KOPF MIT SPRUNGMARKEN
--------------------------------------------------------*/
div#kopf div#sprungmarken a:hover, 
div#kopf div#sprungmarken a:active,
div#kopf div#sprungmarken a:focus {
color: #1A447E;
}

/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
ul#navigation ul#hauptnavigation li span.aktiv {
color:#23588A;
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - TECMENUE
--------------------------------------------------------*/
div#footer div#footerinfos div#tecmenu ul li a:focus, 
div#footer div#footerinfos div#tecmenu ul li a:active {
color: #23588A;
}

div#footer div#footerinfos div#tecmenu ul li span {
color: #23588A;
}