/**
 * CSS Document for bayerische-staedtebau.de
 * Stylesheet: typoandcolors.css
 *
 * Typo and color definitions for www.bayerische-staedtebau.de
 *
 * Author: Renaldo Scola
 * Copyright: Renaldo Scola
 * Version: v1.0
 * Last update: 2008-02-08
 *
 * --------------------------------------------------------
 *
 * Colors:
 * 
 * #007A3C: Top navigation (first level) hover and active, general BSB corporate color (green).
 * #59A880: 2nd level navigation background hover and active color. 3rd level navigation hover and 
 *					active link color (green). 
 * #fff: Link color of 2nd level navigation hover and active.
 * #f7f7f7: Background color #top.
 * #eee: General border color.
 * #999: Top navigation (first level), content inside top bar.
 * #76797C: General text and content color. Also used for navigation below top level.
 * #333: Content and footer link color.
 *
 **/


/**
 * Some resets
 **/

address { font-style:normal }


/**
 * General setting
 **/
 
* 
{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11pt;
}


/**
 * Headlines
 **/
 
h1 {
	margin-top:0.5em;
	padding-bottom:0.2em;
	font-weight:normal;
	font-size:160%; 
	text-align:center;
	border-bottom:1px solid #eee;
}
h2, h3, h4 { margin: 1em 0 0.5em }
h2, caption { font-size:120% }
h3 { font-size:110% }
h4 { font-size:100% }

#sidebar-right h2
{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

/**
 * Navigation
 **/

.nav-1, .nav-1:hover, .nav-1.active 
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:180%;
	text-decoration:none;
	background:white;
}
.nav-1 { color:#999 }
.nav-1:hover, .nav-1.active { color:#007A3C }
.nav-2, .nav-2:hover, .nav-2.active, .nav-3, nav-3:hover, .nav-3.active { text-decoration:none }
.nav-2, .nav-3
{
	background:transparent url(../gfx/bg_nav-2.png) top left repeat;
	color:#76797C;
}
.nav-2:hover, .nav-2.active
{
	background:#59A880;
	color:white;
}
.nav-3:hover, .nav-3.active
{
	background:transparent url(../gfx/bg_nav-2.png) top left repeat;
	border-right:5px solid #59A880;
	color:#007A3C;
} 
#sidebar-left ul li ul /* Third level */
{
	color:#76797C; /* of list style type */
}


/**
 * Top and footer section
 **/

#top { background:#f7f7f7 }
#footer 
{
	background:white;
	color:#76797C;
}
#top, #top *, #footer, #footer * { font-size:9pt }
#breadcrumbs, #breadcrumbs *, #imprint, #imprint *
{
	background:#f7f7f7;
	color:#999;
}
#breadcrumbs a, #imprint a { text-decoration:none; }
#breadcrumbs a:hover, #imprint a:hover { font-weight:bold; }
#footer a 
{ 
	background:white;
	color:#333;
	text-decoration:none; 
}
#footer a:hover { font-weight:bold }


/**
 * The content
 **/

#content-wrap
{
	background:white;
	color:#76797C;
}
#content a 
{
	background:white;
	color:#333;
	text-decoration:none;
}
#content a:hover { font-weight:bold }


/**
 * The right sidebar
 **/
 
#sidebar-right
{
	background:white;
	color:#76797C;
}
#sidebar-right * a
{
	background:white;
	color:#333;
	text-decoration:none;
} 
#sidebar-right * a:hover
{
	background:white;
	color:#333;
	font-weight:bold;
}

/* These definitions have to be placed AFTER the general #sidebar-right link settings! */
#nav-4 a
{
	color:#999;
	text-decoration:none;
}
#nav-4 a:hover, #nav-4 a.active
{
	color:#007A3C;
	text-decoration:none;
	font-weight:normal;
}