/**
 * Stylesheet-Erweiterung der bisherigen Stylesheets,
 * allerdings sollen DIESE Stylesheets die alten langsam
 * aber sicher ablösen.
 * 
 * Bitte die Form einhalten und immer danach gucken, ob die
 * verwendete Formatvorlage nicht bereits hierdrin steht! 
 */
	/** folgendes wird bisher nur in "content_master_berater" verwendet! **/
body {
	font-family: Verdana, Swiss, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

body.noMargin {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	color: #294B5F;
	padding-bottom: 0.8em;
}

a img {
	border: none;
}

a,a:link,a:active,a:visited {
	text-decoration: none;
	color: #666;
}

a:hover {
	text-decoration: underline;
}

div.infoPopUpHeadline {
	background-color: #7EA1B7;
	color: white;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, sans-serif;
	/* width: 99%; */
	margin: 0px;
	padding: 0.3em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 1.1em;
	overflow: hidden;
}


/**
 * Hinweis-Box
 */
.adviceBox {
}

.adviceBox div.adviceHeadl {
	background-color: #7EA1B7;
	color: #fff;
}


/** allgemein Text in CI-Farbe **/
.ciFarbe {
	color: #294B5F;
}

.ciBorderFarbe {
	border-color: #294B5F;
}

.ciBGFarbe {
	background-color: #ECECEC;
}

div.alignCenter {
	text-align: center;
}

font.error {
	color: red;
}

table#newBeraterForm_table,table#formContainerLMargin {
	/** newBeraterForm_table wird abgelöst durch allgemeine... **/
	width: 400px;
}

table#newBeraterForm_table td,table#formContainerLMargin td {
	padding-bottom: 4px;
}

table#beraterListing {
	width: 430px;
}

table#beraterListing th {
	text-align: left;
	font-weight: 600;
}

table#beraterListing td {
	padding-bottom: 4px;
}

td.optionIconsCell {
	text-align: right;
	white-space: nowrap;
	background-color: transparent;
}

tr.hoverow {
	background-color: transparent;
}

tr.hoverow:hover {
	background-color: #f9f9f9;
}

hr {
	color: #8d8d8d;
	background-color: #9d9d9d;
	border: none;
	height: 1px;
}

hr.hrule_separator {
	color: #395B3A;
	background-color: #395B3A;
	border: none;
	height: 1px;
	margin: auto;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

/** pauschale Formatierung für Formularelemente **/
input,select,textarea {
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #7EA1B7;
}

input,select {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.saveButton,input.evalButton,button.applyButton {
	color: white;
	background-color: #7EA1B7;
}

.applyButton {
	background-image: url('../../mandant_1/images/icon_apply_button.gif');
}

.evalButton {
	background-image: url('../../mandant_1/images/icon_bewerten.jpg');
	padding-bottom: 6px;
}

.saveButton,.evalButton,.applyButton,.cancelButton,.addButton,.backButton,.printButton,
.lensButton {
	color: white;
	background-color: #7EA1B7;
	font-size: 11px;
}



/**
 * Links innerhalb "Button-DIV", v.A. aber Schriftfarbe von Links mit
 * Button-Klasse (wird sonst von Link-Definition überschrieben)
 */
.saveButton a,.evalButton a,.applyButton a,.cancelButton a,.addButton a, .backButton a, .printButton a, .lensButton a, 
a.saveButton,a.evalButton,a.applyButton,a.cancelButton,a.addButton, a.backButton, a.printButton, a.lensButton,
.saveButton a:link,.evalButton a:link,.applyButton a:link,.cancelButton a:link,.addButton a:link, .backButton a:link, a:link.printButton ,
a:link.saveButton,a:link.evalButton,a:link.applyButton,a:link.cancelButton,a:link.addButton, a:link.backButton , a:link.lensButton,
.saveButton a:hover,.evalButton a:hover,.applyButton a:hover,.cancelButton a:hover,.addButton a:hover, .backButton a:hover, a:hover.printButton ,
a:hover.saveButton,a:hover.evalButton,a:hover.applyButton,a:hover.cancelButton,a:hover.addButton, a:hover.backButton , a:hover.lensButton,
.saveButton a:active,.evalButton a:active,.applyButton a:active,.cancelButton a:active,.addButton a:active, .backButton a:active, a:active.printButton ,
a:active.saveButton,a:active.evalButton,a:active.applyButton,a:active.cancelButton,a:active.addButton, a:active.backButton , a:active.lensButton,
.saveButton a:visited,.evalButton a:visited,.applyButton a:visited,.cancelButton a:visited,.addButton a:visited, .backButton a:visited, a:visited.printButton ,
a:visited.saveButton,a:visited.evalButton,a:visited.applyButton,a:visited.cancelButton,a:visited.addButton, a:visited.backButton , a:visited.lensButton
 {
	color: #fff;
	text-decoration: none;
}


/**
 ************************************************
 *Definition für skeleton.html
 */

/**
* header
*	Hintergundgrafik 	
*/
div#skl_header {
	background: url(../images/head.jpg) no-repeat;
}
div.skl_header_sm {
	background: url(../images/head1.jpg) no-repeat !important;
}
/**
* Obere Navigation
* Farbfestlegung 
*/
div#skl_navigation {
	background-color: #ECECEC;	
}
ul#navigation_top {

}
	ul#navigation_top li{
		border-left: 2px solid white;
	}
		ul#navigation_top li a, ul#navigation_top li strong{
			color: #7ea1b7;
		}
		ul#navigation_top li a:hover {
			background-color: #7EA1B7;
			color: #fff;
		}
	ul#navigation_top li.active{
		background-color: #7EA1B7;
	}
		ul#navigation_top li.active a{
			color: #fff;
		}
	ul#navigation_top li.questionMark{
		background-color: #D1D1D1;
	}
	ul#navigation_top li.questionMark a, ul#navigation_top li.questionMark strong {
		color: #808080;
	}
		ul#navigation_top li.questionMark a:hover{
			color: #fff;
			background-color: #808080;
		}

/**
 * NavigationLinks
 * Farbfestlegung
 */

ul#naviLContainer li a{
	color: #82a4bb;
	background: url("../images/navi_arrow_inactive.gif") no-repeat left center;
}
ul#naviLContainer li a.selected{
	background: url("../images/navi_arrow_active.gif") no-repeat left center;
	color: #294B5F;
} 
ul#naviLContainer a:active,ul#naviLContainer a:hover,ul#subnaviLContainer a:active,ul#subnaviLContainer a:hover {
	color: #294B5F;
}


/* Link, der zwar in Navigations-Liste drin ist, aber Sonderformung braucht */ 
#navigation_top li a.pwlost_link {
	display: inline;
	background-color: transparent;
}
#navigation_top li a:hover.pwlost_link {
	background-color: transparent;
	color: #000000;
}



/**
 * Footer
 * Farbfestlegung
 */

div#skl_footer {
	background-color: #ECECEC;
}

/** InfoCluetip Farbanpassung **/
#cluetip h6{
	background-color: #7EA1B7;
	color: #fff;
}
#cluetip #cluetip-inner {
	background-color: #f7f7f7;
	color: #666;
}