html,
body {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
margin: 0;
padding: 0;
height: 100%;
background: #e5e5e5;
color: #666;
}

img {
border: none;
}

a {
color: #666;
background: transparent;
}

h1, h2, h3, h4, h5, h6 {
font-size: 14px;
color: #666;
margin: 0;
padding: 0;
clear: both;
line-height: 20px;
margin-bottom: 9px;
}

h1 {
font-size: 17px;
line-height: 23px;
margin-bottom: 9px;
}

p {
margin: 0;
padding: 3px 0px 3px 0px;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: inside;
}

li {
margin: 0;
padding: 0;
}

ol {
margin: 0;
padding: 0;
}

hr {
height: 1px;
color: #999;
background: #999;
border: none;
margin: 9px 0px 12px 0px;
padding: 0;
}

strong {
color: #666;
font-weight: bold;
}

.via {
font-weight: bold;
}

.normal {
text-transform: none !important;
background: none !important; 
}

.bold {
font-weight: bold;
}

.txtleft {
text-align: left;
}

.txtright {
text-align: right;
}

.txtcenter {
text-align: center;
}

.ok {
color: green;
background: #fff;
}

.error {
color: #ff0066;
background: #fff;
}

.line {
border-bottom: 1px solid #999;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.verline {
border-left: 1px solid;
}

.underline {
border-bottom: 1px solid;
}

.dotted,
.underlinedotted {
text-decoration: none;
border-bottom: 1px dotted;
}

.nodeco {
text-decoration: none;
}

.nobg {
margin: 0;
padding: 0;
background: none !important;
}

.nolist {
float: left;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
list-style-position: outside;
list-style: none;
}

.list {
list-style-type: disc;
}

.deco {
float: left;
width: auto;
height: auto;
border-bottom: 1px dotted;
text-decoration: none;
}

.normal {
font-weight: normal;
}

.hide {
display: none;
}

.linetop {
border-top: 1px solid;
}

.white {
color: #fff;
}

.red {
color: #ff0066 !important;
}

.hoverred:hover {
color: #ff0066 !important;
}

.yellow {
color: #eef00d;
}

.whitemarker {
padding: 3px;
color: #fff;
background: transparent url(../templates/pics/bg_headline_black.png) repeat-x center center;
}

.yellowmarker {
float: left;
width: auto;
height: auto;
color: #eef00d;
background: transparent url(../templates/pics/bg_headline_black.png) repeat-x center center;
}

.blackmarker {
padding: 3px;
color: #fff;
background: transparent url(../templates/pics/bg_headline_black.png) repeat-x center center;
}

.bluemarker {
padding: 3px;
color: #fff;
background: transparent url(../templates/pics/bg_headline_blue.png) repeat-x center center;
}

.greenmarker {
color: #fff;
background: #99ff00;
}

.green {
color: #336600;
}

.redmarker {
color: #fff;
background: #ea0275;
}

.blue {
color: #00ccff;
}

.purplemarker {
color: #fff;
background: #6600ff !important;
}

a.anchortop {
float: right;
color: #999 !important;
font-size: 11px;
padding: 0px 0px 0px 15px;
background: transparent url(../templates/pics/bu_anchortop.png) no-repeat left center;
}

.quarter {
float: left;
width: 25%;
height: auto;
}

.half {
float: left;
width: 50%;
height: auto;
}

.threequarter {
float: left;
width: 75%;
height: auto;
}

.complete {
width: 100%;
float: left;
}

.left {
float: left;
}

.right {
float: right;
}

#header {
float: left;
z-index: 100;
position: relative;
top: 0px;
width: 100%;
height: 115px;
padding: 0;
background: #fff;
}

#header .wrapper {
float: left;
background: transparent url(../templates/pics/bg_head.png) repeat-x center bottom;
height: 90px;
width: 100%;
}

#header .head {
height: 90px;
width: 960px;
margin: 0 auto;
padding: 0;
}

#logo {
position: relative;
top: 0px;
height: auto;
width: auto;
float: left;
margin: 0;
padding: 0;
}

#logo a {
color: #333;
}

#logo .logo {
position: relative;
left: 0px;
float: left;
width: 120px;
height: auto;
}

#logo a.name {
position: relative;
top: 20px;
left: 0;
float: left;
width: 100px;
font-weight: normal;
text-align: right;
font-size: 39px;
line-height: 50px;
margin: 0px 12px 0px 0px;
padding: 0;
text-decoration: none;
color: #555;
}

#logo span.word {
position: relative;
top: -200px;
}

#logo .grafic {
position: absolute;
top: 0;
left: 0;
float: left;
width: auto;
height: auto;
font-size: 12px;
line-height: 15px;
text-align: left;
margin: 0;
padding: 0;
}

#logo .claim {
position: relative;
top: 0;
left: 0px;
float: left;
width: auto;
height: auto;
margin: 0;
padding: 33px 0px 28px 12px;
background: url(../templates/pics/bg_ver_line_logo.png) no-repeat left center;
}

#logo .claim h1 {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 18px !important;
color: #666;
font-weight: normal;
}

ul#navitop {
font-size: 13px;
position: relative;
top: 15px;
left: 0px;
margin: 0;
padding: 0;
float: right;
width: 260px;
height: auto;
}

#navitop li {
float: right;
height: 26px;
line-height: 25px;
text-align: center;
margin: 0;
padding: 0px 0px 0px 12px;
display: inline;
}

#navitop a {
color: #666;
text-decoration: none;
}

#navitop a.rss {
float: left;
height: 16px;
width: 16px;
margin: 0;
padding: 0;
background: url(../templates/pics/bu_rss.png) no-repeat center;
}
#navitop a.rss:hover {
background: url(../templates/pics/bu_rss_hover.png) no-repeat center;
}

#navitop a.twitter {
float: left;
height: 16px;
width: 16px;
margin: 0;
padding: 0;
background: url(../templates/pics/bu_twitter.png) no-repeat center;
}
#navitop a.twitter:hover {
background: url(../templates/pics/bu_twitter_hover.png) no-repeat center;
}

#navitop a.facebook {
float: left;
height: 16px;
width: 16px;
margin: 0;
padding: 0;
background: url(../templates/pics/bu_facebook.png) no-repeat center;
}
#navitop a.facebook:hover {
background: url(../templates/pics/bu_facebook_hover.png) no-repeat center;
}

#navitop a.xing {
float: left;
height: 16px;
width: 16px;
margin: 0;
padding: 0;
background: url(../templates/pics/bu_xing.png) no-repeat center;
}
#navitop a.xing:hover {
background: url(../templates/pics/bu_xing_hover.png) no-repeat center;
}

#content,
#modules,
#promotion,
#service,
#portfolio,
#schnipsel,
#blog {
float:left;
position: relative;
top: 0;
width: 100%;
height: auto;
color: #fff;
background: #454545 url(../templates/pics/bg_shadow_top.png) repeat-x top;
margin: 0;
padding: 0px 0px 50px 0px;
}

#promotion,
#service,
#portfolio {
padding: 0;
}

#content {
color: #999;
}

#content h1,
#content h2,
#content h3,
#content strong,
#content a {
color: #ccc;
}

#articles_container,
#blog_wrapper,
#schnipsel_container {
width: 960px;
position: relative;
top: 0;
margin: 50px auto 0 auto;
padding: 0;
}

#articles {
float: left;
width: 700px;
height: auto;
margin: 0;
padding: 0;
}

#articles .master,
#articles .error {
float: left;
width: 676px;
height: auto;
border: 3px solid #fff;
color: #666;
background: #dadada;
margin: 0;
padding: 9px;
}

#articles .master h1,
#articles .master h2,
#articles .master h3,
#articles .master strong,
#articles .master a {
color: #666;
}

#articles .master .long {
margin: 0;
padding: 9px 0px 0px 0px;
}

#service .text p,
#service .text ul {
color: #ccc;
margin-bottom: 9px;
}

#service h1 {
font-size: 16px;
line-height: 26px;
margin: 0px 0px 9px 0px;
}

#service h1 span.bluemarker {
color: #fff;
padding: 3px 5px 3px 5px;
background: #0f94ca url(../templates/pics/bg_service_headline.gif) repeat-x center;
}

#service .text h1,
#service .text h2,
#service .text a {
color: #fff;
text-decoration: none;
}

#service ul {
list-style-type: none;
}

#service ul h1 {
font-size: 13px;
}

#service a.weiter,
#service a.back {
width: 120px;
float: left;
color: #fff;
padding: 0px 0px 0px 13px;
text-decoration: none !important;
background: transparent url(../pics/service/bg_weiter.png) no-repeat left 5px;
}

#service a.back {
background: transparent url(../pics/service/bg_back.png) no-repeat left 5px;
}

#portfolio #slides h1 {
font-size: 13px;
line-height: 18px;
color: #ccc;
border-bottom: 1px solid #999;
}

#portfolio .slide {
font-size: 13px;
line-height: 18px;
color: #ccc;
}

#portfolio .slide a.url {
color: #ccc;
text-decoration: none;
padding: 0px 0px 3px 12px;
background: url(../templates/pics/bu_url.png) no-repeat left center;
}

#portfolio .slide a.details_link {
position: absolute;
top: 351px;
width: 65px;
height: 18px;
}

#portfolio #controller_wrapper ul.left,
#portfolio #controller_wrapper ul.right {
font-size: 13px;
float: left;
width: 150px;
height: 30px;
}

#portfolio #controller_wrapper ul.right {
width: 180px;
float: right;
}

#portfolio #controller_wrapper ul.left li,
#portfolio #controller_wrapper ul.right li {
line-height: 30px;
height: 30px;
float: left;
display: inline;
list-style-type: none;
}

#portfolio #controller_wrapper ul.left a,
#portfolio #controller_wrapper ul.right a {
color: #fff;
text-decoration: none;
}

#portfolio #controller_wrapper li.details {
float: left;
background: none;
}

#portfolio #controller_wrapper li.details a.plus,
#portfolio #controller_wrapper li.more a.plus {
float: left;
line-height: 30px;
height: 30px;
padding: 0px 0px 0px 25px;
background: url(../templates/pics/bu_plus_small_hover.png) no-repeat left center;
} 

#portfolio #controller_wrapper li.more {
text-align: right;
float: right;
width: 170px;
background: none;
} 

#portfolio #controller_wrapper li.more a.plus {
text-align: right;
float: right;
padding: 0px 0px 0px 30px;
background: url(../templates/pics/bu_more_portfolio_items_off.png) no-repeat left;
} 
#portfolio #controller_wrapper li.more a.plus:hover {
color: #fff;
background: url(../templates/pics/bu_more_portfolio_items_hover.png) no-repeat left center;
}

#produkte {
position: relative;
color: #ccc;
font-size: 15px;
line-height: 23px;
width: 960px;
margin: 0 auto;
padding: 0;
}

#produkte a {
color: #fff;
text-decoration: none;
}

#produkte .arrowhoritop {
float: left;
width: 100%;
position: relative;
top: 105px;
background: url(../templates/pics/bg_arrow_hori_top.png) no-repeat top;
padding: 9px 0px 0px 0px;
}

#produkte .head {
height: 415px;
background: transparent url(../pics/promotion/bg_via_edit_head.jpg) no-repeat top;
}

#produkte .head .bumore-via-edit-info {
position: relative;
left: -3px;
font-size: 15px;
font-weight: bold;
float: left;
width: 120px;
height: 35px;
line-height: 35px;
margin-top: 15px;
padding-left: 30px;
background: transparent url(../pics/promotion/bu_mehr_infos_via_edit.png) no-repeat left center;
}

#produkte #via-edit .via-edit {
color: #fff;
}

#produkte #via-edit .uebersicht {
height: 415px;
background: transparent url(../pics/promotion/bg_via_edit_uebersicht.jpg) no-repeat top;
}

#produkte #via-edit .uebersicht ul.pfeile {
position: absolute;
top: 0;
left: 0;
float: left;
width: 100%;
height: 415px;
list-style-type: none;
font-size: 13px;
line-height: 18px;
}

#produkte #via-edit .uebersicht ul.pfeile li {
display: inline;
float: left;
}

#produkte #via-edit .uebersicht ul.pfeile li.pfeil01 {
position: absolute;
top: 320px;
left: 0px;
}

#produkte #via-edit .uebersicht ul.pfeile li.pfeil02 {
position: absolute;
top: 220px;
left: 232px;
}

#produkte #via-edit .uebersicht ul.pfeile li.pfeil03 {
position: absolute;
top: 103px;
left: 720px;
}

#produkte #via-edit .funktionen-und-technik {
margin-top: 50px;
background: none;
}

#produkte #via-edit .funktionen,
#produkte #via-edit .technik {
float: left;
width: 430px;
}

#produkte #via-edit .technik {
float: right;
}

#produkte #via-edit .funktionen h1,
#produkte #via-edit .technik h1 {
font-size: 14px;
text-align: center;
margin-bottom: 21px;
padding-bottom: 5px;
background: transparent url(../templates/pics/bg_arrow_hori_bottom.png) no-repeat bottom;
}

#produkte #via-edit ul.iconsleft,
#produkte #via-edit ul.iconsright {
width: 50%;
float: left;
margin-top: 50px;
list-style-type: none;
font-size: 14px;
}

#produkte #via-edit ul.iconsright {
float: right;
}

#produkte #via-edit ul.iconsleft li,
#produkte #via-edit ul.iconsright li {
float: left;
width: 159px;
height: 180px;
text-align: center;
}

#produkte #via-edit ul.iconsright li {
float: left;
width: 159px;
height: 180px;
}

#produkte #via-edit .interface {
float: left;
width: 100%;
height: auto;
margin: 50px 0px 50px 0px;
}

#produkte #via-edit li.benutzerfreundlich {
background: transparent url(../pics/promotion/icon_via_edit_benutzerfreundlich.png) no-repeat top;
}
#produkte #via-edit li.dynamisch {
background: transparent url(../pics/promotion/icon_via_edit_dynamisch.png) no-repeat top;
}
#produkte #via-edit li.flexibel {
background: transparent url(../pics/promotion/icon_via_edit_flexibel.png) no-repeat top;
}
#produkte #via-edit li.erweiterbar {
background: transparent url(../pics/promotion/icon_via_edit_erweiterbar.png) no-repeat top;
}
#produkte #via-edit li.multi-website {
background: transparent url(../pics/promotion/icon_via_edit_multi_website_cms.png) no-repeat top;
}
#produkte #via-edit li.webstandards {
background: transparent url(../pics/promotion/icon_via_edit_webstandards.png) no-repeat top;
}

#produkte #via-edit li.php {
background: transparent url(../pics/promotion/icon_via_edit_php.png) no-repeat top;
}
#produkte #via-edit li.mysql {
background: transparent url(../pics/promotion/icon_via_edit_mysql.png) no-repeat top;
}
#produkte #via-edit li.apache {
background: transparent url(../pics/promotion/icon_via_edit_apache.png) no-repeat top;
}
#produkte #via-edit li.tbs {
background: transparent url(../pics/promotion/icon_via_edit_tbs.png) no-repeat top;
}
#produkte #via-edit li.xajax {
background: transparent url(../pics/promotion/icon_via_edit_xajax.png) no-repeat top;
}
#produkte #via-edit li.jquery {
background: transparent url(../pics/promotion/icon_via_edit_jquery.png) no-repeat top;
}

#produkte h1.line {
font-size: 13px;
}

#produkte h1.top {
position: relative;
top: 50px;
color: #ccc;
line-height: 19px;
}

#produkte .head .leftinfo {
position: relative;
top: 100px;
left: 0;
float: left;
width: 375px;
}

#produkte .head .rightinfo {
position: relative;
top: 235px;
right: 10px;
float: right;
width: 225px;
text-align: center;
}

#produkte .head .leftinfo h1 {
color: #e1e1e1;
font-size: 14px;
line-height: 21px;
}

#produkte .head .rightinfo h3 {
color: #ccc;
font-weight: normal;
margin-top: 6px;
font-size: 13px;
}

.projekte {
float: left;
width: 100%;
height: 315px;
margin: 0;
padding: 0;
}

.projekte h1 {
line-height: 18px;
font-size: 14px;
color: #999 !important;
}

.projekte .whitemarker {
color: #999;
font-weight: normal;
}

.projekte .logothumbs {
position: relative;
top: 30px;
float: left;
width: 100%;
height: auto;
}

.projekte .image {
float: left;
width: 320px;
height: 190px;
margin: 0;
padding: 0;
font-size: 13px;
text-align: center;
}

.projekte ul.task {
position: relative;
top: 160px;
left: 33px;
width: 250px;
height: auto;
margin: 0;
padding: 0;
line-height: 18px;
}

.projekte ul.task li {
float: left;
display: inline;
margin: 0;
padding: 0;
}

.projekte ul.task a {
text-decoration: none;
color: #888;
border-bottom: 1px dotted #666;
}

.projekte ul.task a.details {
float: right;
height: 18px;
width: 18px;
color: #fff;
font-family: Georgia, Times, serif;
font-weight: bold;
font-style: italic;
text-align: center;
line-height: 20px;
border: none;
background: transparent url(../templates/pics/bg_info_off.png) no-repeat;
}

.projekte ul.task a.details:hover {
color: #666600;
background: transparent url(../templates/pics/bg_info_on.png) no-repeat;
}

.projekte ul.task strong {
color: #999;
}

#subcontent {
position: relative;
top: 0;
right: 0;
float: right;
width: 260px;
height: auto;
margin: 0;
padding: 0;
}

.subcontentop {
position: relative;
top: 0px;
float: left;
width: 100%;
height: 12px !important;
line-height: 12px;
background: url(../templates/pics/bg_subcontent_top.png) no-repeat center top;
margin: 0px 0px 1px 0px;
padding: 0;
}

.subcontentbottom {
position: relative;
top: 0px;
float: left;
width: 100%;
height: 12px !important;
line-height: 12px;
background: url(../templates/pics/bg_subcontent_bottom.png) no-repeat center bottom;
margin: 1px 0px 0px 0px;
padding: 0;
}

#subcontent h3 {
color: #fff;
border-bottom: 1px dotted;
}

#subcontent a {
color: #ccc;
margin: 0;
padding: 0px 3px 0px 3px;
text-decoration: none;
}

#subcontent a.on {
color: #ff0066;
margin: 0;
padding: 0px 3px 0px 3px;
text-decoration: none;
}

#subcontent ul {
font-size: 13px;
margin: 0;
padding: 0;
list-style: none;
}

#subcontent li {
float: left;
width: 100%;
margin: 0px 0px 3px 0px;
padding: 0;
}

#subcontent .lev_02 {
margin-top: 50px;
}

.lev_02 li {
display: inline;
float: left;
width: auto;
height: 25px;
line-height: 25px;
clear: both;
color: #ccc;
margin: 0;
padding: 0;
}

.lev_02 a {
float: left;
width: auto;
height: auto;
color: #ccc;	
margin: 0;
padding: 0px 5px 0px 5px;
background: #333;
}

.lev_02 a.lev2on {
color: #ff0066 !important;
background: #fff;
}

.lev_02 a.lev2onparent {
color: #444 !important;
background: #ccc;
}

.lev_02 a.lev3on {
color: #ff0066 !important;
background: #fff;
}

.lev_02 a.lev3off {
color: #444 !important;
background: #ccc;
}

.rightoff,
.rightoffparent {
float: left;
height: 25px;
width: 15px;
margin: 0;
padding: 0;
background: transparent url(../templates/pics/bg_nav_lev_02_off.png) no-repeat center center;
}

.righton {
float: left;
height: 25px;
width: 15px;
margin: 0;
padding: 0;
background: transparent url(../templates/pics/bg_nav_lev_02_on.png) no-repeat center center;
}

.rightonparent {
float: left;
height: 25px;
width: 15px;
margin: 0;
padding: 0;
background: transparent url(../templates/pics/bg_nav_lev_02_on_parent.png) no-repeat center center;
}

.lev3righton {
float: left;
height: 25px;
width: 15px;
margin: 0;
padding: 0;
background: transparent url(../templates/pics/bg_nav_lev_02_on.png) no-repeat center center;
}

.lev3rightoff {
float: left;
height: 25px;
width: 15px;
margin: 0;
padding: 0;
background: transparent url(../templates/pics/bg_nav_lev_03_off.png) no-repeat center center;
}

#footer_shadow {
z-index: 95;
position: relative;
top: -17px;
margin: 0;
padding: 0;
width: 100%;
height: 17px;
line-height: 17px;
background: transparent url(../templates/pics/bg_footer.png) repeat-x top center;
float: left;
}

#footer_wrapper {
position: relative;
top: -6px;
width: 960px;
height: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
}

#footer {
font-size: 13px;
position: relative;
top: 0px;
margin: 0px 0px 9px 0px;
padding: 0;
width: 960px;
height: auto;
float: left;
color: #666;
}

#footer li {
display: inline;
margin: 0;
padding: 0;
}

#footer a {
color: #888;
}

#footer a.on {
color: #ff0066;
}

#footer ul#about {
position: relative;
top: 0;
left: 0px;
float: left;
width: 700px;
height: 15px;
line-height: 15px;
margin: 0;
padding: 0;
}

#footer ul#about li {
float: left;
text-align: left;
margin: 0;
padding: 0px 6px 0px 6px;
}

#footer ul#about a {
color: #666;
font-weight: bold;
}

#footer ul#essentials {
position: relative;
top: 0;
left: 0px;
float: right;
width: auto;
height: 15px;
line-height: 15px;
margin: 0;
padding: 0;
}

#footer ul#essentials li {
text-align: left;
float: left;
border-left: 1px solid;
margin: 0;
padding: 0px 6px 0px 6px;
}

#footer ul#essentials li.contact {
border: none;
}

#footer ul#essentials a {
color: #666;
text-decoration: none;
border-bottom: 1px dotted;
}

.serviceliste li {
list-style: none;
margin: 0px;
padding: 0px;
display: inline;
}

.serviceliste h3 {
margin: 0;
padding: 0;
display: inline;
}

#promotion h1,
#promotion h2 {
margin: 0px;
padding: 0px;
color: #fff;
}

a.moreinfo {
display: block;
cursor: pointer;
text-decoration: none;
}

.more {
float: left;
width: auto;
line-height: 32px;
height: 33px;
color: #fff;
background: transparent url(../templates/pics/bg_more.png) repeat-x center;
text-decoration: none;
margin: 0px;
padding: 0px 6px 0px 6px;
}

.moreleftarrow {
float: left;
width: 25px;
height: 33px;
background: url(../templates/pics/bg_moreleftarrow.png) no-repeat center;
}

.moreright {
float: left;
width: 9px;
height: 33px;
background: url(../templates/pics/bg_moreright.png) no-repeat center;
}

ul#pager {
float: left;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 39px;
}

ul#pager li {
list-style: none;
color: #ccc;
float: left;
height: 39px;
line-height: 36px;
font-size: 13px;
margin: 0px;
padding: 0px;
background: url(../templates/pics/bg_pager.png) repeat-x center;
}

ul#pager a {
color: #ccc;
margin: 0px;
padding: 0px 6px 0px 6px;
}

ul#pager li.rcleft {
width: 15px;
margin: 0px;
padding: 0px;
float: left;
background: url(../templates/pics/bg_pager_rc_left.png) no-repeat center;
}

ul#pager li.rcright {
width: 15px;
margin: 0px;
padding: 0px;
float: left;
background: url(../templates/pics/bg_pager_rc_right.png) no-repeat center;
}

ul#pager li .num {
}

ul#pager li.prev {
color: #fff;
}

ul#pager li.current {
color: #fff;
}

ul#pager li.current span {
padding: 0px 6px 6px 6px;
color: #fff;
background: url(../templates/pics/bg_pager_current.png) no-repeat bottom;
}

ul#pager li.nextpage {
color: #fff;
}

ul#pager li.next {
color: #fff;
}

.sorter {
width: 100%;
height: 21px;
line-height: 21px;
color: #fff;
background: #999;
border-bottom: 1px solid;
}


#fotos {
float:left;
position: relative;
top: 0px;
width: 100%;
height: auto;
background: #9e9f9f;
margin: 0px;
padding: 0px 0px 30px 0px;
}


#blog_content {
float: left;
width: 700px;
height: auto;
}

#blog_wrapper #subcontent {
float: right;
width: 220px;
}

#blog_wrapper #subcontent h3 {
float: left;
width: 215px;
height: auto;
line-height: normal;
background: url(../templates/pics/bg_trans_black.png) repeat-x center center;
margin: 0px;
padding: 1px 0px 2px 5px;
border-bottom: none;
}

#blog_wrapper #subcontent ul {
float: left;
width: 100%;
font-size: 13px;
margin: 0px 0px 30px 0px;
padding: 0px;
list-style: none;
}

#blog_wrapper #subcontent li {
float: left;
width: 100%;
margin: 0px 0px 1px 0px;
padding: 0px 0px 0px 0px;
background: url(../templates/pics/bg_trans_black.png) repeat-x center center;
}

#blog_wrapper #subcontent li.subcontentop {
background: url(../templates/pics/bg_subcontent_top.png) no-repeat center top;
}

#blog_wrapper #subcontent li.subcontentbottom {
background: url(../templates/pics/bg_subcontent_bottom.png) no-repeat center bottom;
}

#blog_wrapper #subcontent a {
float: left;
cursor: pointer;
display: block;
height: 21px;
width: 210px;
line-height: 21px;
color: #ccc;
margin: 0px;
padding: 0px 5px 0px 5px;
text-decoration: none;
}

#blog_wrapper #subcontent a:hover {
color: #fff;
background: #333;
}

#blog_wrapper #subcontent a.on {
float: left;
display: block;
height: 21px;
width: 210px;
line-height: 21px;
color: #336600;
background: #99ff00;
margin: 0px;
padding: 0px 5px 0px 5px;
text-decoration: none;
}

#blog_wrapper #subcontent span.cat {
float: left;
}

#categories .counteroff {
width: auto;
float: right;
font-size: 11px;
font-weight: bold;
color: #999;
}

#categories .counteron {
width: auto;
float: right;
font-size: 11px;
color: #336600;
}

ul.bubble {
position: relative;
top: 9px;
font-size: 13px;
width: 150px;
height: 65px;
float: left;
background: url(../templates/pics/bubble.png) no-repeat top center;
margin: 0;
padding: 0;
}

ul.bubble li {
float: left;
width: 100px;
height: auto;
position:relative;
top: 7px;
left: 22px;
text-align: center;
color: #fff;
margin: 0;
padding: 0;
}

ul.bubble li.year {
top: 0;
}

#blog .entry {
float: left;
width: 100%;
height: auto;
margin: 0 0 50px 0;
padding: 0;
}

#blog .article {
float: right;
width: 515px;
height: auto;
border: 3px solid #fff;
background: #dadada;
margin: 0;
padding: 9px;
}

#blog .article h1 {
font-weight: bold;
border: none;
font-size: 18px;
line-height: 24px;
margin: 0;
padding: 12px 0px 9px 0px;
}


#blog .article h1 a {
text-decoration: none;
}

#blog .article h1 a:hover {
color: #ff0066;
}

#blog .article h2 {
font-size: 18px;
line-height: 29px;
border-top: 1px dotted;
border-bottom: 1px dotted;
margin: 0;
padding: 3px 0px 3px 0px;
}

#blog .article .long {
color: #666;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 15px 0px 15px 0px;
}

#blog .article .long ul {
width: 100%;
padding: 0;
margin: 0px 0px 15px 0px;
}

#blog .article .yellowmarker,
#blog .article .long a {
float: none;
font-weight: bold;
color: #666;
background: #ccff00;
padding: 0px;
margin: 0;
text-decoration: none;
border-bottom: 1px dotted #666;
}

#blog .article .yellowmarker {
text-decoration: none;
border-bottom: none;
}

#blog .article ul.footer {
float: left;
width: 100%;
height: auto;
margin: 15px 0px 0px 0px;
padding: 0;
}

#blog .article ul.footer li {
float: left;
display: inline;
margin: 0px 1px 0px 0px;
padding: 0;
color: #fff;
background: #999;
}

#blog .article ul.footer li a {
color: #fff;
margin: 0px;
padding: 5px;
text-decoration: none;
}

#blog_wrapper #comments {
float: left;
width: 100%;
margin: 30px 0px 0px 0px;
}

#blog_wrapper #comments .comment {
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: #dadada;
}

#blog_wrapper #comments .user {
float: left;
width: 100%;
height: auto;
margin: 30px 0px 0px 0px;
}

#blog_wrapper #comments .avatar {
float: left;
height: 100px;
width: 130px;
background: #333;
}

#commentform {
float: right;
width: 509px;
height: auto;
border: 6px solid #fff;
background: #ccc;
margin: 50px 0px 0px 0px;
padding: 9px;
}

#commentform fieldset {
border: none;
margin: 0;
padding: 0;
}

#commentform label {
margin: 9px 0px 0px 0px;
padding: 0;
}

#commentform input,
#commentform textarea {
margin: 0px 0px 12px 0px;
padding: 2px 0px 0px 0px;
float: left;
border: none;
height: 20px;
width: 100%;
font-size: 13px;
color: #fff;
background: #999;
}

#commentform textarea {
height: auto;
font-family: arial, verdana, sans-serif;
font-size: 15px;
line-height: 21px;
margin: 0px 0px 12px 0px;
padding: 0px;
}

#commentform input.send {
display: block;
float: left;
width: 50%;
height: 23px;
line-height: 23px;
font-family: arial, verdana, sans-serif;
font-weight: bold;
font-size: 13px;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid;
color: #fff;
background: #00cc33;
}

#commentform h2 {
margin-bottom: 15px;
}

#newcommentmessage_wrapper {
float: right;
width: 511px;
height: auto;
margin: 15px 0px 0px 0px;
padding: 0;
background: #fff;
}

.newcommentmessage {
float: right;
width: 100%;
border-top: 5px solid white;
border-right: 5px solid white;
border-left: 5px solid white;
border-bottom: none;
margin: 0px;
padding: 9px;
background: #ccc;
}

.newcommentmessage h1,
.newcommentmessage h2 {
font-size: 21px;
text-transform: none !important;
margin: 0px 0px 9px 0px !important;
padding: 0px 0px 3px 0px !important;
width: 100%;
height: 30px;
float: left;
border-bottom: 1px dotted;
}

.newcommentmessage h2 {
height: auto;
font-size: 15px;
line-height: 21px;
border: none !important;
font-weight: bold;
}

#newcommentmessage_show_wrapper {
float: right;
width: 511px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0;
background: #fff;
}

.newcommentmessage_show {
float: right;
width: 100%;
min-height: 300px; 
border-top: none;
border-right: 5px solid white;
border-left: 5px solid white;
border-bottom: 5px solid white;
margin: 0px;
padding: 9px;
background: #ccc;
}

.newcommentmessage_show h1,
.newcommentmessage_show h2 {
font-size: 21px;
text-transform: none !important;
margin: 0px 0px 9px 0px !important;
padding: 0px 0px 3px 0px !important;
width: 100%;
height: 30px;
float: left;
border-bottom: 1px dotted;
}

#map {
z-index: 100;
border-top: 1px solid #fff;
border-bottom: 1px solid #999;
position: relative;
top: 0;
float: left;
height: 413px;
width: 100%;
}

.gmaps_infowindow {
font-size: 13px;
line-height: 18px;
width: 300px;
height: auto;
}

.gmaps_infowindow h1,
.gmaps_infowindow h2,
.gmaps_infowindow h3 {
font-weight: bold;
font-size: 13px;
margin: 0px;
padding: 0px;
}

#navimain {
z-index: 100;
position: absolute;
top: 90px;
width: 100%;
background: #333 url(../templates/pics/bg_navimain.png) repeat-x top center;
border-top: 1px solid #666;
border-bottom: 1px solid #999;
}

ul.topnav {
list-style: none;
margin: 0 auto;
padding: 0;
font-size: 13px;
height: 23px;
line-height: 23px;
width: 960px;
}

ul.topnav li {
position: relative;
display: inline;
float: left;
height: 24px;
line-height: 24px;
width: 104px;
margin: 0;	
padding: 0;
border-left: 1px solid #999;
}

ul.topnav li.home {
width: 118px;
}

ul.topnav li.contact {
border-right: 1px solid #999;
}

ul.topnav li a {
text-align: center;
display: block;
height: 24px;
width: 104px;
color: #fff;
text-decoration: none;
margin: 0;	
padding: 0;
}

ul.topnav li a.home {
width: 118px;
}

ul.topnav li.lev1on {
background: transparent url(../templates/pics/bg_navimain_item_on.png) repeat-x center;
}

ul.topnav li.lev1off {
color: #ccc;
}

ul.topnav li.lev1off:hover {
color: #fff;
}

ul.topnav li.lev1on span.arrow {
float: left;
width: 100%;
height: 5px;
line-height: 5px;
display: block;
background: transparent url(../templates/pics/bg_navimain_item_arrow.png) no-repeat center bottom;
}

#werner {
color: #ccc;
font-size: 15px;
line-height: 23px;
width: 960px;
margin: 0 auto;
padding: 0;
}

#werner h1,
#werner h2 {
font-weight: normal;
margin-bottom: 12px;
color: #ccc;
font-size: 15px;
line-height: 23px;
}

#werner .head .moreinfo {
cursor: pointer;
position: absolute;
top: 240px;
left: 425px;
font-size: 17px;
text-align: center;
line-height: 35px;
color: #fff;
font-weight: bold;
height: 40px;
width: 240px;
background: transparent url(../pics/promotion/bg_werner_head_bu_start.png) no-repeat top;
}

#werner .head h1.info {
position: absolute;
top: 280px;
left: 0;
width: 350px;
color: #fff;
}

#werner .pfeil {
position: absolute;
top: 190px;
left: 160px;
}

#werner strong {
color: #ccc;
font-weight: normal;
}

#wernerdetails {
display: none;
height: auto;
}

#werner .head {
height: 415px;
background: transparent url(../pics/promotion/bg_werner_head.jpg) no-repeat top;
}

#werner .head .inner {
position: relative;
top: 0;
width: 100%;
height: auto;
}

#werner .einleitung {
height: 587px;
background: transparent url(../pics/promotion/bg_werner_einleitung.jpg) no-repeat top;
}

#werner .einleitung .inner {
position: relative;
top: 220px;
width: auto;
height: auto;
}

#werner .analyse {
height: 460px;
background: transparent url(../pics/promotion/bg_werner_analyse.jpg) no-repeat top;
}

#werner .analyse .inner {
float: left;
position: relative;
top: 260px;
width: auto;
height: auto;
margin-left: 335px;
}

#werner .detektor {
height: 390px;
background: transparent url(../pics/promotion/bg_werner_detektor.jpg) no-repeat top;
}

#werner .detektor .inner {
float: left;
position: relative;
top: 85px;
width: auto;
height: auto;
}

#werner .kreativprogamm {
height: 500px;
background: transparent url(../pics/promotion/bg_werner_kreativ_programm.jpg) no-repeat top;
}

#werner .kreativprogamm .inner {
float: left;
position: relative;
top: 240px;
width: auto;
height: auto;
margin-left: 310px;
}

#werner .codechip {
height: 300px;
background: transparent url(../pics/promotion/bg_werner_code_chip.jpg) no-repeat top;
}

#werner .codechip .inner {
float: left;
position: relative;
top: 75px;
width: 500px;
height: auto;
}

#werner .kontakt {
height: 250px;
background: transparent url(../pics/promotion/bg_werner_kontakt.jpg) no-repeat top left;
}

#werner .kontakt .inner {
float: left;
position: relative;
top: 75px;
width: 500px;
height: auto;
}

#werner strong.wernerlogo, 
#werner span.wernerlogo {
color: #fff !important;
font-weight: bold;
border-top: 1px solid #444;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #444;
padding: 1px 2px 1px 5px;
color: #666;
background: #ccc url(../pics/promotion/werner-claim-span-bg.png) repeat-x center;
}