* { padding: 0; margin: 0; }

body {
font-family: Arial;
font-size: 12px;
background: url(../bilder/background.gif);
background-position:top;
background-attachment:fixed;
}

#wrapper { 
width:942px;
margin: 0 auto;
background: url(../bilder/bg.gif);
}

#leftcolumn { 
width: 280px;
margin: 0px 0px 0px 6px;
padding: 0px;
float: left;
}

#rightcolumn {
width:650px; 
margin: 0px;
padding: 0px;
float: left;
}

#logo {
width: 280px;
height:88px; 
margin: 0px;
padding: 0px;
background: url(../bilder/logo.gif);
float: left;
}

#referenz_wrapper {
width:600px; 
margin: 0px;
padding: 0px;
float: left;
}

#referenz {
margin: 0px 0px 10px 0px;
padding: 10px;
float: left;
border:1px dotted #999999;

}

#referenz_title {
width:590px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 4px;
float: left;
background:#F5F5F5;
font-size:14px;
font-weight:bold;
color:#4B5B82;
}

#referenz_description {
width:340px; 
margin: 0px;
padding: 0px;
float: left;
}

#referenz_image {
width:230px; 
margin: 0px 0px 0px 10px;
padding: 0px 2px 0px 0px;
float: right;
}

ul {
margin-left:18px;
}

.clear { clear: both; background: none; }





/********** LEFT MENÜ **********/

#left_navi { 
width: 280px;
height:206px;
margin: 0px;
padding: 0px;
color: #ffffff;
background: url(../bilder/left_navi_bg.gif);
float: left;
}

#left_menu_top {
width: 254px;
height:23px; 
margin: 0px;
padding: 0px;
float: left;
}

#left_menu_hosting {
width: 254px;
height:30px; 
margin: 0px 0px 4px 0px;
padding: 0px;
color: #ffffff;
text-align:right;
float: left;
}

#left_menu_webdesign { 
width: 254px;
height:30px;
margin: 0px 0px 4px 0px;
padding: 0px;
color: #ffffff;
text-align:right;
float: left;
}

#left_menu_ecommerce {
width: 254px;
height:30px; 
margin: 0px 0px 4px 0px;
padding: 0px;
color: #ffffff;
text-align:right;
float: left;
}

#left_menu_cms { 
width: 254px;
height:30px;
margin: 0px 0px 4px 0px;
padding: 0px;
color: #ffffff;
text-align:right;
float: left;
}

#left_menu_seo { 
width: 254px;
height:30px;
margin: 0px;
padding: 0px;
color: #ffffff;
text-align:right;
float: left;
}

/********** END OF LEFT MENÜ **********/





/********** LEFT NEWS **********/

#news_header { 
width: 280px;
height:39px;
margin: 0px;
padding: 0px;
color: #ffffff;
background: url(../bilder/left_navi_header_bg.gif);
background-repeat:no-repeat;
float: left;
}

#news_header_arrow { 
width: 28px;
margin: 12px 0px 0px 0px;
padding: 0px 5px 0px 0px;
color: #ffffff;
text-align:right;
float: left;
}

#news_header_title { 
margin: 12px 0px 0px 0px;
padding: 0px;
color: #ffffff;
float: left;
}

#news_box_content_wrapper { 
width: 280px;
margin: 0px;
padding: 0px;
float: left;
}

#news_bg_top { 
width:280px;
height:16px;
margin: 0px;
padding: 0px;
background: url(../bilder/news_header_bg.gif);
float: left;
}

#news_bg_content { 
width:280px;
margin: 0px;
padding: 0px;
background: url(../bilder/news_content_bg.gif);
float: left;
}

#news_bg_bottom { 
width:280px;
height:15px;
margin: 0px;
padding: 0px;
background: url(../bilder/news_footer_bg.gif);
float: left;
}

#news { 
width: 240px;
margin: 0px 0px 0px 18px;
padding: 0px;
float: left;
}

/********** END OF LEFT NEWS **********/





/********** TOPMENÜ **********/

#menu {
font: 12px arial;
position:relative;
overflow: hidden;
padding:74px 5px 0px 0px;
float: right;
}

#menu li {
float: left;
list-style: none;
}

#menu li.backLava {
background:#E9E7F2;
position: absolute;
}

#menu li a {
text-decoration: none;
color: #666666;
text-align: center;
padding: 4px 14px 2px 14px;
z-index: 10;
display: block;
position: relative;
margin: auto 5px;
}

/********** END OF TOPMENÜ **********/





/********** CONTENT **********/

#big_pic {
width:639px;
height:195px;
margin: 0px;
padding: 0px 0px 10px 6px;
float:left;
}

#headline_wrapper {
width:645px;
height:29px;
margin: 0px;;
padding: 7px 0px 0px 20px;
background: url(../bilder/phone.gif);
background-repeat:no-repeat;
float:left;
}

#headline {
height:2px;
margin: 0px;
padding: 0px;
font-weight:bold;
color:#5A6C95;
font-size: 14px;
float:left;
}

#phone {
height:2px;
margin: 0px 40px 0px 0px;
padding: 0px;
font-weight:bold;
color:#5A6C95;
font-size: 14px;
float:right;
}

#content_border_top {
width:645px;
height:2px;
margin: 4px 0px 0px 0px;
padding: 0px;
background: url(../bilder/content_header.gif);
background-repeat:no-repeat;
float:left;
}

#content {
width:645px;
margin: 0px;
padding: 0px;
background: url(../bilder/content_bg.gif);
float:left;
}

#content_welcome {
width:600px;
margin: 10px 0px 4px 20px;
padding: 0px;
font-family: Arial;
font-size: 16px;
float:left;
}

#content_home_left {
width:292px;
margin: 10px 0px 10px 20px;
padding: 0px;
float:left;
}

#content_home_right {
width:292px;
margin: 10px 0px 10px 26px;
padding: 0px;
float:left;
}

#content_complete {
width:600px;
margin: 10px 0px 10px 20px;
padding: 0px;
float:left;
}

#content_complete a:link    {text-decoration: none; color:#000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
#content_complete a:visited {text-decoration: none; color:#000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
#content_complete a:hover   {text-decoration: underline; color:#999999; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
#content_complete a:active  {text-decoration: none; color:#000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
#content_complete a:focus   {text-decoration: none; color:#000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}



#content_border_bottom {
width:645px;
height:2px;
margin: 0px;
padding: 0px;
background: url(../bilder/content_footer.gif);
background-repeat:no-repeat;
float:left;
}

/********** END OF CONTENT **********/





/********** KONTAKT **********/

#contact_wrapper {
width:400px;
margin: 0pxx;
padding: 10px 0px 0px 20px;
float:left;
}

#contact_checkbox_wrapper {
width:600px;
margin: 0px;
padding: 10px 0px 10px 0px;
line-height:1.5em;
float:left;
}

#contact_desc_text {
width:150px;
height:22px;
max-height:22px;
margin: 0px;
padding: 0px;
float:left;
}

#contact_input_text {
width:230px;
height:22px;
max-height:22px;
margin: 0px;
padding: 0px;
float:left;
}

.textfeld {
width:230px;
max-width:230px;
height:18px;
max-height:18px;
background-color: #ffffff;
font-family:Arial;
font-size:12px;
color:#000000;
font-weight:normal;
border:1px solid #cccccc;
}

#contact_desc_nachricht {
width:90px;
height:84px;
max-height:84px;
margin: 0px;
padding: 0px;
float:left;
}

#contact_input_nachricht {
width:230px;
height:22px;
max-height:22px;
margin: 0px;
padding: 0px;
float:left;
}

.nachrichtenfeld {
overflow:auto;
width:290px;
max-width:290px;
height:80px;
max-height:80px;
border:1px solid #cccccc;
font-family:Arial;
font-size:12px;
color: #000000;
float:left;
}

#contact_desc_long {
width:575px;
height:22px;
max-height:22px;
margin: 0px;
padding: 10px 0px 10px 0px;
float:left;
}
  
#contact_desc_long2 {
width:575px;
height:30px;
max-height:30px;
margin: 0px;
padding: 20px 0px 10px 0px;
float:left;
}

.formularbutton {
font-family:Arial;
font-size:11px;
color:#ffffff;
font-weight:bold;
background:#5A6C95;
width:382px;
max-width:382px;
padding:0px;
margin: 0px;
}

.spacer {
height:0px;
padding:0px;
margin: 0px;
}

#contact_message {
width:600px;
height:534px;
margin: 0px;
padding: 10px 0px 10px 20px;
float:left;
}

#contact_pic {
position:absolute;
top:308px;
width:199px;
height:664px;
margin: 0px 0px 0px 445px;
padding: 0px 0px 0px 0px;
background: url(../bilder/pic_kontakt_rr.jpg);
background-repeat:no-repeat;
}

/********** END OF KONTAKT **********/





/********** LINKS **********/

a:link    {text-decoration: none; color:#ffffff; font-size: 12px; font-family: Arial; font-weight:normal;}
a:visited {text-decoration: none; color:#ffffff; font-size: 12px; font-family: Arial; font-weight:normal;}
a:hover   {text-decoration: underline; color:#ffffff; font-size: 12px; font-family: Arial; font-weight:normal;}
a:active  {text-decoration: none; color:#ffffff; font-size: 12px; font-family: Arial; font-weight:normal;}
a:focus   {text-decoration: none; color:#ffffff; font-size: 12px; font-family: Arial; font-weight:normal;}

a.text:link    {text-decoration: none; color:#000000; font-size: 12px; font-family: Arial; font-weight:normal;}
a.text:visited {text-decoration: none; color:#000000; font-size: 12px; font-family: Arial; font-weight:normal;}
a.text:hover   {text-decoration: underline; color:#000000; font-size: 12px; font-family: Arial; font-weight:normal;}
a.text:active  {text-decoration: none; color:#000000; font-size: 12px; font-family: Arial; font-weight:normal;}
a.text:focus   {text-decoration: none; color:#000000; font-size: 12px; font-family: Arial; font-weight:normal;}

a.top:link    {text-decoration: none; color:#999999; font-size: 12px; font-family: Arial; font-weight:normal;}
a.top:visited {text-decoration: none; color:#999999; font-size: 12px; font-family: Arial; font-weight:normal;}
a.top:hover   {text-decoration: underline; color:#999999; font-size: 12px; font-family: Arial; font-weight:normal;}
a.top:active  {text-decoration: none; color:#999999; font-size: 12px; font-family: Arial; font-weight:normal;}
a.top:focus   {text-decoration: none; color:#999999; font-size: 12px; font-family: Arial; font-weight:normal;}

a.more:link    {text-decoration: none; color:#5A6C95; font-size: 10px; font-family: Arial; font-weight:bold;}
a.more:visited {text-decoration: none; color:#5A6C95; font-size: 10px; font-family: Arial; font-weight:bold;}
a.more:hover   {text-decoration: underline; color:#5A6C95; font-size: 10px; font-family: Arial; font-weight:bold;}
a.more:active  {text-decoration: none; color:#5A6C95; font-size: 10px; font-family: Arial; font-weight:bold;}
a.more:focus   {text-decoration: none; color:#5A6C95; font-size: 10px; font-family: Arial; font-weight:bold;}

/********** END OF LINKS **********/