body {
	/* font-family: Gotham HTF; */
	font-family: Arial;
}

.Clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	float:none;
}

.Center {
	text-align: center;
}

.Right {
	text-align: Right;
}

a {
	text-decoration: none;
	outline: none; 
}

a img {
	border: 0px;
}

b {
	/* font-family: Gotham HTF Bold; */
}

.cursorpointer {
	cursor: pointer;
}

.cursordefault {
	cursor: default;
}

.cursorauto {
	cursor: auto;
}

/*SCHRIFT -----------*/
/*Schriftfarben -----*/

h1 {
	padding: 0px;
	margin: 0px;
	font-size: 120%;
	line-height: 90%;
}


p {
	padding: 0px;
	margin: 0px;
}

.LineHeightUp {
	line-height: 170%;

}

/*Weiss*/
.ColorW {
	color: #FFFFFF;
}

/*Schwarz*/
.ColorS {
	color: #101010;
}

/*Gelb*/
.ColorG {
	color: #cccc00;
}

/*Gruen*/
.ColorGR {
	color: #00cc00;
}

/*Hellblau*/
.ColorHB {
	/*color: #22aae1;*/
	color: #0099ff;
}

/*Orange*/
.ColorO {
	color: #ff6900;
}

/*Pink*/
.ColorP {
	color: #d4007d;
}

/*Rot*/
.ColorR {
	color: #cc0000;
}

/*Dunkelblau*/
.ColorDB {
	color: #000099;
}

/*Grau*/
.ColorGRA {
	color: #797979;
}



/*Textgroessen -----*/

.TextXS {
	font-size: 70%
}

.TextS {
	font-size: 75%;
}

.TextSM {
	font-size: 80%;
}

.TextM {
	font-size: 85%;
}

.TextML {
	font-size: 90%;
}

.TextL {
	font-size: 100%;
}

.TextXL {
	font-size: 110%;
}

.fontbold {
	font-weight: bold;
	/* font-family: Gotham HTF;*/
}

.fontnormal {
	font-weight: normal;
}

.NoTextdeco {
	text-decoration:none;
}

.Textdeco {
	text-decoration:underline;
}

.TextUpperCase {
	text-transform: uppercase;
}

.kursiv {
	font-style: italic;
}

/*Abstaende -----*/
.ObenZwei {
	margin-top: 2px;
}

.ObenDrei {
	margin-top: 3px;
}

.ObenVier {
	margin-top: 4px;
}

.ObenFuenf {
	margin-top: 5px;
}

.ObenSechs {
	margin-top: 6px;
}

.ObenSieben {
	margin-top: 7px;
}

.ObenAcht {
	margin-top: 8px;
} 

.ObenNeun {
	margin-top: 9px;
}

.ObenZehn {
	margin-top: 10px;
}

.ObenDreizehn {
	margin-top: 13px;
}

.ObenFuenfzehn {
	margin-top: 15px;
}

.ObenSechszehn {
	margin-top: 16px;
}

.ObenSiebzehn {
	margin-top: 17px;
}

.ObenAchtzehn {
	margin-top: 18px;
}

.ObenZwanzig {
	margin-top: 20px;
}

.ObenZweiundzwanzig {
	margin-top: 22px;
}

.ObenDreiundzwanzig {
	margin-top: 23px;
}

.ObenVierundzwanzig {
	margin-top: 24px;
}

.ObenFuenfundzwanzig {
	margin-top: 25px;
}

.ObenSechsundzwanzig {
	margin-top: 26px;
}

.ObenDreissig {
	margin-top: 30px;
}

.ObenFuenfunddreissig {
	margin-top: 35px;
}

.ObenVierunddreissig {
	margin-top: 34px;
}

.ObenVierzig {
	margin-top: 40px;
}

.ObenFuenfzig {
	margin-top: 50px;
}


.UntenFuenf {
	margin-bottom:  5px;
}

.UntenZehn {
	margin-bottom: 10px;
}

.UntenZwanzig {
	margin-bottom: 20px;
}

.UntenFuenfzehn {
	margin-bottom: 15px;
}

.UntenZwanzig {
	margin-bottom: 20px;
}

.RechtsZehn {
	margin-right: 10px;
}

.LinksZehn {
	margin-left: 10px;
}

.RechtsSechzigPlus {
	margin-right: 68px;
}




div.HGSchatten {
	width: 100%;
	float: left;	
	padding: 24px 0px 24px 0px;
	margin: 0px 0 0 0px;
	background-image: url('../images/hg_rahmen.gif');
	background-repeat: no-repeat;
	background-position: top center;
}

/*ALL*/

div.Zentrierung {
	width: 1002px;
	text-align: center;
  	margin: auto;
}

div.All {
	width: 1002px;
	float: left;
	text-align: left;
	position: relative;
}


/*Content Container*/

.logoprofi {
	width: auto;
	float: left;
}

.greenBorder {
	width: 956px;
	float: left;
	padding: 0px;
	margin: 0px;	
}

div.contentContainer {
	height: 662px;
	float: left;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
/* Divs für Landingspage;*/

div.wrapperlanding {
	width:938px; 
	margin: 0 23px;
	height:662px;
	overflow: hidden;
}
div.col-1-landing {
	height:662px;
	width:286px; 
	float:left; 

}
div.col-2-landing {
	height:662px; 
	width:366px; 
	margin:0 0 286px 286px;	
	background-image: url(../images/1_1_FF.jpg);
	background-repeat:no-repeat;
	background-position: bottom; 
}
div.col-3-landing {
	 height:662px;
	 width:286px; 
	 float:right;
	 background-color:white;
}

/* Content Gesamtbreite: 794px;*/

div.ContainerAll {
	width: 794px;
	float: left;
	overflow: hidden;
}

div.Header {
	width: 754px;
	height: 67px;
	float: left;
	padding: 8px 20px 0 20px;
	overflow: hidden;
}

div.SecondHeader {
	width: 754px;
	height: 25px;
	float: left;
	padding: 0px 20px 0 20px;
	overflow: hidden;
}


div.HeaderContentLeft {
	width: 377px;
	height: 70px;	
	float: left;
}


div.HeaderContentRight {
	width: 377px;
	float: left;
}

div.MenueAll {
	width: 377px;
	float: left;
}


div.MenueAll a.Aktiv {
	color: #000000;
}

div.ContentBoxAbstandLinks {
	width: 754px;
	float: left;
	padding: 10px 20px 0 20px;
}


div.CBALFarbBoxUndPic {
	width: 754px;
	float: left;
}

div.ColorBox {
	width: 349px;
	height: 120px;
	float: left;
	padding: 18px 14px 19px 14px;
}


/*Farben */
.ColorBoxG {
	background-color: #cccc00;
}

.ColorBoxGR {
	background-color: #00cc00;
}

.ColorBoxHB {
	/*background-color: #22aae1;*/
	background-color: #0099ff;
}

.ColorBoxO {
	background-color: #ff6900;
}

.ColorBoxP {
	background-color: #d4007d;
}

.ColorBoxR {
	background-color: #cc0000;
}

.ColorBoxDB {
	background-color: #000099;
}

div.CBALTextScroll {
	width: 754px;
	height: 330px;
	float: left;
}

div.CBALContentLeft {
	width: 377px;
	float: left;
	background-color: #FFFFFF;
}

div.CBALContentLeft p {
	width: 365px;
	float: left;
}


ul.ListStyleDisc {
	width: 365px;
	float: left;
	list-style-type: none;
}

ul.ListStyleDisc li {
	width: 362px;
	float: left;
	padding: 3px 0 0 11px;
	float: left;
	background-image: url('../images/black_dott.gif');
	background-repeat: no-repeat;
	background-position: 1px 7px;	
}
ul.ListStyleDiscPopUp {
	width: 240px;
	float: left;
	list-style-image: url('../images/black_dott.gif');
	padding:0px; 
	margin-left:15px; 
}

ul.ListStyleDiscPopUp li {
	width: 220px;
	float: left;
	padding: 3px 30px 0px 0px;
}

div.CBALContentRight {
	width: 360px;
	float: left;
	background-color: #FFFFFF;
	
}

div.CBALContentRight p {
	width: 360px;
	float: left;
}

div.CBALText {
	width: 754px;
	float: left;
}

div.ContentLeftPicOnly {
	width: 397px;
	float: left;
	overflow: hidden;
}

div.ContentRightText {
	width: 377px;
	float: left;
	padding: 0 20px 0 0;
	overflow: hidden;	
}


div.TextBoxRight {
	width: 352px;
	height: 315px;
	float: left;
	padding: 0 20px 0 13px;
	background-color: #FFFFFF;
}

div.BrotkrumemBoxRight {
	width: 352px;
	float: left;
	padding: 0 20px 0 13px;
}

div.ContentComplete {
	width: 765px;
	float: left;
	background-color: #FFFFFF;
	/*overflow: hidden;*/
}


/*Weiter Links Rechts positioniert*/

div.WeiterRightBoxSmall {
	width: 375px;
	float: left;
	text-align: right;
	padding: 0 0 0 0;
}

div.WeiterRightBoxBig {
	width: 752px;
	float: left;
	text-align: right;
	padding: 0 0 0 0;
}

div.DivTableContentAll {
	width: 790px;
	height: 517px;
	float: left;
	overflow: hidden;
}


/* ============================ LAYER ===============================*/
div.LayerDivBlock {
	width: 243px;
	/* Layer PopUp Höhe ---------------------------------------- */
	/* Hier ist die feste Höhe des Layer-PopUps eingetragen ---- */
	/* mit Abstand oben und unten beträgt sie 300px ------------ */
	/* MD -- 30px subtrahiert 269 --> 239 ------------ */
	border: solid 1px #cccccc;
	height: 239px;
	float: left;
	/*background-color: #000000;*/
	background-color: #E5E5E5; 
	padding: 11px 11px 20px 11px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	overflow: hidden;
}

div.LayerDivScrollBlock {
	width: 265px;
	height: 324px;
	float: left;
	border: solid 1px #cccccc;
	/*background-color: #000000; */
	background-color: #E5E5E5; 
	padding: 11px 0 20px 11px;
	position: absolute;
	/*overflow-y: scroll;*/
	overflow-y: auto;
	overflow-x: hidden;
	top: 0px;
	left: 0px;
	z-index: 99;
  	/* for IE 
  	filter:alpha(opacity=90);
  	/* CSS3 standard
	opacity:0.9;	 */
}


div.LayerPicBoxLeft {
	width: 111px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

div.LayerTextBoxRight {
	width: 120px;
	float: left;
	overflow: hidden;
}

div.LayerTextBoxRight p {
	width: 115px;
	float: left;
}

div.LayerDivNone {
	display:none;
}

div.LayerDivNoneSCROLL {
	display:none;
}

a.CloseRight {
	width: 243px;
	float: left;
	text-align: right;
}

/* Bilder Uebersicht - Referenzen ==========*/

div.BilderUebersichtAll {
	width: 754px;
	float: left;
	overflow: hidden;
}

div.BilderUebersichtZeile {
	width: 754px;
	float: left;
}

a.BorderBox  {
	width: 178px;
	height: 119px;
	float: left;
	border: solid 1px #cccccc;
	cursor: auto;
	overflow: hidden;
}



/*Farben */
a.BorderColorG:hover  {
	border: solid 1px #cccc00;
}

a.BorderColorGR:hover  {
	border: solid 1px #00cc00;
}

a.BorderColorHB:hover  {
	/*border: solid 1px #22aae1;*/
	border: solid 1px #0099ff;
}

a.BorderColorO:hover  {
	border: solid 1px #ff6900;
}

a.BorderColorP:hover  {
	border: solid 1px #d4007d;
}

a.BorderColorR:hover  {
	border: solid 1px #cc0000;
}

a.BorderColorDB:hover  {
	border: solid 1px #000099;
}


/*Styles für IFRAME - Konfigurator */

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

div.ContentAllKonfigurator {
	width: 751px;
	float: left;
	overflow: hidden;
}

div.KonfigBorder {
	width: 748px;
	float: left;
	overflow: hidden;	
	/*border: solid 1px #0199ff;*/
	border: solid 1px #0099ff;
}

/*Linke Spalte */

div.KonfigLeft {
	width: 509px;
	height: 410px;
	float: left;
	/*border-right: solid 1px #0199ff;*/
	border-right: solid 1px #0099ff;
}


div.KonfigLeft ul {
	width: 509px;
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	
}

div.KonfigLeft ul li {
	width: 509px;
	float: left;
	padding: 0px;
	margin: 0px;
}


div.KonfigLeft ul li a.LinkColorB {
	width: 498px;
	height: 21px;
	padding: 3px 0 0 11px;
	float: left;
	/*color: #22aae1;*/
	color: #0099ff;
}

div.KonfigLeft ul li a.bordertop {
	/*border-top: solid 1px #0199ff;*/
	border-top: solid 1px #0099ff;
}

div.KonfigLeft ul li a.LinkColorB:hover {
	width: 498px;
	height: 21px;
	padding: 3px 0 0 11px;
	float: left;
	/*background-color: #0199ff;*/
	background-color: #0099ff;
	color: #ffffff;
}

div.KonfigLeft ul li a.LinkColorBAktiv {
	width: 498px;
	height: 21px;
	padding: 3px 0 0 11px;
	float: left;
	/*background-color: #0199ff;*/
	background-color: #0099ff;
	color: #ffffff;
}


div.KonfigLeft ul li ul li {
	width: 509px;
	height: 310px;	
	float: left;	
}

div.KonfigLogoContent {
	width: 509px;
	float: left;
}

div.KonfigContentTextOnly {
	width: 498px;
	float: left;
	padding: 0 0 0 11px	
}

div.ContentColumn {
	width: 238px;
	float: left;	
	padding: 0 0 0 11px
}

div.SelectTextzeile {
	width: 238px;
	float: left;	
}

div.SelectTextzeile select {
	width: 238px;
	height: 20px;
	float: left;	
	/*border: solid 1px #0199ff;	*/
	border: solid 1px #0099ff;	
}
/*Eingefügt durch Michael Dabrowski am 23/03/2010. Copypaste aus davor außer Höhe = 18 und Textgröße = 9 und Breite = 234.*/
div.SelectTextzeile input {
	width: 234px;
	height: 18px;
	float: left;	
	/*border: solid 1px #0199ff;*/
	border: solid 1px #0099ff;
	font-size:9px;
}

div.SelectTextzeile p.TextLeft {
	width: 215px;
	float: left;	
}

div.SelectTextzeile p.TextRight {
	width: 22px;
	float: left;	
}



div.InputTextzeile {
	width: 238px;
	float: left;	
}

div.InputTextzeile textarea.TextareaS {
	width: 234px;
	height: 71px;
	float: left;	
	/*border: solid 1px #0199ff;*/
	border: solid 1px #0099ff;
    font-family: Arial, sans-serif; /*hinzugefügt durch Michael Dabrowski am 23/03/2010*/
	font-size:9px;
}

div.InputTextzeile p.TextLeft {
	width: 215px;
	float: left;	
}

div.InputTextzeile p.TextRight {
	width: 22px;
	float: left;	
}



div.InputRadiozeile {
	width: 238px;
	float: left;	
}

div.RadioButtonText {
	width: 30px;
	float: left;
}
div.RadioButtonText p {
	width: auto;
	float: left;
}


div.RadionButton {
	width: 22px;
	float: left;

}

div.InputTextzeile input.Radio {
	width: 14px;
	height: 14px;
	float: left;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
}



div.InputTextzeile p.TextLeft {
	width: 215px;
	float: left;	
}

div.InputTextzeile p.TextRight {
	width: 22px;
	float: left;	
}


/*Konfigurator Uebersicht Gesamt*/

div.KonfigUebersicht {
	width: 509px;
	height: 410px;
	float: left;
	border-right: solid 1px #0099ff;
	overflow-y: scroll;
}

div.KonfigUebersichtContent {
	width: 492px;
	float: left;
	overflow: hidden;
}


div.HBBGHeadline {
	width: 481px;
	height: 19px;
	padding: 5px 0 0px 11px; 
	float: left;
	background-color: #0099ff;
}

div.WBGHeadline {
	width: 481px;
	height: 19px;
	padding: 5px 0 0px 11px; 
	float: left;
	background-color: #FFFFFF;
}


div.UebersichtTextAll {
	width: 481px;
	float: left;
	padding: 0 0 20px 11px; 
	border-bottom: solid 1px #0099ff;
}

div.ContentColumnUebersicht {
	width: 238px;
	float: left;	
}

div.UebersichtTextzeile {
	width: 238px;
	float: left;	
}

div.TextHGGrau {
	width: 220px;
	height: 18px;
	float: left;
	padding: 2px 0 0 7px;
	background-color: #ebebeb;	
}

div.UebersichtAdresseAll {
	width: 481px;
	float: left;
	padding: 0 0 20px 11px; 
}

div.AdresseHGGrau {
	width: 471px;
	/*height: 90px;*/
	float: left;
	float: left;
	padding: 10px 10px 10px 10px;
	background-color: #ebebeb;	
	overflow: hidden;
}

div.AdresseHGGrau p{
	width: 465px;
	float: left;
}

div.HBSendenBox {
	width: 492px;
	height: 108px;
	float: left;
	background-color: #0099ff;
}

div.CheckBoxUebersicht {
	width: 345px;
	float: left;
	padding: 20px 0 0 153px;
}

div.CBDiv {
	width: 18px;
	float: left;
}

div.CBDiv input {
	width: 14px;
	height: 14px;
	padding: 0px;
	margin: 2px 0 0 0px;
	float: left;
}


div.WhiteBoxSendenAll {
	width: 350px;
	float: left;
	padding-left: 153px;
}

a.WhiteBGLink {
	width: 320px;
	height: 23px;
	float: left;
	background-color: #ffffff;
	padding: 5px 0 0 5px;
}


/*Rechte Spalte*/
/*Blau*/
div.KonfigRight {
	width: 238px;
	float: left;	
	overflow: hidden;
}

div.InfoTextBoxRed {
	width: 220px;
	height: 87px;
	float: left;	
	padding: 12px 0 0 12px;		
}

div.PreisUebersichtHG {
	width: 238px;
	height: 217px;
	float: left;	
	background-image: url('../images/hg_konfig_preis.gif');
	background-repeat: repeat-y;
	background-position: top left;	
}


div.TextUebersichtGesamt {
	width: 227px;
	float: left;
	padding: 0 0 0 11px;
}

div.TextUebersichtGesamt p.TextGesamt {
	width: 218px;
	float: left;
}

div.TextUebersichtZeile {
	width: 227px;
	float: left;
}

div.TextUebersichtZeile p.TextLeft {
	width: 143px;
	float: left;
}

div.TextUebersichtZeile p.TextRight {
	width: 75px;
	float: left;
	text-align: right;
}

div.BetragUebersichtHG {
	width: 238px;
	height: 94px;
	float: left;	
	background-color: #0099ff;
}

/*Grau*/
div.KonfigRight {
	width: 238px;
	float: left;	
	overflow: hidden;
}

div.InfoTextBoxRed {
	width: 220px;
	height: 87px;
	float: left;	
	padding: 12px 0 0 12px;		
}

div.PreisUebersichtHGGrau {
	width: 238px;
	height: 217px;
	float: left;	
	background-image: url('../images/hg_konfig_preis_grau.gif');
	background-repeat: repeat-y;
	background-position: top left;	
}

div.TextUebersichtZeileDGR {
	width: 227px;
	float: left;
	padding: 6px 0 6px 11px;
	background-image: url('../images/hg_konfig_preis_dunkelgrau.gif');
	background-repeat: repeat-y;
	background-position: top left;	
}

div.TextUebersichtZeileDGR p.TextLeft {
	width: 143px;
	float: left;
}

div.TextUebersichtZeileDGR p.TextRight {
	width: 75px;
	float: left;
	text-align: right;
}



div.BetragUebersichtHGGrau {
	width: 238px;
	height: 94px;
	float: left;	
	background-color: #e0e0e0;
}





div.KongfigBottomLink {
	width: 751px;
	float: left;
	text-align: right;
}






/*hinzugefügt durch Michael Dabrowski am 23/03/2010*/
.ui-dropdownchecklist {
	height: 20px;
	border: 1px solid #0099ff;
	border-right: 0;
	background: #fff url('../images/dropdown2.png') no-repeat center right;
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active {
	background-image: url('../images/dropdown_hover2.png');
	border-color: ##0099ff;
}

.ui-dropdownchecklist-text {
	font-size: 10px;
	font-family: Arial;
	height: 20px;
	line-height: 20px;
	margin-right: 20px;
	margin-left: 5px; /* background dropdown.png image */
}

.ui-dropdownchecklist-dropcontainer {
	background-color: #fff;
	border: solid 1px #0099ff;
	width: 210px;/*234 minus 17, wegen Dropdownbildchen (minus 7, wegen inputbox)*/
	float: left;	
	font-size:9px;
}

.ui-dropdownchecklist-item {

}

.ui-dropdownchecklist-item-hover {
	background-color: #39f;
}

.ui-dropdownchecklist-item-disabled label {
	color: #ccc;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text {
	color: #fff;
}

.ui-dropdownchecklist-group {
	font-weight: bold;
	font-style: italic;
}

.ui-dropdownchecklist-indent {
	padding-left: 20px;
}