html, body{
height:100%;
}

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
margin:0;
padding: 0;
background-color:#6E6D6B;
background-image:url(images/content/background.jpg);
background-repeat: no-repeat;
font-size:11px;

}

h1{
font-size:16px;
text-align:left;
margin-top:0px;
margin-bottom: 10px;
margin-left: 2px;
padding-bottom: 0px;
}


a:link {
text-decoration:none;
border:0px none;
color:#3e7dd0
}

a:visited {
text-decoration:none;
color:#5f7ca3;
}

a:hover {
color: #003366;
text-decoration: none;

 }

td{
vertical-align: top;
}

p {
font-size:11px;
line-height:14px;
text-align:left;
margin: 0;
margin-bottom:7px;
margin-left: 2px;
}

/* --------------Klassen-------------------------------------*/

.software_ue{
font-size:16px;
text-align:left;
margin:5px 0 0 30px;
}

.fliesstext{
font-size:11px;
line-height:14px;
text-align:left;
margin-top:7px;
}

.software_text{
font-size:11px;
line-height:13px;
text-align:left;
margin:7px 0 0 30px;
}

.fachhaendler{
font-size:11px;
line-height:13px;
text-align:left;
margin:0px 0 7px 12px;
}

.indextext{
font-size:12px;
line-height:15px;
text-align:left;
margin:10px 0 0 30px;
}

.weiter{
margin-left:40px;
margin-top:0px;}

.zurueck_1{
margin-left:20px;
}

.kontakt_p {
margin-top: 10px;
}

.ref_all{
border-bottom:1px solid #DDDDDD;
margin:0px 5px 7px 5px;
}
.ref_left{
clear: left;
float: left;
width: 200px;
margin-right:15px;
}
.ref_left img{
border:1px solid #666;
}

.ref_right{
height: 144px;
margin-bottom: 10px;
}

.accord_header{
font-size:11px;
text-align:left;
margin-bottom:10px;
margin-left: 2px;
font-weight: bold;
padding-left: 12px;
}

#accordion{
width:600px;
margin-top: 10px;
}


#digitalemedien #accordion{
width:400px;
margin-top: 10px;
}

.ui-accordion-header{
background-image: url(images/navi/arrow_01.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

.ui-state-active{
background-image: url(images/navi/arrow_02.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

.ui-effects-transfer {
    background: #090;
    border: solid 1px;
}



/* --------------Boxen-------------------------------------*/


#pagebox{
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:center;
width:972px;
/*height:580px;*/
border:2px solid #000;
clear:left;
background-color:#FFFFFF;

}

#distance{
width:1px;
height:50%;
margin-bottom:-289px;  /* half of container's height */
float:left;
}

#logo{
width: 972px;
border-bottom:1px solid #666;
margin:0;
padding:0;
}

html* #logo{
width: 972px;
height:141px;
border-bottom:1px solid #666;
margin:0;
padding:0;
}

#navi{
width:972px;
height:34px;
margin:0;
padding:0;
text-align:left;
}

#unter_navi{
height:35px;
}

#content{
width:972px;
}

#subnavi{
width:197px;
height:342px;
float:left;
}

#text_box{
width:385px;
float:left;
text-align:left;
margin-left: 28px;
}

#text_box p a{
text-decoration:underline;
}

#picture_box{
width:362px;
height:342px;
float:left;
margin:0;
}


#fachhaendler_box{
width:730px;
height:323px;
text-align:left;
float:left;
margin-left:0px;
margin-top:0;
border:0px solid #000000;
}


#fachhaendler_box_1{
width:730px;
height:310px;
text-align:left;
float:left;
margin-left:0px;
margin-top:0;
border:0px solid #000000;
}


#fachhaendler_box_2{

height:34px;
text-align:left;
margin:0px;
border:0px solid #000000;
}

#footer{
clear: left;
width:972px;
text-align:right;
border:0px solid #000000;
}



/* --------------Index-Boxen-------------------------------------*/

#pagebox_index{
margin:0px auto;
position:relative; /* puts container in front of distance */
text-align:left;
width:972px;
height:341px;
border:2px solid #000;
background-color:#FFFFFF;
clear:left;
}

#distance_index{
width:1px;
height:50%;
margin-bottom:-180px;  /* half of container's height */
float:left;
}

#index_top{
width:972px;
height:118px;
border-bottom:2px solid #666;
margin:0;
}

#index_middle{
width:972px;
height:132px;
text-align:left;
margin:0px;
border:0px none;

}


#index_bottom{
width:972px;
height:91px;
text-align:left;
border:0px solid #333333;
margin:0;
}
.webprojekte{
width:600px;
background-color:#EEEEEE;
border:1px dashed #DDDDDD;
padding-top:10px;
}
@import("iemac-center.css");