/* @override 
	http://www.kfibs.org/assets/templates/kfibs/style.css
	http://www.kfibs.org/assets/templates/kfibs/style.css
*/

/* 

Site: Kfibs.org
Type: Main Css
Author: Benjamin Flintrop
Date: 16.01.2008
Content:
    * Global Styles – (body, paragraphs, lists, etc)


Important Colors:
	*#FFFFCC yellow
	*#990100 red
	*#666666 dark grey
	*#CCCCCC light grey
	*#CCCC98 light olive green
	*#333333 dark olive green  
*/


/* @group Global Styles */
html,
body,
div,
p,
h1,
h2,
h3,
ul,
ol, 
span,
a,
table,
td,
tr,
form,
img,
li {
	margin: 0;
	padding: 0;
}

html, body {
	background: #FFFFCC;
	font-size: 101%;
	font-family: helvetica, arial, sans-serif;
}
a{
	color: #666666;
}

a:link {
}

a:visited {
}

a:hover {
	color: #990100;
}

a:active {
}

strong {
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

img {
   border: 0;
}

.small {
   font-size: 0.7em;
}

.right {
   text-align: right;
}

.top {
   vertical-align: top;
}

img.rightbottom{
	margin-right: 10px;
	margin-bottom: 5px;
}

img.leftbottom{
	margin-left: 10px;
	margin-bottom: 5px;
}

h1 {
	border-bottom: solid 1px #333333;
	font-size: large;
	color: #333333;
	margin-bottom: 10px;
}

h2 {
	border-top: solid 1px grey;
	font-size: medium;
	color: #333333;
	padding-top: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
}

h3 {
	font-size: small;
	color: #333333;
	padding-top: 10px;
	margin-top: 10px;
}

h4 {
}

h5 {
}

h6 {
}

p{
	font-size: small;
	color: #333333;
	margin-bottom: 10px;
}
ul {
	list-style: none;
}
dl{}
	dt{
		font-size: medium;
		color: #333333;
		margin-bottom: 5px;
		font-weight: bold;	
	}
	dd{
		font-size: smaller;
		color: #333333;	
		margin-bottom: 10px;
	}
table{
	border: 1px solid #333333;
	border-collapse: collapse;
}
	table th{
		font-size: medium;
		border: 1px solid #333333;
		color: #333333;
		background-color: #CCCC98;
	}
	tabel tr{
	}
	table td{
		font-size: smaller;
		border: 1px solid #333333;
		color: #333333;
	} 
/* @end */
/* @group Structure */

/*Centered Layout with negative margins, no hack needed thanks to The Zen of CCS design*/
#wrapper{
	position: absolute;
	left: 50%;
	width: 760px;
	margin-left: -380px; /*half of width*/
}
	body{
		padding-top: 10px;
	}
	#body{
		border-left: solid 1px #666666;
	}
		#head{
			width:  760px;
			height:  77px;
		}
			#logo img{
				padding: 0;
				margin:  0;
				width: 217px;
				height: 75px;
				display: block;	
			}
			#logo-name{
				width: 543px;
				height:  75px;
				position: relative;
				top: -75px;
				left:  217px;
			}
			
		#left-nav{
			height: 100%;
			float: left;
			width: 218px;
		}
		
		#top-nav{
			float: left;
			width: 531px;
		}
		#content{
			margin-left: 218px;
		}
		#footer{
		}


/* @end */

/* @group Head */
#head{
	border-bottom: solid 1px #666666;
}

#logo{
	
}
	#logo a img{
		border: solid 1px #666666;
	}
#logo-name{
}
	#logo-name h1{
		color: #990100;
		font-size: 1.3em;
		font-style: normal;
		text-align: center;
		margin-top: 10px;
		border: none;
	}
/* @end */

/* @group Left Navigation */
#left-nav{
	border-right: solid 1px #666666;
}
	#left-nav .inner{
		display: block;
	}
		#left-nav .inner ul#main-nav{
			display: block;
			margin-bottom: 20px;
		}
			#left-nav .inner ul#main-nav li{
			display: block;
			margin-bottom: 10px;
			}
				#left-nav .inner ul#main-nav li a{
					display: block;
					background-color: #CCCC98;
					color: #333333;
					height: 1.5em;
					text-decoration: none;
					font-size: 0.8em;
					padding-left: 10px;
					padding-top: 5px;
				}
				#left-nav .inner ul#main-nav li a:hover{
					background-color: #CCCCCC;
				}
					#left-nav .inner ul#main-nav li ul{
						display: none;
						margin-top: 5px;
					}
					#left-nav .inner ul#main-nav li ul.aktiv{
						display: block;
						margin-top: 5px;
					}
						#left-nav .inner ul#main-nav li ul li{
							margin-top: 0px;
							margin-bottom: 0px;
							margin-left: 20px;
							height: auto;
							border-left: solid 2px #666666;
							border-bottom: solid 1px #666666 ;
							}
							
							#left-nav .inner ul#main-nav li ul li a{
								height: auto;
							}
/* @end */

/* @group Top Navigation */
#top-nav{
	display: block;
	width: 540px;
	height: 24px;
	background-color: #CCCC98;
	
}
	#top-nav ul#horizont-nav{
	}
		#top-nav ul#horizont-nav li{
			height: 24px;
			display: block;
			float: left;
			text-align: center;
			border-right: solid 1px;
			/*border-left: solid 1px;*/
			/*margin-left: 10px;*/
		}
			#top-nav ul#horizont-nav li a,
			#top-nav ul#horizont-nav li a:active,
			#top-nav ul#horizont-nav li a:visited,
			#top-nav ul#horizont-nav li a:link{
				display: block;
				text-decoration: none;
				color: #333333;
				font-size: 0.8em;
				padding-top: 5px;
				padding-right: 10px;
				padding-left: 10px;
			}
			#top-nav ul#horizont-nav li a:hover{
				display: block;
				height:  19px;
				background-color: #CCCCCC;
			}
/* @end */

/* @group Content */
#content{
	margin-top: 1.0em;
	border-left: solid 1px #666666;
}
	#content #content-bot{
		padding-top: 20px;
		margin-left: 10px;
	}
		#content #content-bot .inner{
			padding-bottom: 20px;
		}
			#content #content-bot .inner p{
			}
			#content #content-bot .inner ul{
				list-style: square;
				margin-top: 10px;
				margin-bottom: 10px;
				font-size: small;
				color: #333333 ;
			}
				#content #content-bot .inner ul li{
					margin-left: 20px;
				}
			
			#content #content-bot div.inner div.Artikel_tpl div.Artikel_headline{
				background-color: #CCCC98;
				text-align: center;
				width: 100%;
				padding-bottom: 5px;
				margin-bottom: 20px;
			}
			
				
/* @end */

/* @group Footer */
#footer{
	font-size: 0.8em;
	background-color: #CCCC98;
	margin-bottom: 10px;
}
	#footer ul{
		padding-left: 225px;
		float: left;
	}
		#footer ul li{
			display: inline;
			padding-right: 10px;
			
		}
			#footer ul li a{
				color: #333333;
				text-decoration: none;
			}
			#footer ul li a:hover{
				background-color: #CCCCCC;
			}
			
	#copyright{
		display: inline;
		font-size: 0.7em;
		margin-left: 190px;
	}	
/* @end */