/* Knowledge Base - Version 0.1*/
/*** two media types are supported: screen and print; find print at the end of this document **/
@media screen {

/*struktural*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 63.3em; /*1024Pixel*/
}
#all {	
	margin:0em;
	padding:0em;
	width:70.4em;
	font-size:0.9em;
}
#general{
	width: 63.6em;
	clear:both;
	margin:5.5em 0em 0em 3.55em;
	z-index:0;
}
* html #general{
	margin:0em 0em 0em 3.5em;
	width:70em;
}
#toolbar{
	width: 100%;
	height: 9.3em;
}
* html #toolbar{
	height:15em;
}
#toolbar_links{
	width: 100%;
	height: 1.6em;
}
#secondbar{ 
	height:6.5em;
	width: 100%;
	overflow:hidden;
}
#thirdbar{
	height:6.5em;
	width:100%;
	overflow:hidden;
}
#search_column{
	float: left;
	padding:0em;
	width:14.5em;
	font-size: 1em;
	overflow:hidden;
}
#browse_column {
	float: left;
	padding:0em;
	margin: 0em 0em 0em 0.9em;
	width:47.7em;
}
* html #browse_column{
	margin-left:0.6em;
	width:48em;
}
#editView_column {
	float: left;
	padding:0;
	margin:0em 0em 0em 0.9em;
	font-size: 1em;
	width:47.7em;
}
#info_column{
	margin:0.2em 0.4em 0em 0em;
	float:right;
	width:14.5em;
	font-size:1em;
}
#browse,
#editView{
	width:100%;
	margin:0em;
	padding:0em;
}

/*tags*/
img, 
fieldset{
	border: 0px none;
	margin:0px;
	padding:0px;
}
input {
	font-size:1em;
	margin:0;
	padding:0;	
}
select {
	width: 12.6em;
	font-size:0.89em;
}
* html select{
	margin-left:2em;
}
/*Weiße schrift für Hauptmenues*/
h1{	font: bold small-caps 1em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0;
	padding:0;
}
/*blaue schrift für untermenues*/
h2{
	color: #3e73ac;
	font-size:0.9em;
	font-weight:bold;
}
/*graueblaue  schrift*/
h3{	
	font:bold small-caps 1em Verdana, Arial, Helvetica, sans-serif;
	color: #cbdae9;
	margin:0;
	padding:0em 0em 1em 0em;
}
hr{
	width:100%;
	border:0px none;
	border-bottom:1px solid #dfdfdf;
	position:relative;
}
p{	font-size:0.7em;
}

/*Classes*/
.column_toolbar{
	height: 4em;
	background-color:#f0f0f0;
	border-bottom:1px solid #e2e2e2;
}
.column_intro{
	display:none;
}
	
/*** structural divs **/
#language,
#font_switch{
	float: left;
	padding:0;
	margin:0;
	border: 0.1em solid #FFFFFF;
}

/*** toolbarlinks ***/
#toolbar_links ul{
	float:right;
	list-style-type: none;
	margin:0em;
}
#toolbar_links ul li{
	float: left;
}
#toolbar_links ul li a{
	padding: 0.2em;
	color: #666666;
	text-decoration: none;
	font-size:0.8em;
}

/*** language ***/
#language ul{
	border: 0px none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center
}
#language ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#language ul li a{
	background: #698DD2;
	border-top: 2px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 0.2em;
	margin: 0;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size:0.9em;
}
#sortCSForm {
	margin:0;
	padding:0;
}
#sortCSForm label {
	color:#000066;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0em 0.5em 1em 0.5em;
	padding: 0em;
}	
/*** editView ***/



/*** editView: View ***/
#editView div.sectionName {
	margin: 1em 0.3em 0.9em 0em;
	background-color:#ffffff;
	padding: 0em 0.2em 0em 0em;
	font-size: 1em;
	font-weight:bold;
	color:#3e73ac;
}
#editView div.sectionName.black {
	color:#000000;
	font-weight:bold;
}
#editView p{
	margin: 0em 0.3em 1em 0em;
	padding: 0em 0.2em 0em 0em;
	font-size:0.7em;
	line-height: 1.5em;
}
#editView a{
	margin: 0em 0.3em 1em 0em;
	padding: 0em 0.2em 0em 0em;
	font-size:0.8em;
	line-height: 1.5em;
	color:#000000;
}
#editView ul{
	margin: 0.3em 0.3em 1em 1.0em;
	padding: 0em;
	font-size:0.8em;
}
#editView ul li{
	margin: 0em;
	padding: 0.1em;
}
#editView div.fieldName {
	margin: 0em 0.3em 0em 0em;
	padding: 0em 0.2em 0em 0em;
	font-size: 0.8em;
	font-weight:bold;
	color:#000000;
}
table.informations {
	width:100%;
}
table.informations td {
	background-color:#eaf3f9;
	font-size:1.1em;
	margin:0px;
	padding-left:0.3em;
}
#editView table.informations td.tabellen_info p{
	font-size: 0.8em;
	color:#666666;
	margin:0px;
	padding:0px;
}

/*** editView: edit ***/
#contentEditForm{
	margin:0;
	padding:0;
}
#contentEditForm fieldset {
	padding: 0em 1em 1em 1em;
	margin: 0em 0em 1.5em 0em;
	display:block;
	position: relative;
	border: 1px solid #e2e2e2;
	background-color: #f0f0f0;
}
#contentEditForm fieldset legend {
	color: #3e73ac;
	font-size:0.9em;
	font-weight:bold;
}
#contentEditForm fieldset label {
	padding: 0em;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 1em 0em 0.2em 0em;
	clear:both;
	display:block;
}
.button_saveAndNew {
	text-align:left;
	width:21em;
}
form #contentEditForm fieldset input,
form #contentEditForm fieldset select,
form #contentEditForm fieldset .mceEditor{
	margin-bottom:1.2em;
}
#contentEditForm fieldset p {
	font-size: 0.8em;
	margin: 0.1em 0.5em 0.3em 0em;
	padding:0;
}
.error{
	color: red;
	font-size: 0.8em;
	font-style:normal;
	background-color:#FFF2F2;
	border: 1px solid #FF0000;
	padding: 0.1em;
	clear:both;
}
.invalidLogin{
	color: red;
	font-size: 0.8em;
	background-color:#FFF2F2;
	border: 1px solid #FF0000;	
	padding: 0.2em;
	margin:0.5em 0.5em;
	width: 8em;
	text-align:center;
	display:block;
}
#errorMessages {
	position:absolute;
	top:1.4em;
	left:43.5em;
	z-index:200;
	height:6em;
	vertical-align:text-bottom;
}

/*** Statistik **/
b{
	display:block;
	font-size: 1em;
}
.statisticsList{
	display: block;
}
.statisticsList ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear:both;
}
.statisticsList li{
	float: left;
	display: block;
	padding: 0.2em;
	margin: 0.2em;
	font-size: 0.8em;
	background-color:#FFFFFF
}
#label_1_2_toolbar,
#select_1_2_toolbar,
#div_help_1_2_toolbar{
	display:none;
}
#label_2_5_toolbar,
#select_2_5_toolbar,
#div_help_2_5_toolbar{
	display:none;
}
#label_2_6_toolbar,
#select_2_6_toolbar,
#div_help_2_6_toolbar{
	display:none;
}
#label_3_2_toolbar,
#select_3_2_toolbar,
#div_help_3_2_toolbar{
	display:none;
}
#label_3_3_toolbar,
#select_3_3_toolbar,
#div_help_3_3_toolbar{
	display:none;
}
#label_3_4_toolbar,
#select_3_4_toolbar,
#div_help_3_4_toolbar{
	display:none;
}
#label_5_2_toolbar,
#select_5_2_toolbar,
#div_help_5_2_toolbar{
	display:none;
}
#label_6_6_toolbar,
#select_6_6_toolbar,
#div_help_6_6_toolbar{
	display:none;
}
#label_2_1_toolbar,
#select_2_1_toolbar,
#div_help_2_1_toolbar{
	display:none;
}
.active {
	color: #FFF;
	font-weight: bold;
}
.rte{
	float:left;
	clear: both;
	display:block;
}
#addContent {
	width: 29.5em;
}
.hta_preview {
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
	width: 420px;
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 0.8em;
	clear: both;
	padding: 0px;
	overflow-y: scroll;
}
.btnImage {
	cursor: pointer; 
	float: left; 
	clear: none;
}
div.ajax_wait {
	position: absolute;
	padding: 25px;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:0.9em;
	left: 45%;
	top: 45%;
	border: 2px solid #dfdfdf;
}
div.ajax_wait img {
	margin-left:1.8em;
}
.mceEditor,
.mediaLibraryShortcuts {
	float:left;
}
.mceEditorContainer {
	margin-bottom: 1em;
}
.clear {
	clear: both;
}
.hasNoMediaContent {
	margin-bottom: 3px;
}
.hasMediaContent {
	border-bottom: 3px solid black;
}



/********************************************************************************************************

Hier ist der erste versuch

********************************************************************************************************/

/* kompletter head mit allen tollbars, logos und search*/

/*Zweite Leiste*/
#secondbar{ 
	background-color:#ededed;
	z-index:1;
}
	#secondbar #logo {
		width:49%;
		height:100%;
		float:left;
	}
	#secondbar #logo img,	
	#userActions {
		width:100%;
	}
	#secondbar #toolbar_tabs{
		float:right;
		height:100%;				
	}
	#toolbar_tabs{
		width:50%;
	}
	#toolbar_tabs #userActions {
		position:relative;
		right:5em;
		float:right;
		top:1em;
	}
	.reiter {
		background: url('/images/reiter.gif') repeat-x top left;
		font:0.9em Verdana, Arial, Helvetica, sans-serif;
		float:right;
		cursor:pointer;	
		overflow:hidden;
		text-align:center;
	}
	.none{
		background-color:#ededed;
		position:relative;
		right:2px;
		z-index:100;
	}
	.reiter a{
		text-decoration:none;
		color:#000000;
		font-weight:bold;
		z-index:10;
		position:relative;
		top:-0.5em;
	}
 	.right{
 	 	width:100%;
 	}
 	.right ul{
		margin: 0;
		padding:0;
		list-style-type:none;
	}
	.r1{
		position:relative;
		top:-0.4em;
	}
	*html .r1{
		position:relative;
		top:-0.2em;
	}
	.r2{
		position:relative;
		bottom:-4.0em;
		z-index:20;
	}
	 * html .r2{
		top:4.0em;
	}
	#login{
		position:relative;
		top:-2.5em;
		left:-1em;
	}
	#login_link a {
		margin:0 0.5em;
	}
	
/*Dritte Leiste*/
	#thirdbar #toolbar_search_AddContent{
		width:88%; 
		height:100%;
		float:left;
	}
	* html #thirdbar #toolbar_search_AddContent{
		width:88%;
		height:103%;
	}
	#thirdbar #toolbar_search_AddContent #bg{ /*HIntergrund*/
		width:100%;
		height:100%;
		z-index:0;
	}
	#thirdbar #toolbar_search_AddContent #head_bg_div{ /*Inhalt um hintergrund hochschieben*/
		z-index:1;
		position:relative;
		margin:-6em 0 0 0;
		padding:0em 0em 0em 0.35em;
	}
		#thirdbar #search_count{
			float:left;
			width:35em;
			padding:0;
			margin:1em 0em 0em 0em;
			height:3em;
		}
			#thirdbar #search_count fieldset {
				display:inline;
			}
			#thirdbar #search-count textarea,
			#thirdbar #search-count input,
			#thirdbar #search-count select {
				margin: 0em;
				padding: 0em;
			}
		#thirdbar #search_count fieldset label {
			color:#FFFFFF;
			font-variant:small-caps;
			font-weight: bold;
		}
		#thirdbar #div_help_3_1_toolbar{ 
			position:relative;
			top:0.4em;
		}
		* html #thirdbar #div_help_3_1_toolbar{
			position:relative;
			top:-9.0em;
			left:-38.5em;
		}
		* html #thirdbar #search_count fieldset{
			width:35em;
			height:3em;
		}
		#thirdbar #search_button_toolbar{
			position:relative;
			top:0.2em;
			height:1.9em;
		}
		* html #thirdbar #search_button_toolbar{
			top:-12.2em;
			left:-19.0em;
		}
		#thirdbar #search_count, 
		fieldset .searchSelect{
			display:inline;
		}
		* html #thirdbar #search_count {
			display:inline;
			height:1em;
		}
		#thirdbar #menue_line{
			float:left;
		}
		#thirdbar #menue_line img {
			height:5.3em;
			width:1px;
		}	
		#thirdbar #add_content_count{
			margin:1em 1em 0 0em;
			float:right;
			width:15em;
			text-align:right;
		}
		* html #thirdbar #add_content_count{
			position:relative;
		}
		#thirdbar #add_content_count h1{
			display:inline;
		}
		#thirdbar #add_content_count a{
			text-decoration:none;
			position:relative;
			top:-0.9em;
		}
		#thirdbar #add_content_count p{
			text-decoration:none;
			color:#FFFFFF;
			font-variant:small-caps;
			font-weight:bold;
			vertical-align:middle;
		}
		#thirdbar #add_content_count #add_content_button{
			height:2.5em;
			position:relative;
			top:0.9em;
		}
	#thirdbar #shadow1, #thirdbar #shadow2{
		width:5%;
		height:100%;
	}
	#thirdbar #shadow1, #thirdbar #menue_eck_l{
		float:left;
	}
	#thirdbar #shadow2, #thirdbar #menue_eck_r{
		float:right;
	}
	#thirdbar #menue_eck_l, #thirdbar #menue_eck_r{
		width:1%;
		height:100%;
	}
	#thirdbar #shadow1 img,	
	#thirdbar #shadow2 img, 
	#thirdbar #menue_eck_l img, 
	#thirdbar #menue_eck_r img{
		width:100%;
		height:100%;
	}

/*Info Column ist nur im Hauptfenster rechts*/

#welcome,
#statisticsLeft,
#pagesettings{
	width:90%;
	padding:0em 1em 1em 1em;
	background-color:#ffffff;
}

/* search_column ist erste Spalte im Hauptfenster*/
#search_column #search_button{
	width:8em;
}
#search_column .fontsize{
	height:1.3em;
}
#test {
	float: left;
	padding:0em;
	width:14.5em;
	font-size: 1em;
	background-color:#96c1df;
}
#search_column #auswahl_bg{
	width:100%;
	height:17em;
	margin:0em;
	padding:0em;
	z-index:-10;	
}
#search{
	margin:0em;
	padding:0em;
	height:auto;
	overflow:visible;
	z-index:1;		
}
#search_column #searchContentForm{
	margin:-17em 0 0 0em;
	padding:0;
	z-index:2;		  
}
#search_column .auswahl_bg_div{
	z-index:1;
	margin:0em;
	padding:0 0 0 1em;	
}
#search_column  #auswahl_ecku{
	width:100%;
	position:relative;
	top:-0.6em;
	padding:0;
	clear:both;
}
#search select{
	margin-bottom:1em;
}
* html #search select{
	margin-left:0px;
}
#search_column fieldset label{
	font-size:0.8em;
	font-weight:bold;
	color:#FFFFFF;
}
#search_column fieldset input{
	margin:0 0 0.9em 0em;
	width:10.8em;
	padding:0;
}
#label_3_1, 
#select_3_1, 
#div_help_3_1,
#search_column .column_toolbar{
	display:none;
}
/*alle fragezeichen icons*/
.search_info_icon{
	float:right;
	position:relative;
	right:0.4em;
	height: 1.6em;
}
/*das seperate*/
.searchToolbar_info_icon{
	height: 1.6em;
}
#search_column #searchbutton_bg{
	width:7.2em;
	height:1.8em;
}
#search_column #searchbutton_bg input{
	width:100%;
}
#search_column #searchbutton{
	color:#FFFFFF;
	position:relative;
	top:-1.7em;
	left:0.5em;
	font-size:0.9em;
	cursor:pointer;
}
#auswahl_ecku2{
	float:left;
	clear:both;
	width:100%;
}

#lensInformation {
color:white; 
float:right; 
position:relative; 
top:-3em; 
left:-2em;
}

/*hier sind die suchergebnisse */
#browse_column h1, 
#browse_column .column_intro, 
#browse_column label{
	display:none;
}
#sortDiv{
	padding-top: 1.9em;
}
#resNumber{
	float:left;
	padding: 0.35em 1.7em 0 0.5em;
	color:#3e73ac;
	font-size:0.9em;
	font-weight:bold;
}
#sortType {
	margin-right:0.3em;
}
#sortButton{
	position:relative;
	top:-0.1em;
}
.caseResult{
	margin: 0.1em 0em 0em 0em;
	padding: 0.3em 0.3em 1.7em 0em;
	border-bottom:1px solid #dfdfdf;
	clear:both;
}
.caseResult a{
	padding: 0.2em;
	margin: 0.3em;
	font-size: 0.7em;
	color:#3e73ac;
	line-height:2.0em;	
}
.submissionCountry{
	color:#666666;
	font-size:0.7em;
	margin:0 0.5em 0.8em 0;
}
.submissionDate{
	float:left;
	color:#666666;
	font-size:0.7em;
	margin:0 0.5em 0.8em 0;
}
.submissionUser{
	color:#666666;
	font-size:0.7em;
	margin-bottom:0.8em;
	float:left;
}
.fieldName{
	font-size:1.1em;
	color:#3e73ac;
	font-weight:bold;
	margin-bottom:0.4em;
	display:block;
}
.fieldName a{
	margin:0 0 1em -0.2em;
	text-decoration:none;
	line-height:1.1em;
}
.fieldName a:hover{
	text-decoration:underline;
}
.fieldContent{
	font-size:0.75em;
	margin-bottom:0.8em;
}
.reviewedCase{
	float:right;
	margin:1.5em 0 0 1em;
}
img.qualitySeal{
	height:4.4em;
}
.more-details{
	float:right;
	position:relative;
	top:-1.5em;
}
.more-details img{
	position:relative;
	top:0.8em;
	height: 2.5em;
}
.popularity{
	color:#666666;
	font-size:0.7em;
}

/*hier ist der rest ausführlich*/
#editView_column h1{
	display:none;
}
#editView{
	color:#000000;
}
#editViewToolbar a img,
#editViewToolbar_footer a img  {
	position:relative;
	top:1em;
	padding:0.5em;
	background-color:#f0f0f0;
}
#editViewToolbar a,
#editViewToolbar_footer a{
	padding: 0.2em;
	margin-top: 0.3em;
	font-size: 0.75em;
	color:#3e73ac;
}
#editViewToolbar.column_toolbar{
	padding-left:20em;
}
#editViewToolbar_footer.column_toolbar{
	padding-left:1.5em;
}
#editViewToolbar #backLink{
	position:relative;
	left:-25em;
}
#editViewToolbarfooter #ftopLink,
#editViewToolbarfooter #fbackLink{
float:left;}
.test,
#information{
border:1px solid red;}

#search_column h2 {
	border-bottom: 1px solid #dfdfdf;
	background-color:#f4f4f4;
	height:2em;
	padding: 0.7em 0 0 0.5em;
	margin-left:-1em;
	width:105%;
}
* html #search_column h2{
	width:133%;
	margin: 0 -1.1em 0 -1.1em;
}
#statisticsLeft table td {
	border-collapse: collapse;
	text-align:center;
	border: 1px solid #dfdfdf;
	padding: 0em 0.2em 0em 0.2em;
}
#statisticsLeft table td p .number{
	color:#3e73ac;
	font-size:1.4em;
	display:block;
	font-weight: bold;
}
}




/***  **/
/***  **/
/*** two media types are supported: screen and print; find print at the end of this document **/
@media print {
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:99%;
}
#all {	
	margin:0;
}
/*** structural divs **/
#toolbar, 
#toolbar_links #home,
#toolbar_links #contact_link,
#toolbar_links #legalNote_link,
#toolbar_tabs #search_link,
#toolbar_tabs #login_link,
#logo a img,
#language,
#login,
#search,
#browse, 
#menue_eck_l, 
#menue_eck_r
{
	display:none;
}
#toolbar_links #home{
border:1px solid red;}

#general{
	padding:0;
	margin:0;
}

#editView{
	font-size: 1em;
	background-color:#ffffff;
}

/*** editView: View ***/
#editView div.sectionName {
	margin: 0em 0.3em 1em 0.3em;
	background-color:#ffffff;
	padding: 0em 0.2em 0 0.2em;
	font-size: 1em;
	font-weight:bold;
	color:#000066;
}
#editView p{
	margin: 0em 0.3em 1em 0.3em;
	padding: 0em 0.2em 0 0.2em;
	font-size:0.8em;
	color:#000066;
	line-height: 1.5em;
}
#editView a{
	margin: 0em 0.3em 1em 0.3em;
	padding: 0em 0.2em 0 0.2em;
	font-size:0.8em;
	color:#000066;
	line-height: 1.5em;
}
#editView ul{
	margin: 0.3em 0.3em 1em 2em;
	padding: 0em;
	font-size:0.8em;
}
#editView ul li{
	margin: 0em;
	padding: 0.1em;
	color:#000066;
}
#editView div.fieldName {
	margin: 0em 0.3em 0em 0.3em;
	padding: 0em 0.2em 0 0.2em;
	font-size: 0.8em;
	font-weight:bold;
	color:#000066;
}
.printHidden {
	display: none;
}	
}