/* ----- Gesamt-Ansicht ----- */

/*
triads-orange headers: E85C00
triads-blue links: 220CB6
triads-green: 9FC908
*/

.xdebug { border: 1px solid red; }

.mainBox {
	background-color:white;
	padding-left:20px; padding-right:14px;
	padding-top:12px; padding-bottom:12px;
	margin-top:0px; margin-bottom:0px;
}

body {
	width:900px;
	margin-left:auto; margin-right:auto;
	margin-top:0px; margin-bottom:0px;
	padding-left:20px; padding-right:20px;
	padding-top:4px; padding-bottom:6px;
	background-color:#e0e0e0;
	font:normal 13px verdana,sans-serif;
}

h1, h2 {
	padding:0px;
	margin:0px;
	font-size:0px;
}

li {
	margin-top:1px;
	margin-bottom:1px;
}

form {   /* For nice Internet Explorer Layout */
	margin:0px;
}

.searchError,
.form .error
{
	font:normal 11px verdana,sans-serif;
	color:#ff0000;
	margin-top:2px;
	margin-bottom:4px;
}

.form .fieldError {
	font:normal 11px verdana,sans-serif;
	color:#ff0000;
	margin-top:2px;
}

.form .errorField {
	border: 1px solid red;
	margin-bottom:2px;
}

.form .label {
	font:normal 11px verdana,sans-serif;
	margin-right:2px;
}

.form .labelAbove {
	font:normal 11px verdana,sans-serif;
	padding:0 0 1px 2px;
	margin-right:2px;
}

.form .true { /* colored labels of mandatory formfields */
	color:#E85C00;
	font:normal 10px verdana, sans-serif;
}

.form .input {
	font:normal 12px verdana,sans-serif;
}

.form .inputReadonly {
	font:normal 12px verdana,sans-serif;
	color:#606060;
}

.form .inputError {
	font:normal 12px verdana,sans-serif;
	border: 1px solid red;
	padding:1px;
}

.form .submit {
	color:#202020;
	font:bold 12px verdana,sans-serif;
}



.dctext {   /* Normal text */
	font:normal 13px verdana,sans-serif;
	color:black;
}

.dcText {   /* Normal text */
	font:normal 13px verdana,sans-serif;
	color:black;
}

.bigText {
	font:normal 15px verdana,sans-serif;
}

.mediumText {
	font:normal 12px verdana,sans-serif;
} 

.smallText {
	font:normal 11px verdana,sans-serif;
}

.standardColorText {   /* normal text color */
	color:black;
}

.greyText {   /* text, greyed out */
	color:#808080;
}

.darkGreyText {
	color:#303030;
}	

.linkText { /* text for buttons etc. */
	color:#220CB6;
}

.headingColor {
	color:#E85C00;
}

.signalColor {
	color:#9FC908;
}


.boldText {
	font-weight:bold;
}

.hint {   /* for hints in the text */
	font:normal 12px verdana,sans-serif;
	color:#a0a0a0;
	margin-top:5px;
	margin-left:12px;
}

.userText {
	font:normal 12px verdana,sans-serif;
	color:black;
	/* text-align: justify; */
}

.headingText {
	font:normal 18px verdana,sans-serif;
	color:#E85C00;
}

.imageTitleText {
	font:italic 11px verdana,sans-serif;
	color:#808080;
}

.heading1 { /* For headings in normal textflow */
	font:normal 18px verdana,sans-serif;
	color:black;
}

.heading2 { /* For sub-headings in normal textflow */
	font:normal 16px verdana,sans-serif;
	text-decoration:underline;
	color:black;
}

a:link { color:#220CB6; text-decoration:none; }
a:visited { color:#220CB6; text-decoration:none; }
a:hover { color:#E85C00; text-decoration:none; }

.linkCode { /* For displaying Links like product-codes & URLs in read only input fields*/
	font: normal 9px verdana,sans-serif;
	background-color:#fbfbfb; 
}

/* ----- Layout-Elemente ----- */
.vspaceComponent {
	font:normal 1px verdana,sans-serif;
	width:1px;
	height:16px;
}

.vspace {
	font:normal 1px verdana,sans-serif;
	width:1px;
	height:14px;
}

.vspace_half {
	font:normal 1px verdana,sans-serif;
	width:1px;
	height:7px;
}

.v_extra_text_space {   /* Optisches Absetzen von Textzeilen */
	font:normal 1px verdana,sans-serif;
	width:1px;
	height:4px;
}

.v_small_line_space {  /* Für eine kleine Leerzeile im Text */
	width:1px;
	height:4px;
}

.hsep {   /* Horizontal separator */
	border-width:0px 0px 1px 0px; border-style:solid; border-color:#a0a0a0;
}


.hsepLight {   /* Horizontal separator (light grey version) */
	border-width:0px 0px 1px 0px; border-style:solid; border-color:#e0e0e0;
}

.vsep {   /* Vertical separator */
	border-width:0px 1px 0px 0px; border-style:solid; border-color:#808080;
}

.vsepLight { /* Vertical separator (light grey version) */
	border-width:0px 1px 0px 0px; border-style:solid; border-color:#e0e0e0;
}

.invisibleTable {   /* Invisible Table with full width as layout element */
	width:100%;
	border-style:none; border-spacing:0px;margin:0px;padding:0px;
}

/* ----- Round Boxes Begin ---- */

.roundBox, /* round box with colored border and white background */
.roundBoxSolid, /* round box with colored background */
.roundBoxBody, /* round box with white background and shadows according body background color */
.roundBoxInfo, /* round box with saturated colored background and white text for info teaser */
.roundBoxSww /* round solid white shadowed box on white background */ {
 width:100%;
 margin:0px;
 min-width:20px;
}

.roundBoxInfo {
	max-width:540px;
}

.roundBox .hd .c,
.roundBox .ft .c,
.roundBoxSolid .hd .c,
.roundBoxSolid .ft .c {
	font-size:1px; /* ensure minimum height */
	height:7px;
}

.roundBoxInfo .hd .c,
.roundBoxInfo .ft .c {
	font-size:1px; /* ensure minimum height */
	height:8px;
}

.roundBoxBody .hd_b .c_b,
.roundBoxSww .hd .c {
	font-size:1px; /* ensure minimum height */
	height:7px;
}

.roundBoxBody .ft_b .c_b,
.roundBoxSww .ft .c {
	font-size:1px; /* ensure minimum height */
	height:11px;
}

.roundBoxBody {
	padding:0px;
	margin:0px;
}

.roundBox .hd {
	background:transparent url(img/box/tl.png) no-repeat 0px 0px;
}

.roundBox .hd .c {
	background:transparent url(img/box/tr.png) no-repeat right 0px;
}

.roundBox .bd {
	background:transparent url(img/box/ml.png) repeat-y 0px 0px;
}

.roundBox .bd .c {
	background:transparent url(img/box/mr.png) repeat-y right 0px;
}

.roundBox .ft {
	background:transparent url(img/box/bl.png) no-repeat 0px 0px;
}

.roundBox .ft .c {
	background:transparent url(img/box/br.png) no-repeat right 0px;
}

.roundBoxSolid .hd {
 background:transparent url(img/box/tl_s.png) no-repeat 0px 0px;
}

.roundBoxSolid .hd .c {
 background:transparent url(img/box/tr_s.png) no-repeat right 0px;
}

.roundBoxSolid .bd {
 background:transparent url(img/box/ml_s.png) repeat-y 0px 0px;
}

.roundBoxSolid .bd .c {
 background:transparent url(img/box/mr_s.png) repeat-y right 0px;
}

.roundBoxSolid .ft {
 background:transparent url(img/box/bl_s.png) no-repeat 0px 0px;
}

.roundBoxSolid .ft .c {
 background:transparent url(img/box/br_s.png) no-repeat right 0px;
}

.roundBoxInfo .hd {
 background:transparent url(img/box/tl_i.png) no-repeat 0px 0px;
}

.roundBoxInfo .hd .c {
 background:transparent url(img/box/tr_i.png) no-repeat right 0px;
}

.roundBoxInfo .bd {
 background:transparent url(img/box/ml_i.png) repeat-y 0px 0px;
}

.roundBoxInfo .bd .c {
 background:transparent url(img/box/mr_i.png) repeat-y right 0px;
}

.roundBoxInfo .ft {
 background:transparent url(img/box/bl_i.png) no-repeat 0px 0px;
}

.roundBoxInfo .ft .c {
 background:transparent url(img/box/br_i.png) no-repeat right 0px;
}

.roundBoxBody .hd_b {
	background:transparent url(img/box/tl_b.png) no-repeat 0px 0px;
}

.roundBoxBody .hd_b .c_b {
	background:transparent url(img/box/tr_b.png) no-repeat right 0px;
}

.roundBoxBody .bd_b {
	background:transparent url(img/box/ml_b.png) repeat-y 0px 0px;
}

.roundBoxBody .bd_b .c_b {
	background:transparent url(img/box/mr_b.png) repeat-y right 0px;
}

.roundBoxBody .ft_b {
	background:transparent url(img/box/bl_b.png) no-repeat 0px 0px;
}

.roundBoxBody .ft_b .c_b {
	background:transparent url(img/box/br_b.png) no-repeat right 0px;
}

.roundBoxSww .hd {
	background:transparent url(img/box/tl_sww.png) no-repeat 0px 0px;
}

.roundBoxSww .hd .c {
	background:transparent url(img/box/tr_sww.png) no-repeat right 0px;
}

.roundBoxSww .bd {
	background:transparent url(img/box/ml_sww.png) repeat-y 0px 0px;
}

.roundBoxSww .bd .c {
	background:transparent url(img/box/mr_sww.png) repeat-y right 0px;
}

.roundBoxSww .ft {
	background:transparent url(img/box/bl_sww.png) no-repeat 0px 0px;
}

.roundBoxSww .ft .c {
	background:transparent url(img/box/br_sww.png) no-repeat right 0px;
}

.roundBox .bd .c .s {
	background-color:white;
}

.roundBox .bd .c .s,
.roundBoxSolid .bd .c .s,
.roundBoxBody .bd_b .c_b .s_b,
.roundBoxSww .bd .c .s {
 margin:0 4px 0 4px;
 padding:0 8px 0 8px;
}

.roundBoxInfo .bd .c .s {
	margin:0 4px 0 4px;
	padding:0 6px 4px 8px;
	font:bold 14px verdana,sans-serif;
	line-height:125%;
	color:#303030;
}

/* FŸhrt im Firefox zu "durchsichtigen" user-Tooltips */
/*.roundBox .bd .c .s .content,
.roundBoxSolid .bd .c .s .content,
.roundBoxInfo .bd .c .s .content,
.roundBoxBody .bd_b .c_b .s_b .content_b {
	width:100%;
	overflow:hidden;  
} */

.clippedContent {
	width:100%;
	overflow:hidden; 
}

/* ----- Round Boxes End ---- */


/* ----- Content-Bereich ----- */


.contentbox {
	margin-right:0px;
	padding:0px;
	/* vertical-align:top; => fŸhrt zu Problemen im IE bei RoundCorners!*/
}

/*
.contentbox.left{
	margin-right:312px;
}

.contentbox.right {
	float:right;
	width:300px;
}
*/

/* ----- Komponenten (allgemein)----- */

.boxHeader {   /* Header for boxed content area */
	/*background-color:white;*/
	padding:0px 2px 2px 6px; 
	font:bold 14px verdana,sans-serif;
	color:#E85C00;
}

.sectionHeader {   /* Header for unboxed content area */
	/* border-bottom:2px solid #E85C00; */
	border-bottom:2px solid #CDDB9C;
	background-color:white;
	padding:1px; padding-left:0px;
	font:bold 14px verdana,sans-serif;
	color:#E85C00;
}

.teaserClueAuthorText {
	font: bold 12px verdana,sans-serif;
	color:#303030;
}

.newsTeaser {
	font:normal 12px verdana,sans-serif;
	color:black;
	line-height:125%;
}

.newsTeaser .heading {
	font:bold 13px verdana,sans-serif;
	color:#303030;
	padding-bottom:2px;
}

.infoBox {
	/* background-color:#f6f6ff; */
	font:normal 12px verdana,sans-serif;
	color:black;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	border: 1px solid #c0c0c0;
}

.infoBox ul {
	margin:4px;
	margin-left:12px;
	padding:6px;
	padding-top:0px;
	padding-bottom:4px;
	text-align:left;
}

.infoBox ul li {
	padding:1px;
}

.formInfo {
	/* background-color:#f6f6ff; */
	font:normal 12px verdana,sans-serif;
	color:black;
}

.formInfo ul {
	margin:0px;
	margin-left:12px;
	padding:3px;
	padding-top:4px;
	padding-bottom:0px;
	text-align:left;
}

.formInfo ul li{
	padding:1px;
	margin:0px;
}


/* ----- Komponenten (speziell)----- */

.impressum {
	font:normal 11px verdana,sans-serif;
	color:#808080;
	text-align:center;
}

.impressum a:link { font-weight:normal; color:#808080; text-decoration:none; }
.impressum a:visited { font-weight:normal; color:#808080; text-decoration:none; }
.impressum a:hover { font-weight:normal; color:#E85C00; text-decoration:underline; }

.linkCodeBox {
	font:normal 11px verdana,sans-serif;
	color:black;
	background-color:#e8e8e8;
	padding:6px;
}

.teaserHeader {
	font:normal 13px verdana,sans-serif;
	font-weight:bold;
}

.clueHeaderText {
	font:normal 13px verdana,sans-serif;
	font-weight:bold;
	color:#303030;
}

.clueTitle {
	font:normal 12px verdana,sans-serif;
	font-weight:bold;
	color:#303030;
}

.actionBar {
	font:normal 12px verdana,sans-serif;
	color:black;
	padding:1px 0px 1px 0px;
}

.actionBar .box {
	padding-left:6px;
}

.actionBar .tab {
	padding-left:6px;
}

.actionBarSep {   /* Normal text, greyed out */
	font:normal 12px verdana,sans-serif;
	font-weight:100;
	color:#a0a0a0;
}

.actionBar h1 { /* important action links */
	font:bold 14px verdana,sans-serif;
	margin-top:2px;
	margin-bottom:2px;
	color:#E85C00;
}

.tabBar {
	font:normal 13px verdana,sans-serif;
}

.tabBar .true {
	font:bold 13px verdana,sans-serif;
	color:#E85C00;
}

.tabBar .actionBarSep {   /* Normal text, greyed out */
	font:normal 13px verdana,sans-serif;
	color:#a0a0a0;
}

.bookmark {
	border:1px solid #e0e0e0;
	padding:1px 2px 4px 2px;
	height: 22px;
	width: 22px;
	vertical-align:middle;
	margin-right:2px;
}

.bookmark .icon {
	vertical-align:middle;
	border:none;
}

.ratingNumberText {   /* Style for rating numbers */
	font:normal 14px verdana,sans-serif;
	font-weight:normal;
	color:#220CB6;
}

.clueRatingText {
	font:bold 11px verdana, sans-serif;
}

.clueRatingText .bad {
	color:#E83900;
}

.clueRatingText .good {
	color:#6D9B05;
}

.clueRatingText .veryGood {
	color:#6D9B05;
}

/* ----------ToolTips -------------*/

.tooltip {
	display:none;  
}

.tooltipContent {
	font-size: 11px;
 	line-height:11px;
 	padding:2px 2px 0 2px; /* additional padding is defined in wz_tooltip.js! */
}

.tooltipContent .head {
  font-weight: bold;
  color: #E85C00;
}

.tooltipContent .textNormal {
	color: #404040;
	font-weight: normal;
}

.tooltipContent .textLight {
	color: #606060;
	font-weight: normal;
}

.tooltipContent .hsep {   /* Horizontal separator (light grey version) */
	border-width:0px 0px 1px 0px; border-style:solid; border-color:#e0e0e0;
}

.tooltipContent .vSpace {
	font:normal 1px verdana,sans-serif;
	width:1px;
	height:3px;
}

/* ----- Tags ----- */
.tagtext {
	font:normal 13px verdana, sans serif;
}

.tagCloud {
	text-align: justify;
	padding:0px;
}

.tagCloud .tagSelected {
	color:#E85C00;
}

.tagsize0 {
	font-size:11px;
}

.tagsize1 {
	font-size:12px;
}

.tagsize2 {
	font-size:13px;
}

.tagsize3 {
	font-size:14px;
}

.tagsize4 {
	font-size:15px;
}

.tagsize5 {
	font-size:16px;
}

.tagsize6 {
	font-size:17px;
}

.tagsize7 {
	font-size:18px;
}

.tagsize8 {
	font-size:19px;
}

.tagsize9 {
	font-size:20px;
}



/* ----- Styles for user formatted text ----- */

.userFormatHeading1 {
	font:normal 15px verdana,sans-serif;
	text-decoration:underline;
	color:black;
}

.userFormatHeading2 {
	font:normal 14px verdana,sans-serif;
	color:black;
}