/* ---------------------------------------------
	
		BASIC.CSS
		Generelle Styles für das Frontend.
	
		Autor:				UC
		Erstellungsdatum:	02.10.2007
		
		Index:				- Imports
							- Elements
							- Sprachwahl
							- Navigation
								- Containter
								- erste stufe
								- zweite stufe
								- dritte stufe
							- Misc classes
							
		Changelog:			02.10.2007
							Überarbeitung durch UC
		
	--------------------------------------------- */

	/* ---------------------------------------------
		Imports
	--------------------------------------------- */

	@import url("content.css");
	@import url("navigation.css"); 

	/* ---------------------------------------------
		Elements
	--------------------------------------------- */
	* {
		padding: 0;
		margin: 0;
	}

	html, body {
		height: 100%;
	}

	body {
		font:11px/15px Arial, Helvetica, sans-serif;
		background: url(../images/content/shadow.gif) center repeat-y;
		padding:0 auto;
		margin-bottom:1px;
	}
	
	div#container {
		width: 753px;
		height: 98.4%;
		margin: 0 auto;
	}
	
	div#container-middle {
		background: url(../images/content/mainbg-1.jpg) bottom left no-repeat;
		min-height: 98.4%;
		height: 98.4%;
	
	}
	.invisible {display: none;} /* wird im screen-css nicht ausgegeben */
	
	div[id="container-middle"] {
		height: auto !important;
	}
	
	div#content {
		margin-top:5px;
		margin-left:25px;
		float: left;
		width: 580px;
		overflow:hidden;
		margin-bottom:20px;
	}
	h2.space{
		margin:6px 0 0 0;
	}
	
	div#footer {
		height: 2.5%;
		width:100%;
		text-align:center;
		background:url(../images/content/bg-footer.jpg) top left no-repeat;
		margin-left:1px;
	}
	
	h1 a {
		display:block;
		width:160px;
		height:150px;
	}
	
	h1 span { 
		display: none;
	}
		
	h2 {
		color:#32bee6;
		font-size: 11px;
		font-weight:normal;
		letter-spacing:10px;
		padding:20px 0 0 40px;
		margin-bottom:20px;
		height:14px;
		
	}
	
	h3 {
		color: #000;
		font-weight:bold;
		font-size: 18px;
		margin: 18px 0 16px 0;
	}
	
	h4 {
		font-size: 11px;
		text-decoration: underline;
	}
	
	p {
		margin-bottom: 12px;
	}
	
	
	.bold {
		font-weight:bold!important;
		color:#000000!important;
	}
	
	.normal {
		font-weight:normal!important;
		color:#000000!important;
	}
	
	address {
		font-style:normal;
		font-size:10px;
		color:#999999;
	}
	
	address a {
		text-decoration:none;
	}
	
	.ktml-pic-right {
		margin:0 10px 10px 20px;
		float:right;
		border:1px solid black;
	}
	
	.ktml-line {
		margin:15px 0 15px 0;
	}
	
	#preview {
		padding:5px;
		background:#FF6600;
		margin:3px;
		border:1px solid #999999;
		font-weight:bold;
	}
	
	/* ---------------------------------------------
		Sprachwahl
	--------------------------------------------- */
	div#languageselection {
		width:749px;
		height:72px;
		position:relative;
		background:url(../images/content/bg-languageselection.jpg) top left no-repeat;
	}
	
	div#languageselection a {
		
		margin:0 0 0 20px;
		float:left;
		font-size:9px;
		
	}
	
	div#languageselection a.lo{
		color:#858585;
		text-decoration:none;
	}
	
	.languagepadding {
		padding:15px 0 0 570px;
	}

	/* ---------------------------------------------
		Navigation
	--------------------------------------------- */
	div#navcontainer {
		width:135px;
		float:left;
		margin-top:25px;
	}
	
	#content ul {
		padding:15px;
		margin-left:5px;
	}
	
	/*Container*/
	ul.navigation {
		list-style: none;
		display:block;
		/*extradefinition für safari*/
		padding:0;
		margin: 0;
	}
	#navcontainer>ul.navigation{
		padding: 10px 0 0 0;
	}
	
	/*erste Stufe*/
	
	/*1 aktiv li */
	ul.navigation li.nav-level-1-lo {
		margin-bottom:20px;
	}
	
	/*1 inaktiv li */
	ul.navigation li.nav-level-1-hi {
		margin-bottom:20px;
	}
	
	/*1 inaktiv link*/
	ul.navigation li.nav-level-1-lo a {
		font-size: 10px;
		font-weight:bold;
		color:#000;
		display: block;
		padding: 0px 13px 0 0;
		text-decoration: none;
		text-align:right;
	}
	
	/*1 aktiv link*/
	ul.navigation li.nav-level-1-hi a {
		font-size: 10px;
		font-weight:bold;
		display: block;
		padding: 0px 12px 0 2px;
		margin-bottom:5px;
		margin-left:2px;
		text-decoration: none;
		text-align:right;
	}
	
	/*zweite Stufe*/
	
	/*2 inaktiv li*/
	ul.navigation li.nav-level-1-lo li {
		display:none;
	}
	
	/*2 aktiv li*/
	ul.navigation li.nav-level-1-hi li {
		border:none;
		padding:0 12px 0 10px;
	}
	
	/*2 inaktiv link*/
	ul.navigation li.nav-level-1-hi li.nav-level-2-lo a{
		background:none;
		display:block;
		padding-right:0;
		border:none;
		margin-bottom:0!important;
	}
	
	/*2 aktiv link*/
	ul.navigation li.nav-level-1-hi li.nav-level-2-hi a{
		background:none;
		display:block;
		padding-right:0;
		border:none;
		text-decoration:underline;

		margin-bottom:0!important;
	}
	
	/*2 aktiv link wenn 3 Stufe da*/
	ul.navigation li.nav-level-1-hi li.nav-level-2-lo-underlined{
		background:none;
		margin-top:10px;
		display:block;
		padding-right:0;
		border:none;
		font-weight:normal;
	}
	
	/*2 aktiv link wenn 3 Stufe da*/
	ul.navigation li.nav-level-1-hi li.nav-level-2-hi-underlined{
		background:none;
		margin-top:10px;
		display:block;
		padding-right:0;
		border:none;
		font-weight:bold;
	}
	
	/*dritte Stufe*/
	
	/*3 - Stufe 2 aktiv li*/
	ul.navigation li.nav-level-1-hi li.nav-level-2-hi li {
		margin-bottom:0;
		margin-top:0px;
		padding:0 0 0 0;	
	}
	
	/*3 - stufe 2 inaktiv li*/
	ul.navigation li.nav-level-1-hi li.nav-level-2-lo li {
		margin-bottom:0;
		margin-top:0px;
		padding:0 0 0 0;
	}
	
	/*3 - Stufe 2 inaktiv, stufe 3 aktiv link*/
	ul.navigation li.nav-level-1-hi li.nav-level-2-lo-underlined li.nav-level-3-lo a{
		background:none;
		display:block;
		border:0;
		padding:0px;
		margin:0px;
		font-weight:normal;
	}
	
	/*3 - Stufe 2 aktiv, stufe 3 inaktiv link*/	
	ul.navigation li.nav-level-1-hi li.nav-level-2-hi-underlined li.nav-level-3-lo a{
		background:none;
		display:block;
		border:0;
		padding:0px;
		margin:0px;
	}
	
	/*3 - Stufe 2 aktiv, stufe 3 aktiv link*/
	ul.navigation li.nav-level-1-hi li.nav-level-2-hi-underlined li.nav-level-3-hi a{
		background:none;
		display:block;
		border:0;
		padding:0px;
		margin:0px;
		text-decoration:underline;
	}
	
	/* ---------------------------------------------
		Misc Classes
	--------------------------------------------- */
	a.read-more {
		padding-right:12px;
		background: url(../images/content/arrow.gif) center right no-repeat;
		text-align:right;
	}
	
	a.go-back {
		padding-left:12px;
		text-align:right;
	}
	
	.clear {
		clear: both;
	}
	
	.text-right {
		text-align: right;
	}
	
	.text-center {
		text-align: center;
	}
	
	.spacer-30px {
		height: 30px;
	}
	
	.spacer-10px {
		height: 10px;
	}
	
	.nounderline {
		text-decoration:none;
	}
	
	.floatleft {float:left;}
	
	.linieganz {
		height:1px;
		width:570px;
		margin:10px 0 25px 0;
	}