@CHARSET "UTF-8";

/** ==========================================================================
 * Golb-Blaue-Funken e.V
 * ===========================================================================
 * Website Styles
 *
 * ----------------------------
 * Colors:
 * ----------------------------
 * - blue 				#123879
 * - yellow				#ffea03
 * - red				#e7001b
 * - lighter yellow		#fffbc3
 * - lighter blue 		#cfd7da
 * ----------------------------
 *
 */
 
* {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 1em;
	color: #123879;
	font-family: Arial, Helvetica, sans-serif;
}

ul {
	list-style-position: inside;	
}

body
{
	background: #33559B url(../images/bg_verlauf.jpg) repeat-x scroll 0 0;
}


.Stil1 {
	font-size: 10px;
	color: #123879;
	font-family: Arial, Helvetica, sans-serif;
}

.clearfix {
	clear: both;	
}

/** ==========================================================================
 * PAGE COMPONENTS
 * Outer Page Range is 1000px, content is centered
 * Inner Page Components has max 718px width, inner content is centered
 * Shaddow wraps inner page, shaddow is 9px each
 *  
 * - page-wrapper: 	Outer Page Wrapper
 * - page-inner: 	Inner Page Wrapper
 * - navigation: 	Navigation Container
 * - header:	 	Container for Head Image
 * - footer:		Container for Meta Links in Footer
 */
#page-wrapper
{
	position: relative;
	margin: 0 auto;
	width: 1000px;
	margin-top: 55px; 
}

#logo {
	position: absolute;
	z-index:99;
	top: -30px;
	left: 80px;
}
#logo a {
	outline: 0;
	text-indent: -9999px; /* typical image replacement */
	display: block;	
	width: 208px;
	height: 205px;
	text-decoration: none;
	background: transparent url(../images/wappen.png) no-repeat top left; 
	-background: transparent url(../images/wappen.gif) no-repeat top left; /* IE 6 */
}

#lion {
	position: absolute;
	left: 830px;
	top: 350px;
	width: 210px;
	height: 230px;
	background: transparent url(../images/gbfunken_loewe.png) no-repeat top left;
	/*
	background:transparent url(../images/gbfunken_loewe_small.png) no-repeat scroll left top;
	bottom:8px;
	height:111px;
	left:768px;
	position:absolute;
	width:100px;
	
	*/
	-background: none; /* IE 6 */
}

#teaser_home {
	position: absolute;
	left: -50px;
	top: 270px;
	width: 200px;
	height: 150px;
	background: transparent url(../images/home/teaser_home.jpg) no-repeat top left;
	-background: none; /* IE 6 */
}

#page-inner {
	background: transparent url(../images/bg_content.png) repeat-y top left;
	-background: transparent url(../images/bg_content_ie.gif) no-repeat top left;
	width: 718px; 
	position: relative;
	margin: 0 auto;
}

#header {
	margin: 0 auto;
	width: 718px; 
	height: 168px;
	background: transparent url(../images/header_home.png) no-repeat top left;	
	-background: transparent url(../images/ie6/header_home.gif) no-repeat top left;	/* IE 6 */
}

#navigation {
	position: relative;
	height: 30px;
	margin: 0 9px;
	width: 700px;
	background: #ffeb00 url(../images/bg_navigation_gradient.gif) repeat-x top left; 
	border-bottom: 1px solid #123879;
	z-index: 3000;
}

#navigation ul {
	z-index: 3000;
	display: block;
	position: relative;
	width: 700px;	
}
#navigation li ul {
	display: none;	
}

#navigation ul, #navigation li {
	list-style: none;	
	list-style-position: outside;
}

#navigation li {
	z-index: 3000;
	position: relative;
	display: inline;
	line-height: 30px;	
	height: 30px;	
	float: left;
	width: auto;
}

#navigation li a {
	z-index: 3000;
	position: relative; /* positioning floating elements for IE6*/
	display: block;
	font-size: 12px;
	line-height: 30px;
	height: 30px;	
	text-decoration: none;
	font-weight: bold;
	/*padding: 0 15px;*/
	text-align: center;
	-display: inline; /* IE 6  breaks on auto width, this is set via Javascript */ 
}
#navigation ul ul li a {
	text-align: left;
	padding: 0 15px;
}
#navigation li a:hover,
#navigation li a:active, 
#navigation li.active a {
	color: #ffea03;
	background: transparent url(../images/bg_navigation_active.gif) repeat-x top left;	
}

#navigation ul#nav ul {
	position: absolute;
	top: 30px;
	display: block;
	-background: #123879; /* Display Background in IE 6, no round corners!*/
	z-index: 3000;
}

/**
 * Hide subnavigation on loading Process
 * Do not set to "display:none". jQuery need block Element
 * to calculate the dynamic width of subelements. "visiblity:hidden" 
 * just switch to kind of "transparent" mode 
 * the invisibility is removed, when calculating the width is done.
 */
#navigation ul#nav ul {
	visibility: hidden; 	
}
#navigation ul#nav ul li {
	position: relative;
}

#navigation ul#nav ul li a {
	
	display: inline;
	float: none;
	height: 20px;
	line-height: 20px;
	color: #ffea03;
	background: #123879;
}
#navigation ul#nav ul li a:hover,
#navigation ul#nav ul li a:active {
	background: #27497F;
}

#navigation ul#nav ul li {
	background: #123879;
	display: block;	
	float: none;
	height: 20px;
	line-height: 20px;
}
#navigation ul#nav ul li.last, 
#navigation ul#nav ul li.last div {
	height: 9px;
	line-height: 9px;
	background: none;
}

#navigation ul#nav ul li.last .mid {
	background: #123879;
	height: 9px;
	float: left;
	width: 87%;
}
#navigation ul#nav ul li.last .left {
	width: 9px;
	height: 9px;
	float: left;
	background: transparent url(../images/subnavi_round_corder_bottomleft.png) no-repeat bottom left;
}	
#navigation ul#nav ul li.last .right {
	width: 9px;
	height: 9px;
	float: right;
	background: transparent url(../images/subnavi_round_corder_bottomright.png) no-repeat bottom right;
}	
#navigation ul#nav ul li.last div {
	-display: none;
	-background: none !important; /* IE 6, dont display round corner*/ 
}
	
#breadcrumb {
	margin-left: 25px;	
}
#breadcrumb ul,
#breadcrumb li {
	list-style: none;
	list-style-position: outside;
}
#breadcrumb a,
#breadcrumb li {
	display: inline;
	font-size: 10px;
}
	
#content-wrapper {
	border-top: 1px solid #fff;
	width: 700px;
	margin: 0 9px;
	-background: #FFFBC2; /* IE 6 can not handle transparent PNG */
}
#content {
	min-height: 370px;
	margin: 25px;
}
#content p {
	font-size: 0.8em;
}

#footer {
	border-top: 1px solid #123879;
	margin: 30px 30px 0 30px;
	text-align: center;
	padding-bottom: 10px;
}

#footer p {
	font-size: 9px;
	line-height: 20px;	
}
#footer a {
	font-size: 9px;
	text-decoration: underline;
	padding: 0 5px;
}