/*
	Changes by hlau in reply to stefans urgent request
	to fix (enable) vertical scrolling in Safari
	
	10.08.2007 15:45 hlau
	
	"-" : statement removed
	"+" : statement added
	
	- body,html position:absolute;
	- #basetable margin-right:auto;
	+ #basetable margin-right:0px;
*/





/*
	Height-Scaling of the content row in the base table
	to 100% causes this row to be as high as the table
	(paradox). Produces Vertical Scrollbars in IE/7.
*/
#basteTablesContentRow {
	height:100%;
}







/*
	haupttemplate
*/
body,html{
	height: 100%;
	padding: 0px; margin:0px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}



TABLE, TR, TD, div, img, form, fieldset, ul, dl, dt, dd{
	padding:0px;
	margin:0px;
	border:none;
}
div.clearer{
	clear: both; 
	height: 0px;
}
/*div{   /*DEBUG
	border: 1px solid black;
}*/
TABLE, TR, TD{
	border-collapse:collapse;
	border-spacing: 0px;
	empty-cells: show;
	overflow: visible;
	vertical-align: top;
}

/*  IE nervrt langsam wirklich:	inherit funktioniert hier nicht. */
a, a:visited, a:active{
	color: black;
}
/*für alle anderen....*/
a, a:visited, a:active{
	text-decoration: none;
	color: inherit;
}
a:hover{
	color: #990000;	 
}
h1,h2,h3,h4,h5{ /*header sind über kapselndes div gesteuert*/
	font-size: 100%;
	margin: 9px 0px 9px 0px;

}
img{
	display: block;
}

ul{
	padding: 3px;
	padding-left: 25px;
}

li{
	padding: 1px;
}

.contentcolor{
	background-color: #C1D8D3;
}
.contentcolorLight{
 	background-color: #E9F1EF;
}
#basetable{
/*	width: 904px;    ...überskalierung kann vorkommen.*/
	height: 100%; 
	margin-left: 20px; 	
	margin-right: 0px;
}
#rootline{
	height: 16px; 
	padding-left: 16px; 
	padding-top:2px; 
	background-color: #C1D8D3;
}
#menuservice{} .menuserviceItem, #menuserviceHeader{
	text-align: right;			
	vertical-align: bottom;
	height: 12px;
	padding-bottom: 5px;
	padding-right: 11px;
	font-size: 11px;
	color: #180600;
	/*text-transform:lowercase;*/
}

#menuserviceHeader{
	height: 17px;
	font-size: 14px;
	padding-top: 2px;
/*	padding-bottom: 4px;   ...'suche' entfernt*/
	padding-bottom: 4px;
	font-weight: bold;
}



/*
"suche" jetzt oben statt login.

#menuserviceSearcher{
	text-align: right; 
	height: 16px;
	padidng-top: 0px;
	padding-right: 1px; 
}
#menuserviceSearcher input{
	text-align: right;
	width: 125px;
	height: 12px;
	margin-left:2px;
	text-align: right;
}
*/
#headerOR{
	color: #79857E;
	padding-top:32px;
	vertical-align: bottom;
}
#suche input{
	width:149px;
}

input#loginsubmit, input#suchesubmit{
	padding: 0px; border: 0px;
	margin: 2px 0px 2px 6px;
	width: 17px;
	height: 16px;
}

.schattenU, .schattenR {
	vertical-align: top;
}
.schattenU{
	background: url(pics/schattenU.gif);
	background-repeat: repeat-x;
}
.schattenR{
	background: url(pics/schattenR.gif);
	background-repeat: repeat-y;
}
.schattenUR{
	background: url(pics/schattenUR.gif);
	background-repeat: no-repeat;
}
.schattenU img, .schattenR img {
	display: block;
}
.schattenMintU{
	background: url(pics/schattenMintU.gif); 
	background-repeat: repeat-x;
}

.menuleftContainer{
	width:189px;  /*verhindert zusammenschieben der Spalte...*/
	height: 474px;
}
#menuleft{
	width: 165px; 
	margin-left:13px; 
	margin-top: 3px;

}
.menuleftThumb{
	width: 52px;
	height: 39px;
	border:none;
	vertical-align:bottom;
	border-bottom: 1px solid #79857E;
}
.menuleftItem,  .menuleftTreeItem{
	width: 112px;
	height: 38px;
	padding-bottom: 1px;
	padding-left: 3px;

	border-bottom: 1px solid #79857E;
	
	text-align: right;
	/*text-transform:uppercase;*/
	vertical-align: bottom;
	color: #79857E;
	font-size: 10px; /*TODO eigentlich 8px, font zu "klein"*/
}		
.menuleftItemSelected{
	color: #000000;
}
.menuleftTreeItem{
	border: none;
	height: 20px;
}
.navi{
	height:37px;
	vertical-align: bottom;
	text-align: left; 
	font-size: 11px;
	color: white;
	background-color: #990000;
}
.navi a, .navi a:visited{ /*ja, lieber Herr Internet Explorer, ich weiss dass du dich mit dem Erbschaftsrecht nicht auskennst*/
	color: white;
}
.navi a:hover{
	color: black;
}
.navi table{
	margin-left: auto; margin-right: auto;
}
.naviItem, .naviItemSelected{
	vertical-align: top;
	padding-left: 14px;
	padding-right: 14px;
	padding-top:4px;
	height: 14px;
	padding-bottom: 7px;
	text-transform:uppercase;
}
.naviItemSelected{
	background-color: #79857E;
	position: relative;
	z-index: 99;
}
.naviSpacer{
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
#subnavi, .subnavi{
/*			margin-top: -10px;*/
/*			padding-left: 392px; */
	background-color: #79857E;
	height: 15px;
}
.subnaviItem a, .subnaviItem a:visited{
	color:black;
}
.subnaviTable{
	position: absolute;
	top: 21px; 
	left: -19px;
}
.subnaviTableRight{
	position: absolute;
	top: 21px; 
	right: -10px;
}
.subnaviItem, .subnaviItemSelected{
	position: relative;
	padding-top: 1px;
	padding-left: 19px; 
	padding-right: 6px;
	white-space: nowrap;
	font-size: 10px;
	color: #000000;		
	background-color: transparent;
}
.subnaviItem a:hover{
	color: #990000;
}
.subnaviItemSelected{
	color: #FFFFFF;
}
.subsubnavi{
	z-index:9999;
	position: absolute; 
/*	display: none;*/
/*	visibility: hidden;*/
	left: -15px;
	top: 18px;
	opacity: 0.93;

	background-color: #79857E;
	
	padding-top: 2px;
	padding-left: 18px; 
	padding-right: 18px; 
	padding-bottom: 8px;
	text-align:left;
}

.subsubnaviItem, .subsubnaviItemSelected{
	margin-top: 10px;
	color: #000000;
}
.subsubnaviItemSelected{
	color: #FFFFFF;
}


input{
	height: 12px; 
	padding: 2px;
	padding-top:1px;
	margin:0px;
	margin-top: 1px;
	margin-bottom: 2px;
	font-size:11px;			
	color: #79857E;
}
#loginuser{
	width:80px;
}
#loginpass{
	margin-left: 0px;
	width:49px;
}

#loginsubmit{

}
.content{
	padding: 12px 17px 32px 17px;
/*	text-align: justify;*/
	background-color: #C1D8D3;
}
.content1, .text p{
	background-color: #E0ECE9;
	/*IE6-Seifenoper:*/	
/*	margin-bottom:6px; */
}

.backlinkOben,.backlinkUnten{
	width: 490px;   /*missbrauch als breithalter für Safari..*/
	clear: both;
	color: #79857E;
	font-size:10px;
}
.backlinkOben{
	height: 10px;
	padding-bottom:10px;
}
.backlinkUnten{
	padding-top: 20px;
}


#banner{
	width: 165px; 
	height: 86px;  
/*	border: 1px solid #AFB6B2; */
	margin-left:13px; 
	margin-top: 1px; 
	margin-bottom: 15px;
}

#bannerOben{
	padding-top:    4px;
	padding-bottom: 2px;
	font-size: 0px;
}

#bannerOben img{
	display:inline;
}

#logo{
	vertical-align:middle;
}

#newsletterbanner, .banner{
	width: 166px; 
	height: 73px;  
	border: 1px solid #AFB6B2; 
	margin-top: 6px; 
	/*margin-bottom: 15px;*/
}

	
/*
 * News
 */ 

.news-list-itemL, .news-list-itemR {
	padding: 0px 0px 0px 0px;

	
	clear: both;		
}
.news-list-itemL div, .news-list-itemR div{
/*	padding: 33px 0px 0px 0px;*/
}
.news-list-itemL img{
	margin-left:12px;
	float: right;
	margin-bottom: 10px;
}

.news-list-header {
	font-weight: bold;
/*	margin-bottom: 5px;*/  
}
/*.news-list-itemR img{
	margin-right: 8px;
	float: left;
	margin-bottom: 10px;
}
*/
.news-single-backlink img{
	border: none;
	vertical-align: middle;
}

/*
	Suche
*/
.tx-indexedsearch-title{
	font-weight: bold;
}

/*
	content
*/

/*.csc-firstHeader h1, .csc-header h1, .news-list-header{*/
.csc-header, .news-list-header, .news-single-item h2{
	font-size: 14px;
	padding: 0px;
	margin:0px;
	padding-top: 2px;
	padding-bottom: 5px;
}
.news-single-item h3{
	font-size:12px; 
	font-weight: bold;
}

/*.csc-firstHeader h2, .csc-header h2{
	font-size: 14px;
	font-weight: bold;
	color: #A12928;
	padding: 0px;
	margin:0px;
	padding-top: 2px;
	border-bottom: 1px solid #A12928;
	margin-bottom: 12px;
}*/

.csc-firstHeader h3, .csc-header h3{
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin:0px;
	padding-top: 2px;
	padding-bottom: 13px;
}

.csc-subheader{
	text-align: left;
	font-size:12px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 18px;
/*	margin-top: -12px;*/
}

.bodytext{
	margin: 0px;
	text-align: left;
	font-size: 12px;
	padding-bottom: 23px;
}
.bodytext a{
	color:#990000;
}
.bodytext a:hover{
	color:black;
	text-decoration: underline;
}

span.kleinerText{
	font-size: 10px;
}

.contentelement{
	padding-left: 8px; padding-right: 8px;
	padding-bottom:0px;
	margin-bottom: 11px;
}


/*bilder ohne rahmen im content*/
/*.content1 .csc-textpic-intext-right .csc-textpic-imagewrap, .content2 .csc-textpic-intext-right .csc-textpic-imagewrap  {*/
.csc-textpic-imagewrap{
	margin: 10px;
	margin-bottom: 16px;
	/*IE6-Seifenoper:*/	
	/*	position: relative;*/
 	margin-right: 3px;
	margin-top: -25px;
	padding: 0px;
}

.content0 .csc-textpic-intext-right .csc-textpic-imagewrap {
	background-color: white;
	
	margin: 0px -25px 23px 0px;
/*	margin-right: -25px;
	margin-bottom: 23px;	*/
	
	/*IE6-Seifenoper:*/	
/*	position: relative;*/
/* 	margin-right: -25px;*/

	
	padding: 5px;
	padding-right: 0px;

}
/*einzellbild schön knapp auf weiss ohne extrarand... */
.content0 div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { 
	margin-bottom:0px;
}

/*mehrere bilderreihen mit abständen und evlt. unterschrift*/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image .csc-textpic-caption {
	margin-bottom: 10px;
}

/*fix für neuere Typo3 4.3.x css styled content */
div.csc-textpic div.csc-textpic-single-image img {
	margin-bottom: 0px;
}

table.contenttable{
	width: 490px;
	margin-bottom:30px;
}
table.contenttable td{
	height: 14px;
	width: 240px;
	padding: 1px;
	padding-left: 5px;
}
table.contenttable ul{
	padding: 3px;
}

table.contenttable img{
	margin: 5px;
}
table.contenttable td a, table.contenttableSchmal td a{
	color:black;
}
table.contenttable td a:hover, table.contenttableSchmal td a:hover{
	color:#990000;
}
table.contenttableSchmal td{
	padding: 2px;	
	padding-left: 5px; padding-right: 5px;
}
table.contenttableSchmal td img{
	margin: 6px;
}

table.contenttableSchmal .bodytext{
	margin-top: 5px; margin-bottom: 5px;
}

table.contenttableSchmal td P, table.contenttable td P{
	margin: 0px;padding: 0px;
}

tr.tr-even{
	background-color: #E0ECE9;
}
tr.tr-odd{
	background-color: #C1D8D3;
}

td.logozelle{
	text-align: center;
	vertical-align: middle;
	background-color: white;
	width: 140px;
}
td.logozelle img{
	display: block;	
	margin: auto;
}
a.external-link, a.external-link-new-window, a.internal-link, a.internal-link-new-window, a.download, a.mail{
	
}
.csc-mailform div{
	margin: 3px;
	background-color: #E0ECE9;	
}
.csc-mailform label{
	display: block; 
	float: left;
	width: 150px;
}

.csc-mailform-radio-label label{
	/* float: none;
	display: inline; */
	width:300px;
}

.csc-mailform-submit{
	height: 20px;
	color: black;
}
legend{
	display: none;
}
/*.csc-textpic, */



/* Medialexikon*/

.text{
	margin: 0px; padding: 0px;
}
.synonyms{
	display:inline;
}
#medialexikonEintrag .related{
	padding: 3px; margin: 0px;
	margin-bottom: 15px;
}
#medialexikonEintrag a{
	color: #990000;
}
#medialexikonEintrag p{
	padding: 10px;
	margin-bottom:10px;
}

.level0, .level1{
	width: 150px;
	border: none;
	overflow: auto;
	margin-bottom:5px;
	margin-top: 3px;
}
.level1{
	width: 317px;
	overflow: auto;
	margin-left:4px;
}
#medialexikon{
	width: 485px;
}
#medialexikonSuche form{
/*	border: 2px solid  #990000;*/
 	background-color: #E9F1EF;
	padding: 4px;
}
#medialexikonSuche input,select{
	margin-top: 3px;
	margin-bottom: 2px;
	height: auto;
	color: black;
}
#medialexikonSuche select{
	width: 86px;
}
#medialexikonSuche .suchbegriff{
	height: 15px;
}
.suchbegriff{
	width: 157px;
}
.medialexikonArtikel, .browser{
	padding-bottom:6px;
	border-bottom: 1px solid #AAAAAA;
}

.medialexikonArtikel h2{
 margin-right: 7px;
}
.browser h2{
	display: inline;
}
.content5{
	display: none;
}




