/* standard elements */

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

a
{
	text-decoration: none;
}

a.rot
{
	color: #FE0000;
}

h1, h2, h3, h4, form
{
	padding: 0;
	margin: 0;
}

body
{
	margin: 0 0 0 0px;
	background-color: #949D9C;
	background-image : url(../images/bg_page.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#page
{
	margin: auto;
	font-size: 70%;
}

/* kraftwerk logo */
#kraftwerkLogo
{
	position: absolute;
	left: 11px;
	top: 200px;
}

#pageFooter
{
	margin: auto;
	width: 958px;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	height: 40px;
	color: #999; 
	font-weight: bold;
	padding-top: 15px;
	text-align: center;
	font-size: 70%;
}

#pageFooter a
{
	color: #999; 
}

/* page header elements */

#headerLinks
{
	color: #FFF;
	background-color: #949D9C;
	height: 14px;
	padding: 12px 10px 0px 0px;
	text-align: right;
}

#headerLinks a
{
	text-align: center;
	color: #FFF;
	padding: 4px 0px 8px 0px;
}

#headerLinks a.activeChannel,
#headerLinks a.otherChannel
{
	height: 20px;
	width: 190px;
	padding: 4px 10px 10px 10px;
	color: #555;
	font-weight: bold;
	background-color: #FFF;
	margin-left: 10px;
}

#headerLinks a.otherChannel, #headerLinks a.otherChannel strong   { color: #999; background-color: #CACECE; }
#headerLinks a:hover, #headerLinks a.otherChannel:hover,
#headerLinks a.otherChannel:hover strong  { color: #555; }


#header
{
	background-color: #FFF;
	width: 958px;
	height: 87px;
	position: relative;
}

#logo
{
	float: left;
	padding: 17px 0 0 20px;
}

#metaNaviagtion
{
	float: right;
	margin-right: 5px;
	font-size: 90%;
	margin-top: 10px;
}

#metaNaviagtion img {margin: 0 3px 0 0;}

#metaNaviagtion input {margin: 0 3px 0 3px;}

#sizeChooser
{
	position: absolute;
	top: 65px;
	left: 845px;
}

#sizeChooser .small, #sizeChooser .medium, #sizeChooser .big {font-weight: bold;}
#sizeChooser .small {font-size: 100%;}
#sizeChooser .medium {font-size: 110%;}
#sizeChooser .big {font-size: 120%;}

/* top navigation elements */

#topNavigation 
{
	width: 958px;
	height: 21px;
	background-color: #FFF;
	background-image : url(../images/bg_top_navigation.gif);
	background-position: 0px 2px; 
	background-repeat: repeat-x}
	
#topNavigation ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: White;
}

#topNavigation li
{
	float: left;	
	width: 160px;
	margin: 0px;
}

#topNavigation li.lastItem
{
	width: 158px;
}

#topNavigation li img{ margin: 4px 5px 0 5px;float:left;}
#topNavigation li a 
{
	color: #000;
	display: block;
	margin-top: 2px;
	background-image : url(../images/bg_top_navigation_item.gif);
	line-height: 19px;
}

#topNavigation li a:hover
{
	background-image : url(../images/bg_top_navigation_item_hover.gif);
	color: #FFF;
	font-weight: bold;
}

#topNavigation li a.selected
{
	background-image : url(../images/bg_top_navigation_item_hover.gif);
	color: #FFF;
	font-weight: bold;
}

.rollOverMenu
{
	visibility: hidden;
	position: absolute;
	background-image: url(../images/leer.gif);
	z-index: 666;
}

.rollOverMenu li, #leftNavi li
{
	float: none !important;
	list-style: none;
	background-color: #EEEEF0;
}

.rollOverMenu li a, #leftNavi li a
{
	color: #000;
	display: block;
	width: 180px;
	margin-top: 2px;
	background-color: #B6BBBB;	
	background-image: url(../images/leer.gif) !important;
	line-height: 19px;
	border: 1px solid #949D9C;
	padding-left: 22px;
}

#leftNavi li a
{
	background-color: #B6BBBB;
}

.rollOverMenu .lastItem li a
{
	/* width: 135px; */
}

.rollOverMenu li a:hover, #leftNavi li a:hover, .leftNaviSubLevel li a:hover
{
	color: #FFF;
	background-color: #FE0000 !important;
	font-weight: normal !important;
}

/* splash page */

#splashBody
{
	float: left;
	background-color: #EEEEF0;
	width: 958px;
	height: 350px;
}

#splashBody .mainPanel
{
	float: left;
	padding: 80px 20px 30px 30px;
	_padding-bottom: 0px;
	width: 420px;
}

#splashBody .mainPanel h1
{ 
	font-size: 175%;
	font-weight: normal;
	margin-bottom: 10px;
}
#splashBody .mainPanel p
{
	font-size: 120%;
}

#splashBody .mainPanel .linkContainer
{
	width: 200px;
	float: left;
}

#splashBody .mainPanel a.mainLink
{
	background-image: url(../images/bg_mainlink.gif);
	padding: 10px 5px 11px 30px;
	width: 165px;
	height: 33px;
	_padding-bottom: 9px;
	display: block;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 3px;
}
#splashBody .mainPanel a:hover, #splashBody .mainPanel a:hover strong { color: #FE0000 !important; }

#splashBody .mainPanel a.mainLink strong
{ font-size: 125%;}

#splashBody .mainPanel a.subLink
{
	background-image: url(../images/bg_sublink.gif);
	padding: 3px 5px 4px 30px;
	_padding-bottom: 2px;
	width: 165px;
	height: 12px;
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
}

#splashLine {
	background: url(../images/splash_line.gif);
	background-repeat: repeat-x;
	height: 1px;
	clear: both;
	float: none;
}

/* homePage Unternehmer / Handelsagenten */

#homeBody
{
	float: left;
	background-color: #EEEEF0;
	width: 918px;
	padding: 20px 
}

#homeBody #bodyLeftCol
{
	width: 602px;
}

#homeBody  .unternehmerTeaser
{
	padding-top: 15px;
	width: 295px;
	float: left;
}

#homeBody strong a,
#homeBody a strong
{
	color: #FE0000;
}

/* body elements */

#pageBody
{
	float: left;
	background-color: #EEEEF0;
	width: 948px;
	padding-bottom: 20px;
	padding-right: 10px;
}

#bodyLeftCol
{
	float: left;
	width: 197px;
	margin-right: 15px;
}

#bodyLeftCol.home
{
	width: 351px;
}

#bodyMiddleCol
{
	float: left;
	margin-right: 5px;
	width: 286px;
}

#bodyRightCol
{
	float: right;
}

#bodySpanCol
{
	float: left;
	margin: 10px 5px 0 0;
	width: 489px;
}

#bodyTeaserCol
{
	margin: 10px 0 0 10px;
	float: right;
}

.teaser, .teaserText
{
	background-color: #F5F5F5;
	border: 1px solid #F5F5F5;
	padding: 10px 10px 10px 10px;
}


.teaserText
{
	padding: 0 10px 0 10px;
}

.teaser img
{
	float: left;
	margin-right: 5px;
}

.teaser h2
{
	font-size: 100%;
}

.teaserHeader, .formHeader
{
	background-color: #B8C2C3;
	background-image: url(../images/bg_teaser_header.gif);
	background-repeat: no-repeat;
	padding: 2px 2px 2px 20px;
	height: 16px;
	font-size: 100%;
}

.teaser h1
{
	font-size: 100%;
}

h1.formHeader
{
	margin: -3px 0 5px -8px;
	padding: 0px 0px 0px 20px;
}



.shadow
{
	clear: left;
	font-size: 100%;
}

.shadow .right, .shadow .bottom
{
	vertical-align: top;
	background-color: #DCDCDC;
	width: 2px;
}

.homepageLeftTeasers
{
	margin: 20px 0 20px 0px;
}

.folderIndex
{
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/bg_folder_index.gif);
	background-color: #B8C2C3;
	background-image: url(../images/bg_folder_index_selected.gif);
	padding: 2px 2px 2px 20px;
	height: 16px;
	border-top: 1px solid #B0B2B1;
	border-left: 1px solid #B0B2B1;
	border-right: 1px solid #B0B2B1;
	margin-right: 3px;
	top: 1px;
	position: relative;
	font-weight: bold;
	width: 258px;
}

.AgentensucheForm, .AgentensucheMap, .AgentensucheFormTeaser
{
	padding: 10px;
	width: 272px;
	background-color: #B8C2C3;
	border: 1px solid #B0B2B1;
}

.AgentensucheForm a
{
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 3px;
	background-color: White;
	margin: auto;
	color: #FE0000 !important;
}

.AgentensucheForm input, .AgentensucheForm select, .AgentensucheFormTeaser input, .AgentensucheFormTeaser select
{
	font-size: 11px !important;
}

.AgentensucheFormTeaser
{
	padding: 5px;
	width: 210px;
}

.AgentensucheForm h2, .AgentensucheMap h2, .AgentensucheFormTeaser h2 {font-size: 110%;margin-bottom: 5px;}
.AgentensucheForm div, .AgentensucheFormTeaser div {padding-bottom: 2px; clear:both; }
.AgentensucheForm label, .AgentensucheFormTeaser label {padding-top: 5px;padding-right: 5px;float: left;width: 86px;}
.AgentensucheForm select {width: 165px;}
.AgentensucheForm .inputBig {width: 160px;}
.AgentensucheForm .inputMedium {width: 119px;}
.AgentensucheForm .inputSmall {margin-left:5px;width: 30px;}
.AgentensucheForm .submit {padding: 2px 0 0 170px;}
.button {background-color: #FE0000; color: #FFF;}
.button.small {font-size:95%;}

.AgentensucheFormTeaser select {width: 115px;}
.AgentensucheFormTeaser .inputBig {width: 108px;}
.AgentensucheFormTeaser .inputMedium {width: 75px;}
.AgentensucheFormTeaser .inputSmall {margin-left:5px;width: 23px;}
.AgentensucheFormTeaser .submit {padding: 2px 0 0 120px;}

.AgentensucheMap
{
	margin: 0;
	border-top: 0;
}

.AgentensucheMap div {padding:22px 0 10px 0;}

/* left navigation */
#leftNavi
{
	float:left;
	margin: 0;
	padding: 10px 0 0 10px;
}

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

#leftNavi li a
{
	width: 180px;
	padding: 0 0 0 5px;
}

#leftNavi .header.selected a
{
	color: #FFF;
	background-color: #FE0000;
	font-weight: normal !important;
}

.leftNaviSubLevel li 
{
	background-image: none;
}


.leftNaviSubLevel li a
{
	background-color: #DEE0E0 !important;
	margin-left: 10px !important;
	width: 170px !important;
}

.leftNaviSubLevel li.selected a
{
	background-color: #FE0000 !important;
	color: #FFFFFF !important;
	font-weight: bolder !important;
}

#breadCrumbs 
{
	font-size: 90%;
	padding-bottom: 8px;
}
#breadCrumbs a {text-decoration: underline;}

/* content elements */
.content h1
{
	color: #FE0000;
	font-size: 140%;
	margin: 10px 0 10px 0;
}

.content h2
{
	color: #FE0000;
	font-size: 110%;
	margin: 10px 0 10px 0;
	font-weight: normal;
}

.content h3
{
	font-size: 110%;
	margin: 10px 0 0 0;
}

.knotenImage
{
	padding-bottom: 10px;
}

.content a.important, a strong.important, a b.important
{
	color: #FE0000;
	font-weight: bold;
	text-decoration: underline;
}


.content .statistik, .content .register
{
	font-size: 100%;
}

.content .statistik th, .content .statistik td.headerItem
{
	text-align: center;
}

.content .statistik th.lastItem, .content .statistik td.lastItem, .content .register td.lastItem, td.headerItem
{
	border-right: 0;
}

.content .statistik td
{
	background-color: #FFF;
	border-right: 1px solid #B8C2C3;
	padding: 5px;
}


.content table th, .content .statistik td.headerItem
{
	background-color: #FE0000;
	color: #FFF;
	padding: 3px 5px 3px 5px;
	border-right: 1px solid #B8C2C3;
	border-bottom: 2px solid #DDE1E2;
	text-align: left;
	font-weight: bold;
}

.content .statistik td.alternatingItem
{
	background-color: #DDE1E2;
}

.content .statistik td.summary*
{
	color: #FE0000;
}

.fehler
{
	color: #FF0000;
}

/* sitemap */
.siteMapSection h2
{
	background-color: #FFF;
	font-size: 100%;
	padding: 2px 0 2px 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.siteMap
{
	padding-left: 5px;
}

/* kontaktformular */
.kontaktFormular
{
	font-size: 100%;
}

.kontaktFormular td
{
	padding-right: 10px;
	padding-bottom: 3px;
}

.kontaktFormular input
{
	width: 150px;
	margin: 0;
}

.kontaktFormular .boxCell input 
{
	width: 10px;
	margin-right: 3px;
}

.kontaktFormular .plz
{
	width: 30px;
}

.kontaktFormular .ort
{
	width: 110px;
}

.kontaktFormular .nachricht
{
	width: 472px;
	height: 70px;
}



/* agenten search result */
.agentenSearchResult, .searchForm, .registrieren
{
	width: 100%;
	font-size: 100%;
	clear: left;
}

.agentenSearchResult a, .searchForm a
{
	text-decoration: underline;
}

.agentenSearchResult th, .searchForm th
{
	background-color: #B8C2C3 !important;
	color: #555555 !important;
	text-align: left;
	border-right: 1px solid #DDE1E2 !important;
	border-bottom: 0 !important;
	padding: 5px 5px 5px 10px !important;
}

.agentenSearchResult th.lastItem, .agentenSearchResult td.lastItem, .searchForm th.lastItem, .searchForm td.lastItem
{
	border-right: 0 !important;
}

.agentenSearchResult td, .searchForm td, .registrieren td
{
	background-color: #FFF;
	border-right: 1px solid #B8C2C3;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
}

.registrieren td
{
	border-right: 0 !important;
}

.agentenSearchResult td.alternatingItem, .searchForm td.alternatingItem, .registrieren td.alternatingItem
{
	background-color: #DDE1E2;
}

.registrieren td.update
{
	background-color: #B8C2C3;
}

.searchForm .inputMedium
{
	width: 100px;
}

.inputList
{
	font-size: 100%;
}

.registrieren textarea
{
	font-size: 100%;
}

.registrieren .inputBig
{
	width: 250px;
}

.transparent, .transparent td, .vertretungsgebiete, .customerTargets, .lng
{
	background: transparent;
	font-size: 100%;
	padding: 3px 6px 0px 0 !important;
}

.vertretungsgebiete td, .customerTargets td, .lng td
{
	background: transparent;
	font-size: 100%;
	padding: 3px 15px 0px 0 !important;
}

.transparent input, .vertretungsgebiete input, .customerTargets input, .lng input
{
	margin: 0 5px 0 0 !important;
	padding: 0 !important;
}

/* agent details */
.agentHeadline, .agentFooter, .agentChiffre
{
	background-color: #949C9E;
	color: #FFF;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	width: 400px;
	float: left;
	margin-bottom: 10px;
	height: 13px;
}

.agentFooter, .agentChiffre
{
	margin-top: 10px;
}

.agentChiffre
{
	width: 469px;
	padding: 3px 10px 3px 10px;
}

.agentChiffre label
{
	color: #FFF;
}

.agentChiffre input
{
	margin: 0 3px 0 3px;
}

.backButton
{
	float: left;
	margin-left: 2px;
}

/* content blocks */
.content .block
{
	margin: 10px 0 10px 0;
}

.content .block a, .content a
{
	text-decoration: underline;
}

.content .block li, .content li
{
	padding-bottom:5px;
}

.content .block.alternatingItem
{
	background-color: #DDE1E2;
}

/* register form */
.content .register td
{
	background-color: #FFF;
	border-right: 1px solid #B8C2C3;
	padding: 5px;
}

.content .register td.alternatingItem
{
	background-color: #DDE1E2;
}

.content .register td.buttonRow, .registrieren td.buttonRow
{
	background: transparent;
	border-right: 0;
	text-align: right;
	padding: 5px 0 5px 0;
}

/* link verzeichnis */
.linkverzeichnisLink
{
	margin: 10px 0px 10px 0px;
}

.linkverzeichnisLink .mainLink
{
	font-weight: bold;
}

/* volltextsuche */
.searchResult
{
	margin: 20px 0 0 0;
}

.searchResult a, .articleList a
{
	font-weight: bold;
}

.searchResult div
{
	padding: 10px 10px 0 10px;
}

.listItem
{
	padding: 10px 0 0 0;
}

.searchDirectory
{
	margin: 10px 0 0 0;
	padding: 5px !important;
	background-color: #FFF;
}

.hilite
{
	color: #FE0000 !important;
}

td.teaserCell 
{
	margin-top: 20px;
	height: 50px;
}

#teaserContainer
{
	font-size: 100%;
}

#teaserContainer td.hilite
{
	padding-left: 30px;
}

#ticker
{
	width: 600px;
	font-weight: bold;
}

/* iucab elements */

#iucabBody
{
	float: left;
	background-color: #FFF;
	width: 948px;
}

#iucabBody h1
{
	font-size: 150%;
	color: #000000;
}

#iucabContent
{
	padding-left: 20px;
	padding-right: 20px;
}
#iucabHeader
{
	background-color: rgb(51,102,153);
	margin: 10px 0 10px 0;	
}
#iucabHeader td
{	
	color: #FFFFFF !important;
}
#iucabBack
{
	font-size:120%;
	font-weight: bold;
}

.bgTransparent { background-color: Transparent !important; }