/* fsg - base.css - maerz 2008, putzhuber.net */


* {
	border: 0;
	margin: 0;
	padding: 0;
}


a {
	color: #000;
	background-color: #fff;
	text-decoration:underline;	
}

a:hover, a:focus, a:active {
	color: #e2001a;
	background-color: #fff;		
}

p.skip {
	position:absolute;
	left:0;
	top:0;
}

p.skip a {
	text-decoration:underline;
	font-weight:bold;
	font-size:1.1em;
	position:relative;
	left:-1000px;
	top:-1000px;
	height:0;
	width:0;
	overflow:hidden;
	display:inline;
}

p.skip a:focus,
p.skip a:active {
	color:#E2001A;
	background:#fff;
	position:relative;
	left:150px;
	top:150px;
}

.hide {
	position:absolute;
	left:1000px;
	top:1000px;
	width:0px;
	height:0px;
	overflow:hidden;
	display:inline;	
}

/* seitenaufbau */

html {
	height:100%;
} 

body {
	min-height:101%;
	color:#000;
	background: #fff;	
	font-family:  Helvetica, Arial, Verdana, sans-serif;
	font-size: 100%;
}

#page {	
	max-width:971px;
        width:971px;   
	min-width:971px;
}
 
#header {
	height:78px;
	width:100%;
	background: url(../img/header.jpg) no-repeat 171px;
}

/* top */

#top {	
	width:100%;
	margin-top:50px;
} 

#topleft {
   float:left;
	width:194px;	
	font-weight:bold;
	font-size:100%;
	padding-top:10px;
}

#topleft p {
	padding-left:147px;
}

#topleft a {
	color: #E2001A;
	background-color: #fff;
}

#topleft a:hover, #topleft a:focus, #topleft a:active {
	color: #e2001a;
	background-color: #fff;		
}

#topmenu {
	margin-left:194px;
	margin-right:280px;
	padding-top:10px;
	
	font-size:0.9em;	
}

#topmenu ul {
	list-style: none;
	font-weight:bold;
}

#topmenu li {
	float:left;
	padding-right:30px;
	color:#E2001A;
	background-color: #fff;
}
/* falls aktiver Menuepunkt verlinkt bleibt = .level1active; bei aktivem Submenuepunkt .level1highlight */

#topmenu a.level1active, #topmenu a.level1highlight {
	color: #E2001A;
	background-color:#fff;
	text-decoration:underline;
}

#topsearch {
	float:right;
	wwidth:21%;
	mmin-width:260px;
	padding-top:10px;
}

#topsearch input#suchfeld {
	wwidth:68%;
	border-top: 1px solid #878888;
	border-left: 1px solid #878888;
	border-right: 1px solid #e7e5e2;
	border-bottom: 1px solid #e7e5e2;
	margin:0 5px 10px 0;
	padding:2px;
}

#topsearch input#suche {
	wwidth: 23%;
	background-color: #e7e5e2;
	color: #000;
	border-top: 1px solid  #e7e5e2;
	border-left: 1px solid #e7e5e2;
	border-right: 1px solid #878888;
	border-bottom: 1px solid #878888;
	margin:0 5px 10px 0;
	padding:1px;
	font-weight:bold;
}

/* main */

#main {
	clear:both;
	padding-top:40px;
}

#leftmenu {
	float:left;
	width:171px;
	overflow:hidden;		
}

#leftmenu ul {
	list-style: none;
	padding-bottom:30px;
	padding-left:18px;
	font-size:0.8em;	
	line-height:130%;
	color: #E2001A;
	background-color: #fff;
}

#leftmenu #newsmenu {
	padding-top:6px;
}

#leftmenu #newsmenu ul li {
	padding:0 0 10px 0;
}

#leftmenu ul ul {
	padding-bottom:00;
	padding-left:18px;
	font-size:1.0em;	
}

#leftmenu a.level2active, #leftmenu a.level2highlight, #leftmenu a.level3active {
	color: #E2001A;
	background-color:#fff;
	text-decoration:none;
}

#leftmenu h3 {
	padding-left:18px;
	font-size:0.9em;	
}


/* Inhalt, wegen Typo3 Bildfloats 3 divs ineinanderverschachtelt: contentframe, contentwrap, content, mit Clearfixmethode */

#contentframe {
	margin-left:194px;
	margin-right:220px;
        padding:0px;
}

#startcontentframe {
	margin-left: 71px;
	margin-right: 260px;
	
}

#fotocontentframe {
	margin-left: 194px;
	margin-right: 220px;
	
}

#contentwrap {
	width:auto;
	max-width:840px;
}


#fotocontentwrap {
	width:auto;
	max-width:840px;
}


/* Clearfix-Methode zum Clearen der Float-Umgebungen */

	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

/* fuer Safari */

	.clearfix { display: block; } 
	

/* Overflow-Methode zum Clearen der Float-Umgebungen */

	.floatbox { overflow:hidden; }



/* rechtes Menue */

#rightmenu {
	float:right;
}

.rightbox {
	border: 1px solid #E2001A;
	width: 157px;
	margin-bottom:20px;	
	text-align: center;
	font-size:0.8em;
}

.rightbox a {
	text-decoration:none;
	color: #E2001A;
	background-color:#fff;
	font-weight:bold;	
}

.rightbox a:hover, .rightbox a:focus, .rightbox a:active {
	color: #000;
	background-color:#fff;		
}

/* Footer */


#footer {
   clear:both;	
	width:100%;
	background-color:#e7e5e2;
	color:#000;	
	font-weight:bold;
	font-size:0.8em;
        padding: 10px 0 10px 0;   
        margin-top: 20px;
}

#footerleft {
	float:left;
	width:100px;
	padding-left:71px;
	text-transform: uppercase;
}

#footerright {
	margin-left:130px;
	padding-left:6%;
}

#footer a {
	background-color:#e7e5e2;
	color:#000;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color: #e2001a;
	background-color:#e7e5e2;		
}



/* Content */


#content p {
	padding:0 0 20px 0;	
	font-size: 0.9em;
        line-height: 1.4em;
}

#content h1 {
	font-size:1.5em;	
	padding:0 0 20px 0;
}

#content h2 {
	font-size:1.1em;
	padding:0;
}

#content h3 {
	font-size:1em;
	padding:0;
}

#content h4 {
	font-size:0.9em;
	padding:0;
}

/*
#content ul {
	padding:0 0 40px 0;	
	list-style:none;
	font-size:1.2em;
}
*/

#content ul {
        margin-left: 20px;
	padding-left: 20px;
}

#content ul li {

}

#content ol {
        margin-left: 20px;
	padding-left: 20px;
}

#content td {
	font-size: 0.9em;
        line-height: 1.4em;
}

.paging {
	margin: 20px 0 20px 148px;
}

.paging a {
	margin-left:20px;	
	color: #E2001A;
	background-color:#fff;
}

.paging a:hover, .paging a:focus, .paging a:active {
	color: #000;
	background-color:#fff;		
}


.newspaging {
	margin: 40px 0 20px 188px;
}

.newspaging a {
	margin-left:20px;	
	color: #E2001A;
	background-color:#fff;
}

.newspaging a:hover, .newspaging a:focus, .newspaging a:active {
	color: #000;
	background-color:#fff;		
}



/* absolut gesetzte Absaetze, damit sie mit Bild unten buendig sind, fuer Team und News */

#content .team {
		height: 12.9em;
	}
	
#content .team .csc-textpic-text {
		height:10.6em !important;
		position:relative !important;
	}
	
#content .team .csc-textpic-text p {
		padding-bottom:0 !important;
		position:absolute !important;
		bottom:0 !important;
	}
	
#content .newsteaser {
		position:relative;
		height:4.8em;
                margin-bottom:1em;
}

#content .newsteaser img {
		margin: 0 23px 0 0;
		width:100px;
		float:left;
		position:absolute;
		bottom:5px;	
}

#content div.newsteaser div {
		position:absolute;
		bottom:0;		
		margin-left:123px;
}

#content .newsteaser h1 {
	font-size:1em;
	margin:0;
	padding:0;
}

#content .newsteaser div p {
	margin:0;
	padding:0;
}

#tx-lzgallery-pi1-fotonav td {
       padding-right: 20px;     
}

#tx-lzgallery-pi1-title {
       padding: 10px 0 10px 0;
}