﻿/*--------------------------------------------------------------------*/
/* Formatierungen der HTML-Elemente auf eine gemeinsame Basis bringen */
/*--------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.1%;
	font-family: inherit;
	vertical-align: baseline
}



body{ background: #b8d2ee url('images/rez2.gif') repeat-x 0 0;}
html, input, textarea{font-family:Verdana; font-size:13px;}

img {border:0px none; vertical-align:top; text-align:left}
a{color:#3E4DF9; font-weight:bold; text-decoration: underline; }
a.green{color:#75A820; font-weight: bold; text-decoration: underline;}
a:hover{text-decoration: none;}

h1{margin-left:15px; color: #2c36a8; font-size: 20px; font-weight: bold;}
h1.gruen{ margin: 0; float: left; color: #75A820; font-size: 20px; font-weight: bold;}
h1.gruen2{ margin: 0; color: #75A820; font-size: 20px; font-weight: bold;}

h1.weiss{ margin: 0; float: left; color: #FFFFFF; font-size: 20px; font-weight: bold;}
h1.schwarz{ margin: 0; float: left; color: #266ab7; font-size: 20px; font-weight: bold;}
h1.dashed {border-bottom: 1px dashed #595959; margin: 0 1em 1em 1em; }
h2 a{color:#3E4DF9; font-size:14px; font-weight:bold; padding: 0; margin: 0;}
h4{font-size: 14px; color:#595959; font-weight: bold;}
strong{border: 0px none; font-size: 16px; font-weight: bold;color: #000}

p{margin-left: 2em; margin-right: 1em;}
p.border{margin-left: 15px; margin-right: 15px; border-bottom: 1px solid #75A820;}
p.download {float: left; margin: 20px 15px; color: #2c36a8; font-size:15px;}
p.flexi {float: left; margin: 20px 15px 60px 15px;}
p.flexi strong{color: navy; font-size:13px; font-weight:bold;}
p.flexi span{margin-left: 40px; display: block;}
p.text {border: 0px none; margin-left: 2.2em; margin-top: 0}
p.kontakt{margin-bottom: 1em;}
p.kont-text{float: left; width : 250px;margin-left : 2em;  padding:0;}
p.produkte{ margin-top:1em;}
p.produkte b{
	color: #000;
}
.clear { clear:both;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

b.red{color: #CC0000;}
span img{margin: 0 !important;}

#crm-software-main { width:735px; margin:0 auto;}

/* --------------------------- */
/* NEU Formatierung weisse Content-Box */
/* --------------------------- */



/* --- PRODUKTCATEGORY -- */
#product-category{
  float:left;
  width:235px;
  margin: 0 15px 0 15px;
}

#left-pc-top{
   float: left;
   width:28px;
   height: 50px;
   background-image: url('images/m2-l-ta_2.gif');
}

#center-pc-top{
   float: left;
   width:170px;
   height: 50px;
   background-image: url('images/m2-t-dra.gif');
   background-repeat: repeat-x;

}

#right-pc-top{
   float: left;
   width:37px;
   height: 50px;
   background-image: url('images/m2-r-ta.gif');
}

#pc-content{
  float: left;
  width: 190px;
  height: auto;
  background-image: url('images/content.png');
  background-repeat: repeat-y;
  padding-left:20px; padding-right:20px; 
}


#pc-inner{
    float:left;
    margin-top: -25px!important; 
    margin-top:0; /*für ie6, da dieser keine Minusangaben interpretieren kann*/
}

#center-pc-bottom{
   float: left;
   width:197px;
   height: 28px;
   background-image: url('images/m2-b-dr.gif');
   background-repeat: repeat-x;
}


#pc-inner ul li{
	list-style-image: url('images/r1.gif');
	margin-left: 20px;
}

#pc-inner a{
	color: #595959;
	font-size: 11px;
	text-decoration:none;
}

#pc-inner a:hover{
 text-decoration:underline;
}

/* --- ENDE PRODUKTCATEGORY -- */


#left-top{
   float: left;
   width:28px;
   height: 50px;
   background-image: url('images/m2-l-ta_2.gif');
   margin-top: 6px
}

#center-top{
   float: left;
   width:667px;
   height: 50px;
   background-image: url('images/m2-t-dra.gif');
   background-repeat: repeat-x;
   margin-top: 6px
}

#right-top{
   float: left;
   width:37px;
   height: 50px;
   background-image: url('images/m2-r-ta.gif');
   margin-top: 6px
}

/*--- Speziell fr index-Seite */
#top-index{
   float: left;
   width:732px;
   height: 256px;
   background-image: url('images/aufhaenger.png');
   margin-top: 6px;
   margin-left:-2px
}


#content{
  float: left;
  width: 692px;
  height: auto;
  background-image: url('images/content.png');
  background-repeat: repeat-y;
  padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0
}

#tablenormal { padding: 0 0px; margin-top: 0px; }
#tabletdnormal {padding: 0px; vertical-align: top; }


#content-index{
  float: left;
  width: 692px;
  height: auto;
  background-image: url('images/content.png');
  background-repeat: repeat-y;
  padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0
}

#content-index h2 {color: #2c36a8; font-size: 16px; font-weight: bold;}

#content-index-left{
  float: left;
  width: 320px;
  height: auto;
  margin: 10px 0 0 0px;
}

#content-index-right{
  float: right;
  width: 360px;
  height: auto;
  margin: 10px 0 0 0;
}



#left-bottom{float: left;
   width:19px;
   height: 28px;
   background-image: url('images/m2-l-b.gif');
   }

#center-bottom{
   float: left;
   width:694px;
   height: 28px;
   background-image: url('images/m2-b-dr.gif');
   background-repeat: repeat-x
}


#right-bottom{
   float: left;
   width:19px;
   height: 28px;
   background-image: url('images/m2-r-b.gif');
   margin-bottom: 10px
}
/* --------------------------- */
/* ENDE - NEU Formatierung weisse Content-Box */
/* --------------------------- */


/*Seiten-Hintergrundbild*/

#crm-topheader .box1{position:absolute; left:0px; top:0px; width:539px;}


/* Men */
#crm-header{height:59px;}
#crm-header .indent{position:absolute; margin-left:3.2%; top:90px;}


form {float: left; width : 600px; height: auto; margin-left: 2em;}
ul{list-style: none; margin: 0; padding: 0;}
li{margin-bottom: 1em;}
.visibility{visibility: hidden;}


.p1 .col_1{width:346px; float:left;}
.p1 .col_2{width:29px; float:left;}
.p1 .col_3{width:335px; float:left;}

/*content_1*/
.crm-content{float: left; padding-top:84px; margin-left:0; width:732px; height: auto; color: #595959;}

/*--------------------------------------------- */
/* ursprngliche Version weie Content-Box  */
/*--------------------------------------------- */

/*.crm-bg-top {width:100%; height:51px; background:url(images/top.png) no-repeat; margin-top: 0.6em;}*/
/*.crm-bg-content {width:682px; height: auto; background:url(images/content.png) repeat-y; padding: 0 25px; margin-top: -0.2em;}*/
/*.crm-bg-bottom {float: left; width:100%;  height:51px; line-height:51px; background:url(images/bottom.png) no-repeat;}*/
/*.crm-bg-content strong{border: 0; font-size: 16px; font-weight: bold;color: #000;}*/

/*--------------------------------------------- */
/* ENDE ursprngliche Version weie Content-Box  */
/*--------------------------------------------- */


.crm-bg-content h1{margin-top: 0;}
.kundenSupport h2, kostenfreiSupport h2{margin-left: 15px; margin-top: 1em;}
.crm-bg-content hr{color: #E0F0C6;}

/*content_index*/
.crm-bg-top2{float: left; width: 100%; height: 238px; background:url('images/m2-l-t.gif') no-repeat; margin-top: 0}
.crm-bg-top3{margin-left: 1.5em; width: 100%; height: 256px; background:url('images/Aufmacher2.jpg') no-repeat;}
/*#product-overview{position:absolute; top:344px; left:56px; width:175px; height:30px;}*/
#product-overview{width:175px; height:30px; margin:195px 0 0 58px;}

/*content_support*/

.support-gesamt{float: left; width: 100%; height: auto;margin-bottom: 60px;}
.kundenSupport{float: left; width: 35%; height: auto; padding: 0 1em;}
.kostenfreiSupport{float: right; width: 55%; height: auto; padding: 0 1em; }

.kundenSupport p, .kostenfreiSupport p{margin-left:15px; border: 0px none;}
.kundenSupport b, .kostenfreiSupport b{position: relative; left:15px;}
.kostenfreiSupport strong{color: #676767;
	}


#infos{float: left; width: 200px; height: auto; margin: 20px 30px 30px 10px;}
#infos h3 {color: #000000; font-size: 11px;margin-bottom: 1em; border-bottom: 1px solid #fff;}
#infos ul {list-style-image: url('images/r1.gif'); padding-left: 20px}
#infos ul li{padding: 0; margin: 0;}
#infos ul a{text-decoration: none; color: #595959;font-size: 12px; font-weight: normal; padding: 0; margin: 0;}
#infos ul a:hover{text-decoration: underline; color: #595959;font-size: 12px; font-weight: normal;padding: 0; margin: 0;}


#infos2{float: left; width:200px; height: auto;margin: 20px 0px 30px 0px; }
#infos2 h3 {color: #000000; font-size: 11px; border-bottom: 1px solid #fff; margin-bottom: 1em;}
#infos2 ul {list-style-image: url('images/r1.gif'); padding-left: 20px }
#infos2 ul li{padding: 0; margin: 0;}
#infos2 ul  a{text-decoration: none; color: #595959;font-size: 12px; font-weight: normal; padding: 0; margin: 0;}
#infos2 ul  a:hover{text-decoration: underline; color: #595959;font-size: 12px; font-weight: normal;padding: 0; margin: 0;}
#infos2 p {color: #595959;font-size: 12px; font-weight: normal; padding: 0;margin: 0; width: 200px;}
#infos2 form{padding: 0; margin: 0; width:200px;}
#infos2 form input.newsletter{width:190px; }

#infos3{float: left; width:200px; height: auto;margin: 20px 25px 30px 20px;}
#infos3 h3 {color: #000000; font-size: 11px; border-bottom: 1px solid #fff; margin-bottom: 1em;}
#infos3 ul {list-style-image: url('images/r1.gif'); padding-left: 20px }
#infos3 ul li{padding: 0; margin: 0;}
#infos3 ul  a{text-decoration: none; color: #595959;font-size: 12px; font-weight: normal; padding: 0; margin: 0;}
#infos3 ul  a:hover{text-decoration: underline; color: #595959;font-size: 12px; font-weight: normal;padding: 0; margin: 0;}


/*content_kontakt*/

.box_impressum{float: left; width: 50%; height: auto;}
.box_impressum img{margin-left: 0 !important; margin-bottom: 10px;}

.box_untenehmen{float: left;width: 60%; height: auto; }
.box_untenehmen2{float: right;width: 40%; height: auto; }
.box_untenehmen3{float: right;width: 35%; height: auto;  margin-top: 40em; }


.box_kontakt{float: right;width: 50%; height: auto; }
.box_kontakt form{ width:230px; margin-bottom: 20px; margin-left: 0; }

.box_kontakt form input, textarea{ padding:0; font-family:tahoma; font-size:11px; color:#000000;}
.box_kontakt form input{ width:230px; height:18px;}
.box_kontakt form textarea{ width:230px; height:131px; margin:0 0 13px 0; overflow:auto;}

/*content_CRM Software easySales Einzelplatz.html*/
#green_top{width: auto; height: 18px;margin-left: 1.3em;}
.left{float: left;}
.green_box{float: left; background:#E0F0C6 url('images/EinzelTop1.jpg') no-repeat -1em 0em; width:625px; height: 18px; background-position-x:-1em; background-position-y:0em; background-image:url('images/EinzelTop1.jpg'); background-repeat:no-repeat }
.left img, .right img{margin: 0 !important;}

.content_green{background:#E0F0C6 url('images/EinzelplatzTop.jpg') no-repeat 0em 0em; width:635px; height:auto; margin-left: 1.3em; padding-left: 16px; background-position-x:0em; background-position-y:0em; background-image:url('images/EinzelplatzTop.jpg'); background-repeat:no-repeat
}

#gelb_topUSB{width: auto; height: 18px;margin-left: 1.3em;}
.left{float: left;}
.gelb_boxUSB{float: left; background:#FFFFFF url('images/USBTop1.jpg') no-repeat 0em 0em; width:625px; height: 18px; background-position-x:0em; background-position-y:0em; background-image:url('images/USBTop1.jpg'); background-repeat:no-repeat }

.left img, .right img{margin: 0 !important;}


#gelb_topUSBEdition{width: auto; height: 18px;margin-left: 1.3em;}
.left{float: left;}
.gelb_boxUSBEdition{float: left; background:#FFFFFF url('images/USBEditionTop1.jpg') no-repeat 0em 0em; width:625px; height: 18px; background-position-x:0em; background-position-y:0em; background-image:url('images/USBEditionTop1.jpg'); background-repeat:no-repeat }

.left img, .right img{margin: 0 !important;}


#gelb_top{width: auto; height: 18px;margin-left: 1.3em;}
.left{float: left;}
.gelb_box{float: left; background:#FFFFFF url('images/NetzwerkTop1.jpg') no-repeat 0em 0em; width:625px; height: 18px; background-position-x:0em; background-position-y:0em; background-image:url('images/NetzwerkTop1.jpg'); background-repeat:no-repeat }

.left img, .right img{margin: 0 !important;}


.content_gelb{ background:#FFFFFF url('images/NetzwerkTop.jpg') no-repeat 0em 0em; width:635px; height:auto; margin-left: 1.3em; padding-left: 16px; background-position-x:0em; background-position-y:0em; background-image:url('images/NetzwerkTop.jpg'); background-repeat:no-repeat
}

.content_aufz{ background:#FFFFFF; width:635px; height:auto; margin-left: 0em; padding-left: 0px; }
.content_aufz2{ background:#FFFFFF; width:470px; height:auto; margin-left: 0em; padding-left: 0px; }

.content_gelbUSBNetzwerk{ background:#FFFFFF url('images/USBTop.jpg') no-repeat 0em 0em; width:635px; height:auto; margin-left: 1.3em; padding-left: 16px; background-position-x:0em; background-position-y:0em; background-image:url('images/USBTop.jpg'); background-repeat:no-repeat
}

.content_easySalesInternet{ background:#8cb8e5 url('images/InternetServerTop.jpg') no-repeat 0em 0em; width:635px; height:auto; margin-left: 1.3em; padding-left: 16px; background-position-x:0em; background-position-y:0em; background-image:url('images/InternetServerTop.jpg'); background-repeat:no-repeat
}

.content_easySalesUpdate{ background:#8cb8e5 url('images/UpdateGarantieNeu.jpg') no-repeat 0em 0em; width:635px; height:auto; margin-left: 1.3em; padding-left: 16px; background-position-x:0em; background-position-y:0em; background-image:url('images/UpdateGarantieNeu.jpg'); background-repeat:no-repeat}
.content_easySalesUpdate2{ background:#8cb8e5 url('images/UpdateGarantieNeu2.jpg') no-repeat 0em 0em; width:635px; height:auto; margin-left: 1.3em; padding-left: 16px; background-position-x:0em; background-position-y:0em; background-image:url('images/UpdateGarantieNeu2.jpg'); background-repeat:no-repeat}
.content_easySalesUpdate3{ background:#ffffff url('images/UpdateGarantieOverview.jpg') no-repeat 0em 0em; width:635px; height:auto; margin-left: 1.3em; padding-left: 16px; background-position-x:0em; background-position-y:0em; background-image:url('images/UpdateGarantieOverview.jpg'); background-repeat:no-repeat}
.content_frei{
  width:635px;
  height:auto;
  margin-left: 1.3em;
  margin-top: 19.3em;
  padding-left: 16px;
}


.content_easySalesUSBEdition{ background:#FFFFFF url('images/USBEditionTop.jpg') no-repeat 0em 0em; width:635px; height:auto; margin-left: 1.3em; padding-left: 16px; background-position-x:0em; background-position-y:0em; background-image:url('images/USBEditionTop.jpg'); background-repeat:no-repeat
}

#blau_top{width: auto; height: 18px;margin-left: 1.3em;}
.left{float: left;}
.blau_box{float: left; background:#F0EFC6 url('images/ISTop.gif') no-repeat -0.7em 0em; width:625px; height: 18px;background-position-x:-0.7em; background-position-y:0em; background-image:url('images/ISTop.gif'); background-repeat:no-repeat }

.left img, .right img{margin: 0 !important;}



.content_gelb_box{ background:#F0EFC6; width:635px; height:auto; margin-left: 1.3em; padding-left: 16px;
}


.bildunterschrift{position: relative; left: 38em; top: -3em; font-size: 11px;}
.bildunterschrift2{position: relative; left: 47em; top: 0em; font-size: 11px;}
.bildunterschrift3{position: relative; left: 47em; top: 0em; font-size: 11px;}
.finanzierungsrate{position: relative; left: 21.5em; top: -1em; font-size: 13px;}

.content_green ul {list-style-image: url('images/OkTrans.gif'); padding-left: 30px; padding-bottom: 0}
.content_gelb ul {list-style-image: url('images/OkTrans.gif'); padding-left: 30px; padding-bottom: 0}
.content_gelbUSBNetzwerk ul {list-style-image: url('images/OkTrans.gif'); padding-left: 30px; padding-bottom: 0}
.content_easySalesInternet ul {color: #000000; list-style-image: url('images/OkTrans.gif'); padding-left: 30px; padding-bottom: 0}
.content_easySalesUSBEdition ul {color: #000000; list-style-image: url('images/OkTrans.gif'); padding-left: 30px; padding-bottom: 0}
.content_easySalesUpdate ul {color: #000000; list-style-image: url('images/OkTrans.gif'); padding-left: 30px; padding-bottom: 0}
.content_easySalesUpdate2 ul {color: #000000; list-style-image: url('images/OkTrans.gif'); padding-left: 30px; padding-bottom: 0}
.content_easySalesUpdate3 ul {color: #000000; list-style-image: url('images/OkTrans.gif'); padding-left: 30px; padding-bottom: 0}
.content_frei ul {color: #000000; list-style: square inside; padding-left: 30px; padding-bottom: 0}
.content_aufz2 ul {color: #595959; list-style-image: url('images/OkTrans.gif'); padding-left: 50px; padding-bottom: 0}
.content_aufz big {color: #595959; 	font-size: 150%; font-family: serif; font-style: italic;}

.content_frei table { padding: 0 0px; }
.content_frei table td {padding: 0px; vertical-align: top; }

table {float: left; padding: 0 25px; margin-top: 20px;}
table h2 { color: #000; font-size: 13px; margin-bottom: 10px; font-weight: bold;}
table ul {list-style-image: url('images/Ok2.gif'); margin-left: 20px}
table ul li ul li{list-style-image:url('images/ch_dot.gif'); padding: 0; margin: 0;line-height: 15px }
table td {padding: 20px; vertical-align: top; }
table td b{	color:#000;}

/*----------------- */
/*content_produkte*/
/*----------------- */

/* Layout gruene Box */
#crm-gruen-gesamt{float: left; width: 345px; height: auto; margin-top: -30px !important; margin-top:0; }
.crm-gruen-top {float: left; width: 345px; height: 20px; background: url('images/rand_gruen-oben.jpg');}
.crm-gruen-top2 {float: left; width: 345px; height: 20px; background: url('images/rand_gruen-oben2.jpg');}
.crm-gruen-bottom{width: 345px; height: 20px; background: url('images/rand_gruen-unten.jpg');}

/*Layout gelbe Box */
#crm-gelb-gesamt{float: right; width: 340px; height: auto; margin-top: -30px !important; margin-top: 0;}
.crm-gelb-top {float: left; width: 340px; height: 20px; background: url('images/rand_gelb-oben.jpg'); }
.crm-gelb-top2 {float: left; width: 340px; height: 20px; background: url('images/rand_gelb-oben2.jpg'); }
.crm-gelb-bottom {width:340px; height:29px; background:url('images/rand_gelb-unten.jpg');}

/*fr download.htm*/
.head {float: left; width: 660px; height: auto; margin: 0 15px; border-bottom: 1px solid #75A820;}


/*Bilder */
.crm-bg-content img{float: left;}
.beschr{float: right; width: 60%;}
#content img{float: left;}


/*Bilder fr download.htm */
.easySalesCRM{float: right; margin-top: 10px;}

/* Text Formatierung in den Boxen */
.text_box{height: 101px; padding: 10px 5px;}
.text_box2{height: 93px;padding: 10px 5px;}
.text_box3{height: 126px;padding: 10px 5px;}
.text_box4{height: 90px;padding: 10px 5px;}
.crm-text1{width: 345px; height: auto; background-color: #E0F0C6;}
.crm-text2{width: 345px; height: auto; background-color:#D1E3B4;}

.crm-text3{width: 340px; height: auto; background-color: #F0EFC6;}
.crm-text4{width: 340px; height: auto; background-color: #F0EFC6;}
.crm-text5{width: 340px; height: auto; background-color: #DCDBB0;}
.crm-text6{width: 325px; height: auto; background-color:#D1E3B4; padding: 10px 10px 0 10px;}
.crm-text6 strong{color: navy; font-size:13px; font-weight:bold;}

.small{font-size: 11px;}
.small2{font-size: 11px; margin: 2px 0 0 23px;}
.garantie{margin-left: 25px;}


/*farbige Zwischenzeilen*/
.between{width:338px; height: 35px; background-color: #D8E9BC; padding-left: 7px;}
.between2{width:333px; height: 35px; background-color: #e8e7bc; padding-left: 7px;}

#crm-footer{height:66px; color:#676767; vertical-align:top; text-align:left;  background:url('images/line_footer.gif') no-repeat 0 0; font-size:11px; padding-left:40px; padding-right:0; padding-top:17px; padding-bottom:31px}
#crm-footer a{ color:#676767;}
#crm-footer span{ margin-left:267px;}

/* ------------------------------ */
/* Elemente für Marketing Pages */
/* ------------------------------ */
.total{position: relative; 
	width:600px; height: 456px; border-bottom: 1px solid #75A820;
	margin: 20px 40px; padding-bottom: 15px;
}

.woman{
	position: absolute; top: 0; right: 0;width:300px;height: auto;	
}

.headline{
 margin: 0 40px;	
}

/*grüne Box */
.green-total{position: absolute; top: 0; left: 0;
	width: 319px;height: auto; 
}
.green-top-left{float: left;background-image : url('images/rlo.gif');width:13px; height: 18px}
.green-top-center{float: left;background :#E0F0C6; width:280px; height: 18px;}
.green-center{background:#E0F0C6; width:293px; height: auto; }	
.green-bottom-left{float: left;background-image : url('images/rru.gif');width:13px; height: 18px}
.green-bottom-center{float: left;background :#D1E3B4; width:280px; height: 18px;}
.beschr2{float: right; width: 50%;}
.text_box_mp{ height: 115px; padding: 10px 5px;}

/*gelbe Box */

.gelb-total{
	position: absolute; top: 240px; left:0; width: 319px; height:auto;
}
.gelb-top-left{float: left; background-image : url('images/rlo1.gif');width:13px; height: 18px}
.gelb-top-center{float: left; background: #F0EFC6;width:280px; height: 18px;}
.gelb-center{background:#F0EFC6; width:293px; height: auto; }	
.gelb-bottom-left{float: left;background-image : url('images/llu2.gif');width:13px; height: 18px}
.gelb-bottom-center{float:left; background:#DCDBB0; width:280px; height: 18px;}
.beschr2{float: right; width: 50%;}
.text_box_mp2{ height: 100px; padding: 10px 5px;}

.text-container{ text-align:justify;
	margin: 0 40px 40px 40px;
}
.text-container strong {
	font-size: 12px; color:#595959;
}
