* {
font-size:13px;
color:#3c3530;
margin:0;
padding:0;
}

body {
background-image:url(../images/main_bg.jpg);
background-repeat:no-repeat;
background-position:center top;
height:100.1%;
font-family: arial, helvetia, verdana, sans-serif;
font-size:13px;
}

a {
text-decoration:none;
border:0;
color:#3c3530;
}

p {
line-height:1.5;
margin-top:5px;
text-align:justify;
margin-bottom:3px;
}

h2 {
font-size:24px;
font-weight:700;
color:#3c3530;
}

h3 {
font-size:16px;
font-weight:700;
color:#3c3530;
}
h4{
    margin:0px;
}
h6 {
color:#999;
font-size:10px;
margin:0;
}

#wrapper {
width:815px;
margin:0 auto;
}

#wrapper1 {
width:720px;
text-align:left;
margin:0 auto;
white-space:nowrap;
}
/**Navi**/
ul#subnavi {
text-align:center;
border:dotted #FFF;
height:91px;
list-style:none;
border-width:0 0 0 1px;
margin-top:21px;
float:left;
padding:0px;
}

ul#subnavi li {
display:inline;
height:92px;
float:left
}

ul#subnavi a,ul#subnavi span {
text-decoration:none;
font-weight:700;
color:#fff;
border:dotted #FFF;
height:92px;
width:110px;
display:block;
border-width:0 1px 0 0
}
/**Referenzen**/
.last_ref {
margin-top:40px;
margin-left:38px
}

li.refkat {
text-decoration:none;
font-weight:700;
color:#fff;
border:dotted #FFF;
height:72px;
width:12em;
display:block;
border-width:0 1px 0 0
}
#mainnavi{
    margin:0 auto;
    display:block;
}
ul#mainnavi {
z-index:2;
text-transform:uppercase;
font-weight:700;
list-style:none;
position:absolute;
top:133px;
margin:0;
white-space:nowrap;
}

ul#mainnavi li {
display:inline;
float:left;
font-family: arial,"arial narrow", "sans serif";
font-size:11px;
margin:0 4px 0 3px;
}
ul#mainnavi li a{
font-size:11px;
}
li.blue {
display:inline;
float:left;
background-image:url(../images/blue_right.gif);
background-repeat:no-repeat;
background-position:right top
}

.blue a {
background-image:url(../images/blue_left.gif);
background-repeat:no-repeat;
background-position:left top;
display:block;
color:#fff;
padding:8px 18px 6px
}

li.red {
display:inline;
float:left;
background-image:url(../images/red_right.gif);
background-repeat:no-repeat;
background-position:right top
}

.red a {
background-image:url(../images/red_left.gif);
background-repeat:no-repeat;
background-position:left top;
display:block;
color:#fff;
padding:8px 18px 6px
}

li.yellow {
display:inline;
float:left;
background-image:url(../images/yellow_right.gif);
background-repeat:no-repeat;
background-position:right top
}

.yellow a {
background-image:url(../images/yellow_left.gif);
background-repeat:no-repeat;
background-position:left top;
display:block;
color:#fff;
padding:8px 18px 6px
}

li.black {
display:inline;
float:left;
background-image:url(../images/black_right.gif);
background-repeat:no-repeat;
background-position:right top
}

.black a {
background-image:url(../images/black_left.gif);
background-repeat:no-repeat;
background-position:left top;
display:block;
color:#fff;
padding:8px 18px 6px
}

.mainactive a {
padding:8px 18px 9px
}

#wrapper2 {
width:815px;
text-align:left;
margin:0 auto
}

#content {
width:745px;
background-color:#f2f2f2;
margin-top:20px;
float:left;
padding:35px;
}

#refs {
width:245px;
height:240px;
background-image:url(../images/ref_bg.gif);
background-repeat:no-repeat;
float:right;
margin-bottom:60px
}

#ref_com {
margin-top:50px;
width:295px;
height:240px;
float:right
}

.producte {
height:155px;
width:745px;
background-image:url(../images/post_bg.gif);
background-repeat:repeat-x;
border-top:1px dotted #c1c1c1;
float:left
}

.p_desc {
float:left;
width:350px;
margin-top:20px;
margin-right:15px
}

.offerte {
margin-top:65px;
margin-left:10px;
border:none
}
.producteserv {
height:120px;
width:745px;
background-image:url(../images/producte_bg.gif);
background-repeat:repeat-x;
border-top:1px dotted #c1c1c1;
float:left
}

.p_descserv {
float:left;
width:380px;
margin-top:20px;
margin-right:15px
}

.offerteserv {
margin-top:75px;
margin-left:20px;
border:none
}

.blogmehr {
margin-top:15px;
border:none
}

#bottom_line {
height:10px;
width:745px;
border-top:1px dotted #c1c1c1;
float:left
}

#footer {
width:815px;
height:18px;
background-color:#3c3530;
margin-bottom:40px;
clear:both;
color:#fff;
text-align:center;
font-size:10px;
padding-top:3px
}

#footer a {
color:#fff;
text-align:center;
font-size:10px;
padding-top:3px
}

.dropkat {
font-size:10px;
color:#3c3530;
width:10em
}

select.dropkat option {
font-size:10px;
color:#3c3530
}



#blog {
width:740px;
float:left;
margin-bottom:50px
}
#kont_links {
width:245px;
height:240px;
float:right
}

.ref_img_big {
border:1px #000 solid
}

.ref_img_small {
border:1px #000 solid;
margin:0
}

#ref_text {
width:450px;
float:left;
text-align:justify;
margin-right:55px;
line-height:1.5
}

#ref_info {
float:left;
margin-left:50px;
width:245px;
height:160px;
background-image:url(../images/ref_info_bg.gif);
background-repeat:repeat-x;
text-align:center;
border-bottom:1px dotted #cac8c7;
margin-bottom:60px
}

#ref_info_list {
list-style:none
}

#ref_info_list li {
border-top:1px dotted #cac8c7;
padding:7px
}

#ref_images {
float:left;
width:740px;
height:376px;
border:1px solid #e1e1e1;
background-image:url(../images/ref_images_bg.gif);
text-align:center;
background-repeat:repeat-x;
background-color:#e0dfdf
}

#ref_images_over {
float:left;
width:740px;
border:1px solid #e1e1e1;
background-image:url(../images/ref_images_bg.gif);
text-align:center;
padding-bottom:30px;
padding-top:30px;
background-repeat:repeat-x;
background-color:#e0dfdf
}

#prev_img {
margin-top:157px;
float:left;
border:none
}

.next_img {
margin-top:157px;
float:right;
border:none
}

.show_img {
margin:auto
}

.prev_img_small {
float:left;
border:none;
margin-right:1em
}

.next_img_small {
float:right;
border:none;
margin-left:1em
}

.blue_box {
float:left;
margin-left:20px;
margin-top:20px;
margin-right:20px;
padding-bottom:20px
}

#ressu_text {
width:600px;
float:left;
text-align:justify;
line-height:1.5;
padding:0 70px
}

.LV_valid {
color:#0C0
}

.LV_invalid {
color:#C00
}

.text_box {
margin-right:5px
}

img,.res_navi {
border:0
}

#navi,#center {
text-align:center;
}
/************Startseite********************/
.start_news {
width:450px;
float:left;
margin:30px 0 0 0;
padding:0;
}
.katnews,.detailtitel {
float:left
}

.start_news ul{
border-top:1px dotted #cac8c7;
background:url(../images/post_bg.gif) 0;
float:left;
list-style:none;
line-height:1.5;
margin:10px 0;
padding:0;
}
.start_news li{
border-bottom:1px dotted #cac8c7;
}
.start_news a:hover{
background:#EAEAEA;
width:445px;
display:block;
padding: 5px 0 5px 5px;
}
.start_news a{
padding: 5px 0 5px 5px;
width:445px;
display:block;
}
.webhost{
margin-top:20px;
float:right;
width:240px;
}
.webhost h3{
margin-bottom:10px;
}
.date{
    color:#999;
    margin-right:5px;
}
a.start_blog_black:hover {
    color:#3c3530;
}
a.start_blog_rosa {
    color:#ff4da6;
}
a.start_blog_gelb {
    color:#ffba00;
}
a.start_blog_blue {
    color:#00b3ef;
}
/*********Ressourcen************/
#ressu_text ol li{
    margin-bottom:10px;
}
#ressu_text a{
    text-decoration:underline;
}
#ressu_text a:hover{
    color:#ff4da6;
}
/***************Blog***************/
.post {
border-top:1px dotted #cac8c7;
float:left;
width:680px;
height:180px;
background-image:url(../images/post_bg.gif);
text-align:justify;
background-repeat:repeat-x;
padding:30px
}

.img_post {
float:left;
margin-right:15px;
margin-top:0;
border:0
}

.post_text {
width:530px;
float:left
}

.blog_detail {
margin-bottom:40px
}
.blog_detail a{
    text-decoration:underline;
}
.blog_detail a:hover{
    text-decoration:none;
}