﻿.clearboth { clear: both; }


#header {
	position: relative;
	top: 0px;
	left: 0px; 
 	width: 978px;
	height: 132px;
	background-color: #fef0bb;
	margin: 0; padding: 0;
}

#logo { position: absolute; width: 190px; height: 132px; margin: 0; padding: 0;}
#logo a { background-image: none; margin: 0; padding: 0; }
#tabsJ  { position: absolute; width: 550px; height: 26px;  top: 104px; left: 215px; margin: 0; padding: 0; }






/*
'#####################################################
' News
'#####################################################
*/
.news-list-container { }
.news-list-item { width: 550px; margin: 10px 0px 15px 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fef6d8; border:1px solid #fdca01; }
.news-list-item img {padding-left: 10px;}
.news-list-container h2 a { font-size: 1em; font-weight: bold; padding-bottom: 0.3em; color: #2e17af; }
.news-list-container h2 { padding: 10px 10px 5px 10px; }
.news-list-container .bodytext { padding: 0px 10px 0px 10px; }
.news-list-container .news-list-morelink { padding: 5px 10px 10px 10px; }
.news-list-container a { background-image: none; margin: 0; padding: 0; }
.news-list-container a:hover { background-image: none; margin: 0; padding: 0; }

#right .news-list-container .news-list-item {  width: 166px; margin: 0px 0px 15px 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fef0bb; border:1px solid #fdca01; }

.news-single-item  { }
.news-single-item h2 { font-size: 1.4em; font-weight: bold; padding-bottom: 0.8em; color: #2e17af; }

.news-single-item h3  { font-size: 1em; font-weight: bold; }
.news-single-item .bodytext  { }
.news-single-item .clearer  { margin: 20px 0px 5px 0px; }

.news-single-item .news-single-additional-info  { margin: 0px 0px 25px 0px; }
.news-single-item .news-single-additional-info dd { margin: 0px 0px 0px 10px; }
.news-single-item .news-single-additional-info  a,
.news-single-item .news-single-additional-info  a:hover { background-image: none; margin: 0; padding: 0; }
.news-single-item .news-single-related  { font-weight: bold; }
.news-single-item .news-single-related img { display: none; }
.news-single-item .news-single-files  { font-weight: bold; }
.news-single-item .news-single-files img { display: none; }
.news-single-item .news-single-links  { font-weight: bold; }
.news-single-item .news-single-links .bodytext  { }
.news-single-item .news-single-backlink  { }
.news-single-item .news-single-img {padding-bottom: 10px;}
.news-single-item .news-single-img a  {background-image: none; margin: 0; padding: 0; }

.tx-ttnews-browsebox table tr td a,
.tx-ttnews-browsebox table tr td a:hover { font-weight: bold; background-image: none; margin: 0; padding: 0; }





/*
'#####################################################
' Diverses
'#####################################################
*/
	
	body, p, div, ul, ol, h1, h2, h3, h4, h5 {
		padding: 0;
		margin: 0;
	}


	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 1.5em;
		font-weight: normal;
		background-color: #eeeeee;
		color:#777777;	
		text-align: center;
		}
		
	#wrapper {
		background-color: white;
		width: 91em;
		top: 2em;		
		text-align: left; /*text-align Formatierung im body (IE) aufheben*/
		position: relative;
		margin: auto;
		background: url(/fileadmin/templates/picsBasis/body.jpg) repeat-y center;
		/*border: solid red 1px;*/
		border-top: solid #dddddd 2px;
		border-bottom: solid #dddddd 4px;
	}

 /* Seitenaufbau in der Reihenfolge der Blockelemente */
		
	#main {
		width: 97.7%;			/* in Relation zu #wrapper */
		margin: auto;
		}

	
	#breadcrumb {
		position:relative;
		width: 100%;
		border-top: 2px solid #fdca01;
		border-bottom: 2px solid #fdca01;
		padding: .5em 0 .5em 0;
		margin-top: -0.2em;
		margin-left: .5 em;
		}

	#breadcrumb div {
		margin-left: 12px;
	}
		

	

	
	#footer {
		position:relative;
		width: 100%;
		border-top:1px solid #999999;
		padding: .5em 0 .5em 0;
	   }
	
	#footer div {
		text-align:right;
		margin-right: 1em;
	}
	
	div.zurueck {
			text-align:left; 
			margin-top:20px;
			clear: left;
	}
	


/*
'#################################################
' STANDARDELEMENTE
'#################################################
*/

		.bodytext ( margin: 0; padding: 0; )

		h1, h2, h3, h4, h5 {
		padding: 0;
		margin:0;
		color: #2e17af;
		font-weight: normal;
		}
		
		/* Überschriften neu */
		h1 { font-size: 1.4em; font-weight: bold; padding-bottom: 0.8em; color: #2e17af; }		
		h2 { font-size: 1.2em; font-weight: bold; padding-bottom: 0.3em; padding-top: 1.2em; color: #777777; }		
		
		
		/* Spalte mitte - Subueberschriften */
		h3 {
			font-size: 1.4em;
			font-weight: bold;	
			padding-bottom: 1em;
		}
		
		.news h4{
			color: #2e17af;
		}
		
		/* Absatzüberschriften */
		h4, .csc-header h4 {
			color: #777777;
			font-size: 1.2em;
			font-weight: bold;
			padding-bottom: 0.5em;
		}
		
			
		
		div {
			font-family: inherit;
			font-size: inherit;
			color: inherit;
		}
		
		span{
			font-family: inherit;
		}	
		
		small {
			font-family: inherit;
			font-size: 0.8em;
		}

		ul {
			/*list-style: none;*/
		}

		img {
			border: 0;
		}

/*
'#####################################################
' CLASSes & IDs
'#####################################################
*/

	#nav {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border:1px solid #fdca01;
		padding: 5px;
		background-color: #fef0bb;
	}

	/* Newsbereich */

	.news {
		padding: 5px;
		margin: 0 0 10px 0;
/*		background-color: transparent;*/
		background-color: #fef0bb;
		/*color: #2e17af;*/
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border:1px solid #fdca01;
		font-size: 0.9em;
	}
	
	
	#middle div {
		/* #margin-bottom: 1.5em; */
	}
	
	/* beim Komitee verwendet*/
	.news span {
		margin-left: 1em;
	}
	
	.news p {
		padding-bottom: 0.5em;
	}
	
	
	#partner {
		padding-top: 4em;
	}
	
	

/*
'#####################################################
' NAVIGATIONS- UND MENüELEMENTE
'#####################################################
*/

	/* NORMALE LINKS */
	
	a, .contenttable td a, p.bodytext a {
		background-image: url(/fileadmin/templates/picsBasis/doppelpfeil.gif);
		background-repeat: no-repeat;
		padding-left: 1.2em;
		background-position: center left;
	}

	a[href ^="mailto:"] , .contenttable td a[href ^="mailto:"] {
		background-image: none;
		padding-left: 0;
		}

	
	a:Link {color: #2e17af; text-decoration: none; }
	a:Hover, .contenttable td a:Hover {color: #bea130; text-decoration: none; background-image: url(/fileadmin/templates/picsBasis/doppelpfeil_hover.gif); }
	a:Active {color: #2e17af; text-decoration: none; }
	a:Visited {color: #2e17af; text-decoration: none; }
	a:Visited:Hover {color: #bea130; text-decoration: none; background-image: url(/fileadmin/templates/picsBasis/doppelpfeil_hover.gif);}
	a:Visited:Active {color: #2e17af; text-decoration: none; }
	
	#breadcrumb a, #partner a {
		color: #2e17af;
		background-image: none;
		padding: 0;
		text-decoration: none;
	}
	
	td a {
		background-image: none;
		padding: 0;	
	}
	
	#breadcrumb a:hover {
		text-decoration: none;
		color:#bea130;
		}
		
	/* Email - Links */
	a[href ^="mailto:"]  {
		background-image: none;
		padding-left: 0;
		}
	
	.news a{
		font-weight: bold;
	}

	
/* Hauptnavigation */	
	
	ul.level1 {
		font-size: 1.2em;
		line-height: 1.5em;
		padding: 0;
		margin:0;
		list-style: none;
		font-size: 1em;
	}
	
	.level1 a {
		color: #2e17af;
		background-image: url(/fileadmin/templates/picsBasis/doppelpfeil.gif);
		text-decoration: none;
	}
				
	.level1 a:hover {
		background-image: url(/fileadmin/templates/picsBasis/doppelpfeil_hover.gif);
	}
		
	ul.level2 {
		font-size: 0.9em; /* ..in Bezug auf level1*/
		line-height: 1.3em;
		margin: 0 0 0.3em 1em;
		list-style: none;
	}
	
	.level2 a {
		color: #2e17af;
		background-image: url(/fileadmin/templates/picsBasis/pfeil.gif);
		text-decoration: none;
	}
				
	.level2 a:hover {
		background-image: url(/fileadmin/templates/picsBasis/pfeil_hover.gif);
	}
		
	ul.level3 {
		font-size: 0.9em; /* ..in Bezug auf level12*/
		line-height: 1.3em;
		margin: 0 0 0.2em 2em;
		list-style: none;
	}
	
		
	
/*
'#####################################################
' Formulare
'#####################################################
*/		 

form { padding: 10px 0 10px 20px; margin: 0 10em 2em 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #fdca01; }
form ul li{ margin-top: 1em; }
label { width:20em; }
label.selectfeld { margin-bottom: 0; }
* html label.selectfeld { margin-bottom: 1.4em; }
input.notvisible { display:none; }
input, textarea { font-family: inherit; display: block; font-size: 1em; color: #777777; border:1px solid #fdca01; background-color: #fef0bb; }
input[type="hidden"]{ display: none; }
select { display: block; width: 27.5em;  font-size: 1.1em; color: #777777; border:1px solid #fdca01; background-color: #fef0bb; clear:left; margin-bottom: 2em; }
input, textarea { width: 30em; }
.FormTextareaNieder{ width: 27.5em; height: 7em; font-family: inherit; font-size: 1.1em; font-weight: normal; }
.FormButton { background : #fdca01; border: 2px outset Silver; } 
.FormButton:ACTIVE { background : #fdca01;  border : 2px inset Silver; padding-left : 2px; padding-top : 2px; }  


.tx-indexedsearch-searchbox form { width: 520px; padding: 10px 0 10px 30px; }
.tx-indexedsearch-searchbox form table tr td { font-weight: bold; }
.tx-indexedsearch-searchbox-sword { width: 300px; margin-left: 3px; }
.tx-indexedsearch-searchbox-button { width: 304px; margin-left: 3px; margin-top: 10px; cursor: pointer; }

.tx-indexedsearch-whatis { font-weight: bold; margin: 0px 0px 15px 0px; }
.tx-indexedsearch-sw {  }
.tx-indexedsearch-browsebox { margin: 0px 0px 15px 0px; }

.tx-indexedsearch-res1 { margin-bottom: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fef6d8; border:1px solid #fdca01; }
.tx-indexedsearch-res1 table { width: 550px; }
.tx-indexedsearch-title { font-weight: bold; margin: 0; padding: 0; }
.tx-indexedsearch-redMarkup { color: red; }


.tx-newloginbox-pi1 form { width: 520px; padding: 10px 0 10px 30px; margin: 15px 0px 0px 0px;}
.tx-newloginbox-pi1 h3 { font-size: 1.4em; font-weight: bold; padding-bottom: 0.8em; color: #2e17af; }
.tx-newloginbox-pi1 .loginuser { width: 300px; }
.tx-newloginbox-pi1 .loginpass { width: 300px; }
.tx-newloginbox-pi1 .loginsubmit { width: 304px; cursor: pointer; }

fieldset { border-style: none; }



.directMailSubForm { width: 355px; }
.directMailSubForm input { width: 330px; }
input.directMailSubFormSubmit { width: 334px; }

/*
'#####################################################
' TYPO3 - SPEZIFISCH
'#####################################################
*/
#container { width: 978px; }

#left, #middle, #right { float: left; min-height: 400px; height: auto !important; height: 400px;}
#left { width: 185px; margin: 47px 0px 0px 12px; padding: 0px 0px 0px 0px; }
#middle { width: 556px; margin: 20px 0px 0px 18px; padding: 0px 0px 0px 0px; }
#right { width: 166px; margin: 20px 0px 0px 30px; padding: 0px 0px 0px 0px; }

.csc-bulletlist { padding: 0; margin-left: 30px; }

.contenttable {  }
.contenttable-0 {  }
.contenttable-0  .tr-even {  }
.contenttable-0  .tr-odd {  }
.contenttable-0  tr {  }
.contenttable-0  .td-0 { white-space: pre; }
.contenttable-0  td { vertical-align: top; padding: 2px 10px 2px 2px; }


.contenttable-1 { background-color: #fdca01; }
.contenttable-1  .tr-even { background-color: #FFFFFF; }
.contenttable-1  .tr-odd { background-color: #fffae6; }
.contenttable-1  tr {  }
.contenttable-1  .tr-0 {background-color: #fef0bb;}
.contenttable-1  .td-0 { white-space: pre; }
.contenttable-1  td, th { vertical-align: top; padding: 4px 10px 4px 4px; }


.csc-uploads {  }
.csc-uploads-0 {  }
.csc-uploads-0 .tr-even {  }
.csc-uploads-0 .tr-odd {  }
.csc-uploads-0 .csc-uploads-fileName { padding-right: 10px; }
.csc-uploads-0 .csc-uploads-description { margin-left: 13px; }
.csc-uploads-0 .csc-uploads-fileSize { vertical-align: top; }

.csc-uploads-2 { background-color: #fdca01; }
.csc-uploads-2 .csc-uploads-icon { padding: 10px 10px 10px 0px; }
.csc-uploads-2 .csc-uploads-icon a { background-image: none; }
.csc-uploads-2 .tr-even { background-color: #fffae6; }
.csc-uploads-2 .tr-odd { background-color: #fffae6; }
.csc-uploads-2 .csc-uploads-fileName { padding: 10px; padding-bottom: 10px;}
.csc-uploads-2 .csc-uploads-description { padding: 0px 10px 10px 0px; margin-left: 13px; }
.csc-uploads-2 .csc-uploads-fileSize { padding: 10px; vertical-align: top; }



.csc-textpic a { background-image: none; margin: 0; padding: 0; }
#lightbox a  { background-image: none; margin: 0; padding: 0; }


.csc-menu { list-style: none; }



/*
'#####################################################
' Navigation oben mitte
'#####################################################
*/

	/*  Menu Tabs J */
#tabsJ { background:transparent; font-size:1.4em; line-height:normal; }
#tabsJ ul { margin: 0; padding: 0; list-style: none; }
/** html #tabsJ ul { padding-top: 8em; }*/

#tabsJ li { display:inline; margin: 0; padding: 0;}
      
#tabsJ a { float:left; background: url(/fileadmin/templates/picsBasis/gelb_variante3_left.gif) no-repeat left top; margin:0; padding:0 0 0 11px; text-decoration:none; }
#tabsJ a span { float:left; display:block; background: url(/fileadmin/templates/picsBasis/gelb_variante3_right.gif) no-repeat right top; padding:5px 10px 4px 5px; color:#2e17af; }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
    /* End IE5-Mac hack */
	 
#tabsJ a:hover span { color:#bea130; }
#tabsJ a:hover { background-position:0% -42px; text-decoration: none; }
#tabsJ a:hover span { background-position:100% -42px; }
    
    /*aktive Tabs*/
#tabsJ a.current  { background-position:0% -42px; }
#tabsJ a.current  span { background-position:100% -42px; color:#FF0; }





/*
'#####################################################
' Navigation oben rechts
'#####################################################
*/
#navSystem { position: absolute; width: 180px; height: 26px; overflow: hidden; top: 108px; left: 795px; margin: 0; padding: 0; }
#navSystem li { display: inline; float: left; list-style: none; padding-left: 18px;	 width: 15px; }
#navSystem li.home a {float: left; background: url(/fileadmin/templates/picsBasis/nav_home.gif) no-repeat -6px;}
#navSystem li.mail a {float: left; background: url(/fileadmin/templates/picsBasis/nav_mail.gif) no-repeat -6px;}
#navSystem li.seek a {float: left; background: url(/fileadmin/templates/picsBasis/nav_seek.gif) no-repeat -6px;}
#navSystem li.info a {float: left; background: url(/fileadmin/templates/picsBasis/nav_info.gif) no-repeat -6px;}
#navSystem li.login a {float: left; background: url(/fileadmin/templates/picsBasis/nav_login.gif) no-repeat -6px;}
		
#navSystem li.home a:hover {float: left; background: url(/fileadmin/templates/picsBasis/nav_home_hover.gif) no-repeat -6px;}
#navSystem li.mail a:hover {float: left; background: url(/fileadmin/templates/picsBasis/nav_mail_hover.gif) no-repeat -6px;}
#navSystem li.seek a:hover {float: left; background: url(/fileadmin/templates/picsBasis/nav_seek_hover.gif) no-repeat -6px;}
#navSystem li.info a:hover {float: left; background: url(/fileadmin/templates/picsBasis/nav_info_hover.gif) no-repeat -6px;}
#navSystem li.login a:hover {float: left; background: url(/fileadmin/templates/picsBasis/nav_login_hover.gif) no-repeat -6px;}
