@charset "UTF-8";

/*** Project: ICB ***/

/* Farben
*/

/*** fix ***/

body {
	font-size: 101.01%;
}

html, body {
height: 100%;
}

/*** reset ***/

body, div, img, p  {
	border: none;
	margin: 0px;
	padding: 0px;
}

/*** basics ***/

body {
	font-family: arial,verdana,helvetica;
	font-size: 0.7em;
}
#navigation a,
body a,
a {
	color: #004ca2;
	text-decoration: none;
}
li.active a,
a.active,
a:hover {
	color: #e66418
}

.clear {
	clear: both;
	line-height: 1px;
	height: 1px;
	overflow: hidden;
}

body h2,
h2 {
	margin: 0px;
	margin-bottom: 5px;
	color: #838287;
	color: #666666;
	font-weight: normal;
	font-size: 1.5em;
}

.seperator {
	height: 17px;
	overflow: hidden;
	background: url(../images/ICB/layout/seperator.jpg) repeat-x center;
}

/*** Metanavigation  ***/
ul#metanavigation {
	list-style-type: none;
	float: right;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 0.9em;
}

ul#metanavigation li {
	display: block;
	float: left;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
}

ul#metanavigation li.first {
	padding-left: 0px;
}

ul#metanavigation li.last {
	padding-right: 0px;
}

/*** Navigation ***/
#navigation {
	height: 47px;
	background: url(../images/ICB/navigation/background.jpg) repeat-x;
}

#navigation ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#navigation li {
	display: block;
	float: left;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 15px;
	font-weight: bold;
	height: 47px;
	padding-top: 0px; /* Den Wert ggf. von height abziehen */
	line-height: 47px;
}
#navigation li.first {
}
#navigation li.last {
	padding-right: 0px;
}
#navigation li:hover,
#navigation li.active {
	background: url(../images/ICB/navigation/background_active.jpg) repeat-x;
	color: #E66418;
}
#navigation li.active a {
	color: #E66418;
}

/*** Struktur  ***/

div#container {
	width: 930px;
	margin: 0px auto;
}
	/*** Allgemein ***/
	div.structure {
		margin-top: 15px;
	}
	.structure div.column {
		float: left;
		margin-bottom: 10px;
	}
	.structure div.firstcol {
		width: 180px;
		width: 141px;
		padding-right: 25px;
		padding-top: 38px;
		background: url(../images/ICB/layout/navigation_seperator.jpg) no-repeat top right;
	}
	/*** 4-Spalten  ***/
	div.fourcols {}
	.fourcols div.secondcol {
		width: 250px;
	}
	.fourcols div.thirdcol {
		width: 250px;
		margin-left: 20px;
	}
	.fourcols div.fourthcol {
		margin-left: 25px;
		width: 180px;
	}
	/*** 2-Spalten  ***/
	div.twocols {}
	.twocols div.secondcol {
		width: 725px;
		width: 748px;
	}

/*** Header ***/
div#header {
	height: 125px;
	position: relative;
}
div#tools {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
	div#tools div {
		float: left;
		height: 29px;
	}
	div#tools a {
		color: white;
		font-size: 0.9em;
	}
	div#tools .seperator_start {
		background: transparent url(../images/ICB/navigation/tools/rot_01.png) no-repeat;
		width: 23px;
	}
	div#tools .profil {
		background: transparent url(../images/ICB/navigation/tools/rot_repeat.png) repeat-x;
		width: 110px;
	}
	div#tools .profil a {
		display: block;
		background: url(../images/ICB/navigation/tools/schloss_on.gif) no-repeat center left;
		padding-left: 30px;
		line-height: 29px;
	}
	div#tools .seperator_middle {
		background: transparent url(../images/ICB/navigation/tools/rot_blau.png) no-repeat;
		width: 24px;
	}
	div#tools .search {
		background: transparent url(../images/ICB/navigation/tools/blau_repeat.png) repeat-x;
		/* width: 255px; */
	}
	div#tools .search a {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 1em;
		line-height: 29px;
	}
	div.search input {
		float: left;
		margin-top: 5px;
		margin-left: 15px;
		color: #838287;
	}
	div.search input.input {
		width: 80px;
		font-size: 11px
	}
div#header a#logo {
	position: absolute;
	top: 25px;
	left: 13px;
}
body.auftragsnavi div#header {
	background: url(../images/ICB/header/auftragsnavi.jpg);
}
body.auftragsnavi_start div#header {
	background: url(../images/ICB/header/icb_startseite.jpg);
	height: 205px;
}

/*** Footer  ***/
div#footer {
	color: #b9b9b9;
	font-size: 0.8em;
	padding-top: 5px;
	border-top: 1px solid #e1e1e1;
}
div#footer div {
	color: #004ca2;
	float: left;
}
div#footer p {
	float: left;
	color: #666666;
}
div#footer .meta {
	float: right;
	margin-right: 20px;
}

/*** Left ***/
div.button a {
	float: right;
}
div.button a.text {
	height: 100%;
	color: #3c64a2;
	font-size: 0.9em;
	float: left;
	padding-top: 10px;
}
div.button {
	padding: 5px;
	padding-right: 10px;
	padding-left: 15px;
	padding-top: 0px;
	height: 42px;
	overflow: hidden;
	margin-top: 2px;
}
div.rounded a {
	padding-top: 15px;
}
div.rounded {
	background: url(../images/ICB/layout/button_blue_round.png) no-repeat;
	margin-top: 0px;
	margin-bottom: 2px;
}
div.squared a {
	padding-top: 0px;
}
div.squared {
	background: url(../images/ICB/layout/button_blue_perpendicular.png) no-repeat;
}

div.bottomButton div.rounded {
	background: url(/wps/themes/html/ICB/images/ICB/buttons/button_blue_round_mirror.png) no-repeat;
	margin-top: 0px;
	margin-bottom: 2px;
}
.firstcol h4 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 1px;
	height: 26px;
	background: url(../images/ICB/layout/button_blue_small_rounded.png) no-repeat;
	color: #2853a9;
	line-height: 26px;
	padding-left: 15px;
	font-size: 0.8em;
}
div.profilbox {
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background: #eef1f6;
	font-size: 0.8em;
	line-height: 1.8em;
}
div.profilbox a {
	text-decoration: underline;
}

a.search {
	margin-top: 15px;
	display: block;
	height: 30px;
	width: 100px;
	padding-left: 15px;
	line-height: 30px;
	font-size: 0.8em;
	float: left;
}
img.search {
	float: right;
	margin-right: 20px;
	margin-top: 15px;
}

/*** Content ***/
a#print {
	display: block;
	float: right;
	margin-right: 5px;
	height: 20px;
	width: 22px;
	background: url(../images/ICB/print.jpg) no-repeat;
}
table {
	width: 100%;
}
tr.odd {
	background: #f0f0f0;
}
thead a {
	color: white;
}
thead tr.header {
	background: url(../images/ICB/layout/buttonbar_oragange_3columns.gif);
	height: 47px;
	color: white;
}
thead tr.header td {
	font-size: 0.9em;
	padding-left: 15px;
}
thead tr.header input,
thead tr.header p {
	float: left;
	margin-right: 5px;
}
thead tr.header p.right {
	float: right;
	margin-left: 5px;
	margin-right: 25px;
}
thead tr.header input.button {
	margin-top: 0px;
	margin-left: 15px;
}
thead tr.header input.input {
	margin-top: 13px;
}
thead tr.header p {
	margin-top: 18px;
}
thead tr.header p.image {
	margin-top: 16px;
	margin-right: 5px;
}
thead tr.header input {
	width: 40px;
	font-size: 11px;
}
thead tr.menu {
	font-weight: bold;
}
thead tr.menu td {
	padding: 5px;
}
thead tr.menu a,
thead tr.menu p {
	display: block;
	padding-bottom: 12px;
	color: #686868;
}
thead tr.menu a {
	color: #e66418;
}
thead tr.menu a.notsorted {
	background: url(../images/ICB/sorting/no.jpg) no-repeat center bottom;
}
thead tr.menu a.ascsorted {
	background: url(../images/ICB/sorting/asc.jpg) no-repeat center bottom;
}
thead tr.menu a.descsorted {
	background: url(../images/ICB/sorting/desc.jpg) no-repeat center bottom;
}
tbody td {
	/* padding: 5px; */
	color: #444444;
}
tbody input {
	xborder: 0px;
}
tfoot ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #666666;
	float: right;
}
tfoot a {
	text-decoration: underline;
}
tfoot li {
	display: block;
	float: left;
	list-style-type: none;
	padding: 10px;
}
tfoot li.last {
	padding-right: 0px;
}
tfoot li p {
	font-weight: bold;
	padding-left: 5px;
}
#navigation li.first {
}
#navigation li.last {
	padding-right: 0px;
}

div#content {
	overflow: scroll;
}
/* WebSphere */
.icb_drag div {
	height: 2px;
	display: none;
}
.icb_drag {
	height: 2px;
	display: none;
}
.dndDropAware,
.dndDropActive {
	margin-bottom: 5px;
	margin-right: 5px;
}
.icb_wpsPortletTitleBar td,
.icb_wpsPortletTitleBar {
	padding: 0px;
	font-size: 1em;
	display: none;
}
a.commandExButton {
	display: block;
}
a.commandExButton,
input.commandExButton {
	height: 47px;
	background: transparent url(../images/ICB/buttons/button_bigonwhite_blau.gif) no-repeat center left;
	padding-left: 45px;
	padding-bottom: 5px;
	border: none;
	color:#004CA2;
	font-weight: bold;
	font-size: 0.95em;
}
div#content div.wpsPortletBody input.buttonBack {
	background-image: url(../images/ICB/buttons/button_bigonwhite_blau_reverse.gif);
}

/*
table.icb_layoutColumn {
	width: 651px;
}*/
table.icb_layoutRow {
	width: 930px;
}

	/* CallBack Formular */
	div.callback {
		width: 185px;
	}
	div.callback div {
		height: 114px;
		padding-top: 170px;
		background: transparent url(../images/ICB/callback.jpg) no-repeat;
		margin-top: 15px;
	}
	div.callback h3,
	div.callback span {
		padding-left: 10px;
		padding-right: 10px;
		display: block;
	}
	div.callback h3 span,
	div.callback span span,
	div.callback div span {
		padding-left: 0px;
		padding-right: 0px;
		display: inline;
	}
	div.callback label {
		width: 45px;
		float: left;
		padding-top: 10px;
		padding-left: 10px;
		color: white;
		white-space: nowrap;
	}
	div.callback input {
		float: right;
		margin-top: 5px;
		width: 108px;
		background: #e8e8e8;
		border: 1px solid white;
		margin-right: 10px;
	}
	div.callback  input.commandExButton {
		height: auto;
		width: 110px;
		background: white;
		color: #0c58ac;
		border: 1px solid #0c58ac;
		padding: 0px;
	}
	
	/* SEARCH REGIO */

	div.search_regio_header {
		position: relative;
		width: 725px;
		width: 748px;
	}
	div.search_regio_header a#print {
		position: absolute;
		background: url(../images/ICB/print.jpg) no-repeat;
		height: 21px;
		width: 24px;
		top: 0px;
		right: 0px;
	}

	div.search_regio_header div {
		height: 47px;
		background: transparent url(../images/ICB/buttonbar_oragange_3columns.gif) no-repeat;
		color: white;
	}
	div.search_regio_header input.commandExButton {
		background: transparent url(../images/ICB/buttons/button_orange.gif) no-repeat center left;
		color: white;
	}
	div.button  input.commandExButton {
		background: transparent url(../images/ICB/buttons/button.gif) no-repeat center left;
	}
	div.search_regio_header span,
	div.search_regio_header label {
		line-height: 47px; 
		padding-left: 10px;
		padding-right: 10px;
	}
	div.trefferliste_empty_header h2 {
		color: white;
		font-weight: bold;
		line-height: 47px;
		padding-left: 10px;
	}
	div.search_regio_header input.inputText {
		margin-top: 12px;
		margin-left: 0px;
	}
	div.search_regio_header input {
		margin-left: 10px;
	}
	div.search_regio_header span,
	div.search_regio_header label,
	div.search_regio_header input {
		float: left;
	}
	div.search_regio_header p {
		width: 200px;
		float: right;
		padding: 10px;
		padding-left: 30px;
		background: transparent url(../images/ICB/search_regio_seperator.jpg) no-repeat;
	}
	div.search_regio_data {
		width: 725px;
		width: 748px;
	}
	div.search_regio_data a {
		font-weight: bold;
		color: #e66418;
	}
	div.search_regio_data a:hover {
		color: black;
	}
	div.search_regio_data td {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	div.search_regio_data thead td {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	div.search_regio_data td.first {
		text-align: center;
	}
	
body div#content {
	width: 930px;
	/*overflow: hidden;*/
	overflow-x: scroll;
	overflow-y: hidden;
	
}
body.auftragsnavi_start div#content {
}

/* ----------------- WCM ----------------- */

div.wpsPortlet {
	border: 0px;
	margin: 0px;
}

.tablewrapper, .tablewrapper tbody {
	width: 930px;
	}
	
#wcmContent {
	margin-top: 40px;
	margin-bottom: 30px;
	}
	
	
#wcmContent table, #wcmContent tr, #wcmContent td {
	margin: 0;
	padding: 0;
	vertical-align: top;
	}

#wcmContent .wcmLeftColumn {
	width: 195px;
	}

#wcmContent .wcmCenterColumn {
	border-left: 1px dotted #666666;
	width: 540px;
	padding-left:15px;
	}
	
	#wcmContent td.wcmLeftText {
		width: 250px;
		}
	#wcmContent td.wcmRightText {
		width: 250px;
		padding: 0 20px;
		}	

#wcmContent table.noFormat {
	width:540px;
	margin: 0;
	padding: 0;
	}
	
#wcmContent .wcmRightColumn {
	width: 185px;
	padding-top:20px;
	}
	
#wcmContent h1 {
	font-size: 22px;
	font-weight: normal;
	color: #828286;
	color: #666666;
	line-height: 22px;
	margin-bottom: 20px;
	}
	
#wcmContent h2 {
	font-size: 12px;
	font-weight: bold;
	color: #de5b0a;
	margin-bottom: 10px;
	padding-bottom: 0;
	}
	
#wcmContent h3 {
	font-size: 14px;
	font-weight: bold;
	color: #888888;
	color: #666666;
	}

#wcmContent p {
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 15px;
	}

#wcmContent .wcmRightColumn p, #wcmContent .wcmLeftColumn p {
	font-size: 11px;
	line-height: 14px;
	}
	
#wcmContent a.arrowed, 
#wcmContent .wcmLeftColumn a {
	background: transparent url(../images/ICB/layout/blue_LinkArrow.jpg) no-repeat scroll 0px 50%;
	padding-left: 16px;
	color: #004CA2;
	font-weight: bold;
	font-size: 12px;
	display: block;
	}
	
#wcmContent a.arrowed:hover, 
#wcmContent .wcmLeftColumn a:hover {
	background: transparent url(../images/ICB/layout/orange_LinkArrow.jpg) no-repeat scroll 0px 50%;
	color: #e66418
	}
	
#wcmContent .wcmLeftColumn a.active {
	background: transparent url(../images/ICB/layout/orange_LinkArrow.jpg) no-repeat scroll 0px 50%;
	color: #e66418
	}
#wcmContent .wcmRightColumn a.big {
	font-size: 12px;
	}
	
	
#wcmContent ul {
	font-size: 12px;
	padding-left: 12px;
	padding-bottom: 12px;
	list-style-type:square;
	}
	
#wcmContent ol {
	font-size: 12px;
	padding-left: 17px;
	padding-bottom: 12px;
	}
	
#wcmContent ul li {
	padding-top: 10px;
	}

#wcmContent li ul li {
	font-size: 12px;
	list-style-type:disc;
	padding-top: 5px;
	}
#wcmContent h6 {
	margin: 0px;
	margin-bottom: 5px;
}
#wcmContent div.wcmCenterDivContent {
	padding-right: 20px;
}

div.wpsPortletBody {
	margin: 0px;
}

.callback_fullview table.callback_table {
	margin-left: 205px;
}

#wcmContent .wcmLeftText h6,
#wcmContent .wcmRightText h6 {
	font-size: 1em;
}

#wcmContent .wcmCenterFullText h6 {
	float: right;
	font-size: 1em;
	font-weight: normal;
}
#wcmContent .wcmCenterFullText h2 {
	padding-top: 15px;
}

#wcmContent .wcmCenterFullText h2 a {
	color: #de5b0a;
}

/* WCM Content Auftrags Navi*/
	#wcmContent .wcmCenterColumnFunktion {
		border-left: 1px dotted #666666;
		padding-left: 15px !important;
		width: 725px; 
	}

	#wcmContent .fortschritt {
		width: 725px;
	}

	#wcmContent .fortschritt div {
		float: left;
		width: 180px;
		background-color: #f3f3f3;
		height: 29px;
	}

	#wcmContent .fortschritt div.active {
		background: transparent url(../images/ICB/WCM/active-bg.jpg) no-repeat scroll top left;        
	}

	#wcmContent .fortschritt div div {
		background: transparent url(../images/ICB/WCM/inactive-bg.jpg) no-repeat scroll top right;        
	}

	#wcmContent .fortschritt div.before div {
		background: transparent url(../images/ICB/WCM/inactive-left-bg.jpg) no-repeat scroll top right;        
	}      

	#wcmContent .fortschritt div.active div {
		background: transparent url(../images/ICB/WCM/active-bg.jpg) no-repeat scroll top right;        
	}

	.fortschritt div.last div {
		background: transparent;        
	}

	#wcmContent .fortschritt div span {
		display: block;
		height: 18px;
		margin: 5px 0 0 10px;
		padding: 2px 0 0 25px;
		color: #a9a9a9;
		font-size: 12px;
	}

	#wcmContent .fortschritt div.active div span {
		color: #ffffff;        
	}

	#wcmContent .fortschritt div span.first {     
		background: transparent url(../images/ICB/WCM/fortschritt-1.png) no-repeat scroll 0% 50%;        
	}

	#wcmContent .fortschritt div span.second {     
		background: transparent url(../images/ICB/WCM/fortschritt-2.png) no-repeat scroll 0% 50%;        
	}

	#wcmContent .fortschritt div span.third {     
		background: transparent url(../images/ICB/WCM/fortschritt-3.png) no-repeat scroll 0% 50%;        
	}            

	#wcmContent .threecolums {
		width: 725px;
	}

	#wcmContent .threecolums div {
		float: left;
	}

	#wcmContent .threecolums div.left {
		width: 250px;
	}
	#wcmContent .threecolums div.middle {
		width: 250px;
		margin-left: 15px;        
	}

	#wcmContent .threecolums div.right {
		width: 185px;
		margin-left: 15px;
	} 

	#wcmContent .wcm_more_link {
		float: right;
		margin: 10px 10px 0 0;
	}  
	#wcmContent .wcm_more_link a {
		background: transparent url(../images/ICB/layout/blue_LinkArrow.jpg) no-repeat scroll 0px 50%;
		padding-left: 16px;
		font-weight: bold;
		font-size: 12px;
		display: block;
	}  
	#wcmContent .wcm_more_link a:hover {
		background: transparent url(../images/ICB/layout/orange_LinkArrow.jpg) no-repeat scroll 0px 50%;
	}
/* Academy */
		#wcmContent table#objektbearbeitung th,
		#wcmContent table#objektbearbeitung td {
			padding: 5px;
		}
		
/* neue Portlets */
div#icblostpassword,
div#icbalias {
	margin-left: 215px;
	width: 520px;
}
div.callback_fullview td,
div#icblostpassword td,
div#icbalias td {
	padding: 0px;
	padding-left: 5px;
	padding-bottom: 10px;
}
div.callback_fullview table.callback_table input.commandExButton,
div.callback_fullview table.callback_table input.inputText {
	width: 155px;
}
tr.icb_first td {
	padding-top: 5px;
}
tr.icb_nopadding td {
	padding-bottom: 0px;
}
.wpsThinSkinContainerBar {
	display: none;
}

div.icbcontact #wcmContent {
	margin-bottom: 0px;
}
div.icbcontact #wcmContent .clear {
	display: none;
}
div.callback_fullview table.callback_table {
	margin-top: -2px;
}
body a.icb_lostpassword {
	font-size: 1.1em;
	font-weight: bold;
}