/* Herma V2
   main screen stylesheet
   02 2008 erik wunderlich */

* {
	margin:0px;
	padding:0px;
	border:0px;
}

body {
	background:#18529C url(../gfx/bg_fluss.jpg) no-repeat;
}

body, td {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:100%;
	color:#061529;
}

h3 {
	font-size:1.1em;
	line-height:1.3em;
	color:#19529C;
	padding-top:1.15em;
	margin-bottom:1.2em;
}
.h3nomargin {
	margin-bottom:5px;
}
h5 {
	font-size:1.1em;
	line-height:1.3em;
	color:#19529C;
	padding-top:1.15em;
	margin-bottom:1.2em;
}
h4 {
	font-size:1em;
	line-height:1.2em;
}

p {
	margin-bottom:1.35em;
}

a:link, a:visited, a:active {
	color:#19529C;
}

a.katloglink:link, a.katloglink:visited, a.katloglink:active, a.katloglink:hover {
	color:#18529C;
	text-decoration:none !important;
}

h3 a {
	text-decoration:none !important;
}


div.graphHeader {
	margin-bottom:1.26em;
}
.graphHeaderSpecial {
	float:left; width:372px;
}
.graphHeaderIcons {
	float:right; width:135px; text-align:right;
}

h1.graphHeader1, h2.graphHeader2, h2.graphSubheader2 {
	margin:0px;
	padding:0px;
	line-height:24px;
	font-size:18px;
	font-weight:normal;
	color: #18529C;
}

h1.graphHeader1 span {
	font-weight: bold;
}
h1.graphHeader1 span, h2.graphHeader2 span, h2.graphSubheader2 span {
	display:block;
	position:relative;
	left:0px;
	font-size: 18px;
}


#mainlogo {
	position:absolute;
	left:0px;
	top:29px;
	width:241px;
	height:51px;
	background:url(../gfx/logo_main.gif) no-repeat;
}
#mainlogo a {
	display:block;
	height:100%;
	text-indent:-200px;
}


/*
div#mainstage
abgeschwächt auf #mainstage damit die css-kaskade funktioniert
*/
#mainstage {
	position:absolute;
	left:241px;
	top:29px;
	width:721px;
	
	/*eingefuegt 14.07.08 ie6fix fuer bg-image RM*/
	background-image: url("../gfx/bg_mainstage.gif");
}

div#topcontent, div#maincontent {
	background-color: none;
	background-image: url("../gfx/bg_mainstage.gif");
	background-repeat: repeat-y;
	font-size:0.7em;
	line-height:1.34em;
	
}


div#centercontent {
	width:529px;
	float:left;
}
.ccSteg {
	padding:28px 0px 28px 22px;
}

div#metacontent {
	width:auto;
	height:auto;
	font-size:0.62em;
	text-align:center;
	padding:8px 40px 9px 0px;
	color:#B2D1EE;
	background-color:#3373B3;
	/*color:#A3C5E6;
	background:url(../gfx/bg_trans_metaleiste.png);*/
	
	
}
div#metacontent a {
	color:#A3C5E6;
}

.pxcontent {
	height:1px;
	font-size:1px;
	line-height:0px;
	margin:0px;
	padding:0px;
	clear:left;
}





div#rightcontent {
	width:192px;
	float:left;
	overflow:hidden;
}
.rightcontentelement {
	color:#123664;
	background:url(../gfx/bg_rightcontentcorner.gif) right bottom no-repeat;
}
.rightcontentelement h4 {
	margin-bottom:0.75em;
}
.rcSteg {
	padding:11px 10px 10px 23px;
}

.accordionBox div {
	margin-bottom:0.6em;
}
.accordionBox p {
	padding-top:0.4em;
	padding-bottom:0.3em;
}
.accordionBox a {
	display:block;
}







.al {
	text-align:left;
}
.ac {
	text-align:center;
}
.ar {
	text-align:right;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.cl {
	clear:left;
}
.cr {
	clear:right;
}
.cb {
	clear:both;
}
.screen, .visOn {
  visibility:visible;
}
.print, .visOff {
  display:none;
}
:focus {
	outline:none;
}


div#maincontent ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	list-style-image: none; 
	list-style: none; 
}

div#maincontent ul.wc_fileDownload_ul {
	margin-left: 0px;
}


div#maincontent li {
	background: url(/fileadmin/Herma/Templates/gfx/dot_link.gif) no-repeat ;
	background-position: 0px 5px;
	padding-left: 12px;
	padding-bottom: 5px;
	margin-bottom: 0px;
} 

div#maincontent li a {
	text-decoration: none;
	font-weight: bold;
}

div#maincontent li.wc_fileDownload_li {
	padding-left: 28px;
}

input.textfield {
	border: 1px solid #dde1e9;
}

select.selector {
	border: 1px solid #dde1e9;
}

select {
	border: 1px solid #DBE3EE;
}

input.submitbutton {
	border: 1px solid #dde1e9;
}

.datatable_container {
	border: 1px solid #dde1e9;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

table.datatable.first {
	
}

table.datatable {
	border-bottom: 1px solid #dde1e9;
}

table.datatable.last {
	border-bottom: 0px;
}

table.datatable td {
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
}

table.datatable.last td {
	padding-bottom: 0px;
}

table.datatable.first td {
	padding-top: 0px;
}

table.datatable td.left {
	width: 150px;
	font-weight: bold;
	border-right: 1px solid #dde1e9;
	padding-right: 5px;
	
}

table.datatable td.right {
	width: 310px;
	padding-right: 10px;
	padding-left: 10px;
}

.textmitbild {
	float: none;
	clear: both;
	margin-bottom: 15px;
}

.textmitbild.rahmen {
	border: 1px solid #dde1e9;
	
}

.textmitbild.rahmen p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.textmitbild.rahmen .csc-textpic-text,
.textmitbild .csc-textpic-text {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

.textmitbild .csc-textpic-text {
	padding-top: 0px;
}

.csc-textpic-image {
	
}

div.csc-textpic-border .csc-textpic-imagewrap {
	border: 1px solid #dde1e9;
	padding: 10px;
}

div.csc-textpic .csc-textpic-imagewrap {
	border: 1px solid #dde1e9;
	padding: 0px;
}
div.csc-textpic .csc-textpic-caption {
	padding: 0px 10px;
}

/*
.csc-textpic-border div.csc-textpic-imagewrap {
	border: none;
	padding: 0px;
}
*/

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border-bottom: 0px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	color: #83888c;
	font-size: 9px;
	margin-top: 10px;
	margin-bottom: 5px;

	
}

.bildlupe {
	float: right;
	width: 14px;
	height: 14px;
	margin-top: -22px;
	margin-right: 10px;
	background: url(/fileadmin/Herma/Templates/gfx/lupe.gif);
	position: relative;
	z-index: 99;
	cursor: pointer;
}

.fehler {
	color: #ff0000;
	font-weight: bold;
}

a.dotlink {
	background: url(/fileadmin/Herma/Templates/gfx/dot_link.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding-left: 8px;
	text-decoration: none;
}

.borderWholeWidth {
	border: 1px solid #dde1e9;
	padding: 9px;
	margin-top: 15px;
	clear: both;
	float: none;
}

.errormsg {
	font-weight: bold;
	color: #ff0000;
}
#pagefooter {
	display:none;
}
#scoutColLeft {
	width:245px;
	overflow:hidden;
	float:left;
}
#scoutColLeftInside {
	padding-left:15px;
}
#scoutColRight {
	width:461px;
	overflow:hidden;
	float:left;
}
.chkbxspc {
	margin-left:10px;
}
	.pi_checklist_top {
		background-image:url(/fileadmin/Herma/Templates/images/bg_box_top.gif); background-repeat:no-repeat; width:507px; height:3px;
	}
	.pi_checklist_middle {
		background-image:url(/fileadmin/Herma/Templates/images/bg_box_middle.gif); background-repeat:repeat-y; width:507px;
	}
	.pi_checklist_content {
		padding:10px 16px 15px 15px;
	}
	.pi_checklist_bottom {
		background-image:url(/fileadmin/Herma/Templates/images/bg_box_bottom.gif); background-repeat:no-repeat; width:507px; height:3px;
	}
	.pi_checklist li {
		background-image:url(/fileadmin/Herma/Templates/images/bullet.gif) !important;
		padding-left:22px !important;
		padding-top:2px !important;
	}
	.pi_checklist_left {
		width:238px;
		float:left;
	}
.pi_sdown_top {
	height:0px; width:507px;
}
.pi_sdown_main {
	background-image:url(/fileadmin/Herma/Templates/images/software/bg_download.gif); background-repeat:no-repeat; width:507px; height:96px;
}
.pi_sdown_main div {
	margin:0px 21px;
}
.pi_sdown_table {
	margin-top:10px;
}
.pi_sdown_td {
	width:191px;
}
.pi_sdown_bottom {
	height:23px; width:507px;
}
.pi_faqlist_header {
	clear: both; float: none; display: block; border-bottom:1px solid #D1DCEB; margin-bottom:0px !important; margin-top:15px;
}
.pi_faqlist_cont {
	border-top:0px; border-bottom:1px solid #D1DCEB; padding:8px 0px; cursor:pointer;
}
.officer_gewinnspiel {
	margin-top:5px;
}
.officer_gewinnspiel td {
	padding:5px;
}



/* --------------- new herma CC integration 2010 ------------------------- */
div#ccInSiteLayer_bgr { background:black; cursor:pointer; left:0px; position:fixed; top:0px; width:100%; z-index:1000; }
div#ccInSiteLayer_content { background:url(/fileadmin/Herma/php/cc/v2/img/loader.gif) white center center no-repeat; height:522px; left:50%; margin-left:-489px; margin-top:-261px; position:fixed; top:50%; width:978px; z-index:10000; }

.rightTeaserWrapper {
	margin-left:23px;
}
.rightTeaserInside {
	padding-bottom:.5em;
}