/*
		Liga CSS, Version 1.1
*/


/* Farben
rot: #D80016
blau: #2B7BAE
orange: #F37200
*/


/*_______________________________________________________________________________*/
/* 1. BASIC-RESETS */
/*-------------------------------------------------------------------------------*/





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}




body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #3F3F3F;
	background-color: #373838;
}


/*_______________________________________________________________________________*/
/* 2. STYLES */
/*-------------------------------------------------------------------------------*/



h1, h2, h3, h4 {
	font-size: 1.6em;
	color: #000;
	padding: 0 0 1em 0;
	margin: 0;
	font-weight: bold;
}

h2 {
	font-size: 1.2em;	
	padding: 0 0 0.3em 0;
}

h3 {
	font-size: 1.0em;	
	padding: 0 0 0.3em 0;
	margin: 0;
}


p {
	padding: 0 0 1em 0 ;
}
p, ul {
	line-height: 120%;
}


ul {
	padding:0 0 0 18px;
	margin: 0 0 1em 0;
}


li {
	padding: 0;
	margin:0 0 4px 0;
}



a {color: #2B7BAE; text-decoration:underline}
a:visited {color:#2B7BAE;text-decoration:underline}
a:hover {color: #000;text-decoration:underline}
a:active { color:#2B7BAE;text-decoration:underline}
a:focus {background-color: #EBEBEB;text-decoration:underline}






hr {
	width: 100%;
	height: 1px;
/*	margin: 30px 0; */
	border: 0;
	color: #bdbdbd;
	background: #bdbdbd;
}

small {
	margin: 0 0 1.2em 0;
	line-height: 120%;
	font-size: 90%;
	color: #767676;
	
}

.clearer 	{clear: both; }
.links 		{float: left; width: 45%; margin: 1em 0 0 0;}
.rechts 	{float: right; width: 45%; margin: 1em 0 0 0;}



img.bild-links {
	float: left; 
	margin: 5px 14px 14px 0;
}


img.bild-rechts {
	float: right; 
	margin: 5px 0 14px 14px;
}

.weiter {
	white-space: nowrap;
}



#footer p {
	padding: 137px 0 0 50px ;
	
}

#footer p, #footer a {
	color: #fff;
}



.unsichtbar {
   position: absolute;
   top: -1000px;
   left: 0px;
   width: 0px;
   height: 0px;
   color: #fff;
   background: #fff;
}


.nix {
	display:none;
}





/* 2.1 Listendarstellungen */
/*-------------------------------------------------------------------------------*/

.uebersicht-bild{
	clear: both;
	border-top: 1px solid #aaa;
	padding: 15px 0 0 0;
	margin-top: 10px;
	width: 640px;
}


.uebersicht-bild .vorschau-bild {
	/*width: 70px;*/
	float: left;
}

.uebersicht-teaser {
	/*width: 550px;*/
	float: left;
}

.paging {
	clear: both;
	
	border-top: 2px solid #555;
	padding: 8px 0 0 0;
	margin-top: 10px;
	width: 640px;

}



/* 2.2 Spezial-Styles */
/*-------------------------------------------------------------------------------*/

.slogan {
}
.slogan p {
	font-size: 145%;
	line-height: 140%;
	color: #F37200;
	padding: 0 60px 20px 0;
}

.datum {
	font-size: 85%;
	color: #666;
	display: block;
	width: 100px;
	line-height: 100%;
}

.datum a{
	text-decoration: none;
}


/* BOX */

.box h2, .box-liga h2,  #news h2 {
	text-transform: lowercase;
	margin: 0 0 2px 0 !important;

	font-size: 110%;
	color: #F37200;

}


.box h2, .box-liga h2 {
	padding: 0 12px;
}

.box p {
	padding: 8px 12px 24px 12px;
	line-height: 125%;
}

.box ul {
	padding: 8px 12px 24px 28px;
}


.box-liga p {
	padding: 8px 115px 60px 12px;
	line-height: 125%;

}


.box-liga{
	width: 220px;
	background: #fff url(img/bg-box-unten-liga.jpg) no-repeat left bottom;
	height: 160px;
	
}

.box-oben-liga {
	width: 220px;
	background: #fff url(img/bg-box-oben-liga.gif) no-repeat left bottom;
	height: 11px;

}




.box{
	width: 220px;
	background: #fff url(img/bg-box-unten.gif) no-repeat left bottom;
	
}

.box-oben {
	width: 220px;
	background: #fff url(img/bg-box-oben.gif) no-repeat left bottom;
	height: 11px;

}









/* 2.2 NAVIGATION */
/*-------------------------------------------------------------------------------*/


#navigation ul {
	list-style: none;
	padding: 4px 0 0 0;
	margin: 8px 0 0 0;
	width: 175px;
	border-top: 1px solid #ddd;

}

#navigation li {
	padding: 0 0 4px 0 !important;
	border-bottom: 1px solid #ddd;
}

#navigation ul ul {
	margin: 8px 0 12px 0;
	border: 0px;

}


#navigation li li {
	padding: 0 0 4px 18px !important;
	border-bottom: 0px;
	
	background: #fff url(img/navi-bullet.gif) no-repeat 2px 4px;	
	
}

#navigation a, #top-navi a {
	text-transform: lowercase;
	margin: 0 0 7px 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #333;
}

#navigation a:hover, #top-navi a:hover {
	text-decoration: underline;
	color: #000 !important;
}

#navigation a {
	padding: 0px 2px;
	margin: 0 0 4px 0 !important;
}

#navigation a.aktiv{
	font-weight: bold;
	color: #F37200;
}





#top-navi a {
	margin: 0 3px 0 4px;
	font-size: 90%;
	color: #2B7BAE ;
}

/*_______________________________________________________________________________*/
/* 3. LAYOUT */
/*-------------------------------------------------------------------------------*/

#seite {
	width: 994px;
	margin: 2em auto 4em auto;
	background: #fff url(img/bg-seite.gif) repeat-y left top;
}

#header {
	height:220px;
	background: #fff url(img/bg-header.jpg) no-repeat left top;
	margin: 0 0 32px 0;
}




#inhalt-container {
	width: 912px;
	margin: 0 auto;
}

#inhalt {
	width: 684px;
	padding: 0 0px 0 0px;
	float: right;
	
}

#navi-spalte {
	width: 228px;
	padding: 0 0px 0 0px;
	float: left;
}

.linke-spalte {
	width: 426px;
	padding: 0 30px 0 0px;
	float: left;
	
}

.rechte-spalte {
	width: 220px;
	padding: 0 2px 0 6px;
	float: right;
	
}

#footer {	
	background: #303030;
	padding: 0;
	height: 186px;
	background: #929495 url(img/bg-footer.jpg) no-repeat left bottom;
}






/* 3.1 HEAD SACHEN */
/*-------------------------------------------------------------------------------*/

#logo {
	float: left;
	width: 230px;
	height: 90px;
	padding: 0;
	margin: 14px 0 0 42px;

}

* html div#logo {
  display: inline; /* kill ie6 double-margin bug */
}


#top-navi{
	float: right;
	width: auto;
	margin: 45px 4px 0 0px;
	text-align: right;
	
}

#suche{
	float: right;
	margin: 42px 0px 0 10px;
	padding: 0 50px 0 0;
}

* html div#top-navigation {
  display: inline; /* kill ie6 double-margin bug */
}

#navigation{
	margin: 0px;
}

#bildbalken{
	width: 912px;
	margin: 0 auto;
}

#bildbalken span{
	font-size: 70%;
	float:right;
	margin-right:6px;
}

#bildbalken img{
	margin: 0 0 0 5px;
}

#bildbalken img.bild-eins{
	margin: 0 0 0 0;
}




/* 3.2 HOMEPAGE */
/*-------------------------------------------------------------------------------*/

#teaser{
}


#teaser .box {
	width: 205px;
	padding: 0 25px 0 0;
	float: left;
}

#news{
	width:420px;
}


/*_______________________________________________________________________________*/
/* 4. FORMULARE */
/*-------------------------------------------------------------------------------*/



/* Allgemeines */


label {
	display: block;
	padding: 5px 10px 4px 0;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}

input.text-input, textarea.text-input {
	border: 1px solid #e4e4e4;
	padding: 3px;
	font-size: 100%;
	font-family: Arial;
	font-style: normal;
	background: #F4F4F4;
}


input.text-input:focus, textarea.text-input:focus {
	background: #EAEAEA;
	border: 1px solid #000;
}

#searchform input.text-input {
	width: 90px ;
}


#mce_editor_0, body.mceContentBody {
background:#FFF;
}