* {
        margin:0;
        padding:0;
}
body {
        background-color:#f6f6f6;
        background-image:url(http://www.midcom.de/img/body.png);
        background-repeat:repeat-x;
        font-family:Verdana, sans-serif;
        font-size:11px;
        color:#00529c;
}
a {
        text-decoration:none;
        color:#00529c;
}
img {
        border:none;
}
img.left {
        float:left;
        margin-right:10px;
}
h1 {
        font-size:14px;
}
h2 {
        margin-bottom:8px;
        font-size:12px;
}
p {
        margin-bottom:10px;
}
ul {
        margin-bottom:10px;
}
li {
        padding-left:12px;
        line-height:25px;
        list-style-type:none;
        background-image:url(http://www.midcom.de/img/arrow.png);
        background-repeat:no-repeat;
        background-position:center left;
}

#content{

        width:602px;


}


a#contact{
        text-decoration: underline;
}
a#contact:hover{
        text-decoration: none;
        background-color: #fcfcfc;
        color: #ff0000;
        font-weight: normal;
}
.clear {
        clear:both;
}
.linebox, .linebox-job{
        text-align: left;
        display: block;
        border-bottom: 1px solid #ccc;
        margin: 20px 0px 0px 0px;
}
.linebox-job{
        margin: 10px 0px 0px 0px;
        padding: 3px;
        background-color: #dcdcdc;
}
span.price{
        text-align: center;
        font-weight: bold;
        display: block;
        background: #FFCCCC;
        margin: 1px;
        padding: 5px;
        border: 1px solid #F08080;
        width: 80%;
}
ul.ref-links a{
        text-decoration: underline;
}
ul.ref-links a:hover{
        text-decoration: none;
        background-color: #dedede;
}
img.img-highlight{
        border: 0;
        background-color:#f6f6f6;
        margin-top: -10px;
        margin-bottom: 2px;
        padding: 2px;
        border: 1px solid #00529c;
}
#beratung .box:hover, #entwicklung .box:hover{
        border: 1px solid #d9d9d9;
        background-color: #fcfcfc;
}
div#all {
        margin:20px auto;
width:980px;
}
div#header {
        margin-bottom:20px;
        height:115px;
        background-image:url(http://www.midcom.de/img/header.png);
        text-align:right;
        color:#fff;
        width:953px;
}
div#header a {
        color:#fff;
}
div#login {
        padding:27px 14px 0 0;
}
div#navi {
        padding:45px 5px 0 0;
}
div#main {
        float:left;
        margin-right:23px;
        width:673px;
}

#sidebar {

        float:left;
        margin-top:10px;



}

div#main > div, div#sidebar > div, div#footer {
        margin-bottom:10px;
        border:1px solid #e2e2e2;
        background-color:#fff;
}
div#main > div {
        padding:15px;
}
div#content div.box {
        float:left;
        margin:16px 5px;
        padding:5px 0px;
        border:1px solid #e2e2e2;
}

div#content div.box_nb{
        float:left;
        margin:16px 12px;
        padding:5px 3px;
        border:none;
}

div#content p.slogan {
        margin-bottom:10px;
        font-size:13px;
        letter-spacing:0.15em;
}
div#content p {
        font-size:13px;
}
div#content p img {
        border:1px solid #E2E2E2;
        float:left;
        margin-right:5px;
        padding:2px;
}
div#content h3 {
        margin-bottom:30px;
        font-size:12px;
}
ul#tabs {
        margin:40px 0 0;
        padding-left:0;
        min-height:16px; /* IE7 */
}
ul#tabs li {
        float:left;
        padding:0;
        border-width:1px 1px 0 0;
        border-style:solid;
        border-color:#e2e2e2;
        background-color:#fff;
        background-image:none;
        line-height:16px;
}
ul#tabs li:first-child {
        border-left-width:1px;
}
ul#tabs li a {
        display:block;
        padding:5px 6.56px;
        text-decoration:none;
}


ul#tabs li.active {
        background-color:#eee;
}
ul#tabs_module {
        margin:0 0 0;
        padding-left:0;
        min-height:40px; /* IE7 */
}
ul#tabs_module li {
        float:left;
        padding:0;
        border-width:1px 1px 0 0;
        border-style:solid;
        border-color:#e2e2e2;
        background-color:#fff;
        background-image:none;
        line-height:40px;
}
ul#tabs_module li:first-child {
        border-left-width:1px;
}
ul#tabs_module li a {
        display:block;
        padding:2.88px;
        text-decoration:none;
}
ul#tabs_module li.active {
        background-color:#eee;
}
div.content-text {
        clear:both;
        padding:15px 0;
        border-width:1px 0 0;
        border-style:solid;
        border-color:#e2e2e2;
}
div#screenshots, div#video, div#manual {
        display:none;
}
div#screenshots .box{
        position: relative;
        width:  180px;
        height: 160px;
}
div#screenshots .box p.subtitle{
        position: absolute;
        bottom: 0;
        text-align: center;
        width:180px;
}
div#overview .box{
        width: 280px;
        margin: 0px 5px;
        padding: 0px;
}
div#content div.content-text h3 {
        margin-bottom:10px;
        padding-bottom: 2px;
}
div#content div.content-text div#overview h3 {
        margin-bottom:0;
}
div#content div.content-text div.box {
        margin:16px 20px 16px 0;
        min-width:180px;
        border:none;
}
div#content div.content-text div.box li {
        margin-left: 15px;
        padding-left: 1px;
        background-image:none;
        line-height:14px;
        font-size:13px;
        list-style-type: circle;
}
div.content-text p.subtitle {
        text-align:center;
        font-size:11px;
}
div#products div.col {
        float:left;
        margin-left:15px;
        width:190px;
}
div#products div.col:first-child {
        margin-left:0;
}
div#beratung .box, div#entwicklung .box{
        width: 180px;
        height: 220px;
        margin: 10px 6px;
}
div#beratung .box li, div#entwicklung .box li{
        list-style-type: circle;
        background-image: none;
        line-height:14px;
        font-size:13px;
        margin-left: 18px;
        padding-left: 2px;
}
div#agb-content{
        margin: 5px;
        padding: 5px;
}
div#agb-content li{
        margin-left: 15px;
        margin-bottom: 8px;
        padding-left: 1px;
        background-image:none;
        line-height:16px;
        font-size:13px;
        list-style-type: circle;
}
div#agb-content h2{
        margin: 15px 0px;
}
div#sidebar {
        float:left;
        width:257px;
}
div#sidebar > div {
        padding:6px;
}
div#demo a img {
        display:block;
}
div#contact {
        min-height:129px;
        background-image:url(http://www.midcom.de/img/phone.png);
        background-position:right;
        background-repeat:no-repeat;
}
div#contact ul {
        font-size:13px;
}
div.search p {
        margin:0;
}
div.search input, div.search button {
        vertical-align:middle;
}
div.search input {
        padding:3px;
        width:169px;
        height:16px;
        line-height:16px;
        border:1px solid #ccc;
}
div.search button {
        width:62px;
        border:1px solid #999;
        background-color:#00529c;
        height:24px;
        line-height:24px;
        font-size:11px;
        color:#fff;
}
div#references div.col1 {
        float:left;
        width:120px;
}
div#references div.col2 {
        float:right;
        margin-left:3px;
        width:120px;
}
div#references div div {
        margin:3px 0;
        padding:3px;
        width:112px;
        border:1px solid #e2e2e2;
}
div#news div.img {
        float:left;
        margin-right:5px;
        padding:2px;
        border:1px solid #e2e2e2;
}
div#news h3 {
        margin-bottom:5px;
        font-size:10px;
        font-weight:normal;
}
div#news p {
        font-size:10px;
        color:#888;
}
div#footer {
        clear:both;
        padding:15px;
        width:602px;
}
div#footer p {
        margin-bottom:0;
}
table ul li{
        margin-left: 15px;
        margin-bottom: 8px;
        padding-left: 1px;
        background-image:none;
        line-height:16px;
        font-size:13px;
        list-style-type: circle;
}
/*beginn -  temporaer fuer einbindung video */
div#youtube {
        width:450px;
        height:250px;
        display: block;
        margin: 0px auto;
}
/*ende -  temporaer fuer einbindung video */
/*beginn -  temporaer fuer einbindung pdf*/
.box-pdf {
        float:left;
        width:300px;
}
.pdf-icon {
        background:url("http://www.midcom.de/img/pdf_icon.png") no-repeat scroll 0 0 transparent;
        float:left;
        height:55px;
        margin:10px 10px 0 14px;
        padding-bottom:6px;
        text-indent:-9999px;
        width:62px;
}
.box-pdf .pdf-txt {
        margin:14px 0 0;
        width:250px;
}
.box-pdf .pdf-txt {
        font-size:12px;
}

#products {

        width:602px;

}

#ref_footer {

        width:602px;

}

.extra_bilder{

width:632px;
height:200px;
margin-left:-15px;

}

.extra_text{

width:602px;
height:150px;

}


.crm_text_1 {

width: 632px;
height: 39px;
font-size: 24px;
font-weight: bold;
margin-left: 26px;
color: rgb(255, 255, 255);
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
}

.crm_text_2 {

width: 632px;
height: 35px;
font-size: 22px;
margin-left: 98px; 
color: rgb(255, 255, 255);
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
}


.crm_text_3 {

width: 632px;
height: 30px;
font-size: 24px;
font-weight: bold; 
margin-left: 67px; 
color: rgb(255, 255, 255);
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
}


.erp_text_1 {

width: 632px;
margin-left: 156px;
color: rgb(255, 255, 255);
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
font-weight: bold;
height: 35px;
font-size: 22px;
}

.erp_text_2 {

width: 632px;
margin-left: 194px;
color: rgb(255, 255, 255);
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
font-size: 40px;
height: 59px;
}


.erp_text_3 {

width: 632px;
height: 38px;
color: rgb(255, 255, 255);
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
font-weight: bold;
font-size: 22px;
margin-left: 192px;
}

.asm_text_1 {

width: 632px;
font-size: 24px;
color: rgb(255, 255, 255);
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
font-weight: bold;
height: 40px;
margin-left: 159px;
}

.asm_text_2 {

width: 632px;
color: rgb(255, 255, 255);
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-size: 39px; 
margin-left: 182px; 
height: 15px;

}

.asm_text_3 {

width: 632px;
height: 38px;
font-weight: bold;
color: rgb(255, 255, 255);
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
margin-left: 295px;
font-size: 24px;

}

.eshop_text_1 {

width: 632px;
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-weight: bold; 
margin-left: 92px; 
font-size: 24px; 
height: 49px;
}

.eshop_text_2 {

width: 632px; 
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-size: 34px; 
height: 60px; 
margin-left: 17px;
}

.eshop_text_3 {

width: 632px; 
height: 38px; 
font-weight: bold; 
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-size: 28px; 
margin-left: 33px;
}

.pos_text_1 {

width: 632px; 
height: 50px;  color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-size: 24px; 
font-weight: bold; 
margin-left: 78px;
}

.pos_text_2 {

width: 632px; 
height: 50px; 
margin-left: 38px; 
font-size: 22px;   
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
}

.pos_text_3 {

width: 632px; 
height: 38px; 
margin-left: 13px; 
font-size: 24px; 
font-weight: bold;   
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
}

.bde_text_1 {

width: 632px; 
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
height: 42px; 
font-size: 26px; 
margin-left: 282px;
}

.bde_text_2 {

width: 632px; 
height: 50px; 
margin-left: 169px; 
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-weight: bold; 
font-size: 30px;
}

.eh_text_1 {

width: 632px; 
font-weight: bold; 
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-size: 24px; 
height: 30px; 
margin-left: 160px;
}

.eh_text_2 {

width: 571px; 
font-size: 58px; 
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
height: 79px; 
margin-left: 228px;
}

.eh_text_3 {

width: 632px; 
height: 50px; 
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-size: 24px; 
font-weight: bold; 
margin-left: 277px;
}

.mcrm_text_1 {

width: 632px; 
margin-left: 133px; 
font-size: 24px; 
font-weight: bold;   
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
height: 43px;
}

.mcrm_text_2 {

width: 632px;  
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
margin-left: 214px; 
font-size: 22px; 
height: 39px;
}

.mcrm_text_3 {

width: 632px; 
height: 47px; 
font-size: 24px; 
font-weight: bold; 
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
margin-left: 255px;
}

.mcrm_text_4 {

width: 632px; 
height: 38px; 
font-size: 22px; 
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
margin-left: 293px;
}


.mksm_text_1 {

width: 632px; 
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-weight: bold; 
margin-left: 163px; 
height: 38px; 
font-size: 21px;
}

.mksm_text_2 {

width: 632px; 
margin-left: 244px;  
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-size: 34px; 
height: 54px;
}

.mksm_text_3 {

width: 632px; 
height: 38px; 
margin-left: 199px; 
font-weight: bold;  
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-size: 21px;
}

.mpze_text_1 {

width: 632px;
margin-left: 132px;
color: rgb(255, 255, 255);
text-shadow: 0pt 0pt 4px rgb(0, 0, 0);
font-weight: bold;
height: 38px;
font-size: 23px;
}

.mpze_text_2 {

width: 632px;
margin-left: 164px; 
height: 42px;   
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-size: 22px;
}

.mpze_text_3 {

width: 632px; 
height: 38px; 
margin-left: 204px;   
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-weight: bold; 
font-size: 23px;
}

.mehm_text_1 {

width: 632px; 
height: 41px;  
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-weight: bold; 
margin-left: 217px; 
font-size: 21px;
}

.mehm_text_2 {

width: 632px;  
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-size: 34px; 
height: 58px; 
margin-left: 270px;
}

.mehm_text_3 {

width: 632px; 
height: 50px;  
color: rgb(255, 255, 255); 
text-shadow: 0pt 0pt 4px rgb(0, 0, 0); 
font-weight: bold; 
font-size: 21px; 
margin-left: 241px;
}



/*ende -  temporaer fuer einbindung pdf */