html,
body {
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
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: 15px;
line-height: 21px;
font-weight: normal;
color: #666;
margin: 0px;
padding: 0px;
}

h1 {
font-size: 21px;
line-height: 27px;
}

h2 {
font-size: 18px;
line-height: 25px;
}

h3 {
font-size: 15px;
line-height: 23px;
}


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

ul {
margin: 0;
padding: 0;
list-style-type: disc;
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;
}

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

.bold {
font-weight: bold;
}

.uppercase {
text-transform: uppercase !important;
}

.replacelight {
font-size: 21px;
}

.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;
}

.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;
}

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

.normal {
font-weight: normal;
}

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

.white {
color: #fff;
}

.red {
color: #ff0066 !important;
}

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

.yellow {
color: #eef00d;
}

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

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

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

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

.green {
color: #336600;
}

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

.bluemarker {
color: #fff;
background: #00ccff;
}

.blue {
color: #00ccff;
}

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

.viaedit,
.viaweb {
color: #444;
}

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

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

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

#wrapper {
}

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

#header .wrapper {
float: left;
background: #e8e8e8 url(../pics/bg-head.gif) repeat-x center bottom;
border-bottom: 1px solid #fff;
height: 130px;
width: 100%;
}

#header .head {
margin-right: auto;
margin-left: auto;
height: 130px;
width: 960px;
padding: 0px;
}

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

#logo a {
color: #333;
}

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

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

#logo span.word {
position: relative;
top: 7px;
left: 0px;
}

#logo .grafic {
position: absolute;
top: 0px;
left: -49px;
float: left;
width: 160px;
height: 60px;
font-size: 12px;
line-height: 15px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
background: #e8e8e8 url(../pics/bg-head.gif) repeat-x 0px;
}

#logo .claim {
position: relative;
top: 20px;
left: 49px;
float: left;
width: auto;
height: 46px;
margin: 0;
padding: 14px 0px 0px 12px;
border-left: 1px solid #777;
}

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

ul#subnavi {
font-size: 13px;
position: relative;
top: 9px;
left: 0px;
margin: 0;
padding: 0;
float: right;
width: 260px;
}

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

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

#subnavi .contact {
float: left;
height: 17px;
width: 17px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 9px;
}

#subnavi .imprint {
float: left;
height: 17px;
width: 17px;
margin: 0px 0px 0px 0px;
padding: 6px 9px 0px 9px;
}

#subnavi .rss {
float: left;
height: 17px;
width: 17px;
margin: 0px 0px 0px 0px;
padding: 6px 9px 0px 0px;
}

#subnavi li.firstitem {
border: none;
}

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

#content,
#modules,
#promotion,
#portfolio,
#schnipsel,
#blog {
float:left;
position: relative;
top: 0px;
width: 100%;
height: auto;
background: #e5e5e5 url(../pics/bg_via.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
}

#blog,
#promotion {
padding: 0px;
background: #737676 !important;
}

#service {
color: #fff;
background: #5c5f5f !important;
}

#content_shadow {
float: left;
z-index: 98;
position: relative;
top: 6px;
width: 100%;
height: auto;
background: url(../pics/shadow_top.png) repeat-x top center;
margin: 0px;
padding: 0px;
}

#breadcrumb_container {
z-index: 99;
position: relative;
top: -10px;
left: 0;
margin: 0px;
padding: 0px;
font-size: 13px;
color: #fff;
}

#breadcrumb {
width: 960px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
}

#breadcrumb ul.cat {
position: relative;
top: 0;
left: 0;
float: left;
margin: 0;
padding: 0px 0px 0px 290px;
width: auto;
height: 33px;
}

#breadcrumb ul.cat li {
float: left;
width: auto;
height: 33px;
line-height: 33px;
display: inline;
margin: 0px;
padding: 0px 12px 0px 12px;
}

#breadcrumb ul.cat li.item {
background: transparent url(../pics/bg_breadcrumb.png) repeat-x top center;
}

#breadcrumb ul.cat li.left {
height: 33px;
float: left;
height: auto;
width: auto;
margin: 0px;
padding: 0px;
background: transparent url(../pics/bg_breadcrumb_left.png) no-repeat top left;
}

#breadcrumb ul.cat li.right {
height: 33px;
float: left;
width: auto;
height: auto;
margin: 0px;
padding: 0px;
background: transparent url(../pics/bg_breadcrumb_right.png) no-repeat top right;
}

#breadcrumb ul.cat a {
color: #ccc;
text-decoration: none;
border-bottom: 1px dotted;
}

#breadcrumb ul.cat a.on {
color: #ccff00;
}

#articles_container,
#blog_wrapper {
width: 960px;
height: auto;
position: relative;
top: 0px;
margin-top: 60px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
}

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

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

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

#promotion {
float: left;
position: relative;
top: 0;
width: 100%;
height: auto;
color: #fff;
background: #666;
}

#produkte {
float: left;
position: relative;
top: 0;
width: 100%;
height: auto;
color: #666;
background: #9e9f9f;
}

#produkte_content {
width: 960px;
position: relative;
top: 0px;
margin-top: 60px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
}

.produkte {
float: left;
width: 700px;
}

.produkt {
width: 700px;
height: auto;
float: left;
}

.projekte .left {
float: left;
width: auto;
height: auto;
margin: 0px 0px 50px 0px;
padding: 0px;
}

.projekte .right {
float: right;
width: auto;
height: auto;
margin: 0px 0px 50px 0px;
padding: 0px;
}

.projekte .image {
position: relative;
top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
width: 317px;
height: 185px;
}

.projekte ul.task {
position: relative;
top: -39px;
left: 18px;
width: 280px;
height: auto;
margin: 0px;
padding: 0px;
font-size: 14px;
line-height: 18px;
}

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

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

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

.projekte ul.task a {
color: #888;
}

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

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

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

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

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

#subcontent a {
color: #ccc;
margin: 0px;
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: 0px;
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(../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(../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(../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(../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(../pics/bg_nav_lev_03_off.png) no-repeat center center;
}

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

#footer_wrapper {
position: relative;
top: -9px;
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: 260px;
height: 15px;
line-height: 15px;
margin: 0;
padding: 0;
}

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

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

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

.gruss {
float: left;
width: 669px;
height: auto;
background: #e7e7e7;
border: 6px solid #fff;
margin: 0;
padding: 9px;
}

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

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

.more {
float: left;
width: auto;
line-height: 32px;
height: 33px;
color: #fff;
background: transparent url(../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(../pics/bg_moreleftarrow.png) no-repeat center;
}

.moreright {
float: left;
width: 9px;
height: 33px;
background: url(../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(../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(../pics/bg_pager_rc_left.png) no-repeat center;
}

ul#pager li.rcright {
width: 15px;
margin: 0px;
padding: 0px;
float: left;
background: url(../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(../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(../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(../pics/bg_trans_black.png) repeat-x center center;
}

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

#blog_wrapper #subcontent li.subcontentbottom {
background: url(../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: 12px;
list-style-type: none;
font-family: arial, sans-serif;
font-size: 13px;
width: 149px;
height: 63px;
float: left;
background: url(../pics/bubble.png) no-repeat top center;
margin: 0;
padding: 0;
}

ul.bubble li {
float: left;
width: 100px;
position:relative;
top: 5px;
left: 20px;
text-align: center;
color: #fff;
background: #999;
margin: 0;
padding: 0px 0px 3px 0px;
}

ul.bubble li.month {
margin: 0;
padding: 0;
}

ul.bubble li.year {
margin: 0;
padding: 0;
}

#blog .article {
float: right;
width: 509px;
height: auto;
border: 6px 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 {
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;
}

#tweets li.tweet {
float: left;
width: 215px !important;
color: #ccc;
line-height: 18px;
margin: 0;
border-bottom: none;
padding: 5px 0px 5px 5px !important;
}

#tweets li.tweet span.text {
float: left;
width: 100%;
margin: 0;
padding: 3px 0px 3px 0px;
} 

#tweets li.tweet a.url {
float: left;
width: auto !important;
height: auto !important;
font-size: 11px;
line-height: 18px !important;
color: #ccc;
margin: 0 !important;
padding: 0px 3px 0px 3px !important;
background: #666;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
}

#portfolio {
position: relative;
top: 0px;
width: 100%;
}

#portfolio_content,
#schnipsel_content {
margin-right: auto;
margin-left: auto;
position: relative;
top: 0px;
width: 960px;
}

#schnipsel_content {
margin-top: 60px;
}

#portfolio .article,
#schnipsel .article {
float: left;
width: 670px;
height: auto;
margin: 0;
padding: 0px 0px 50px 0px;
}

#portfolio h1 {
margin: 0px 0px 1px 0px;
padding: 0px 0px 0px 0px;
}

#portfolio h2 {
margin: 0px 0px 1px 0px;
padding: 0px 3px 3px 3px;
}

#portfolio h3 {
margin: 0px 0px 1px 0px;
padding: 0px 3px 3px 3px;
}


#portfolio .info {
float: left;
width: 100%;
height: 70px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#portfolio .name {
width: 100%;
float: left;
}

#portfolio .claim {
position: relative;
top: 0px;
width: 100%;
float: left;
margin: 0px;
padding: 0px;
}

#portfolio .item {
float: left;
width: 700px;
height: auto;
}

#portfolio #subcontent {
position: relative;
top: 70px;
width: 220px;
float: right;
font-family: arial, verdana, sans-serif;
font-size: 13px;
color: #fff;
margin: 0;
padding: 0;
}

#portfolio #pager {
position: relative;
top: 0px;
float: left;
width: 220px;
height: 85px;
margin: 0;
padding: 0;
}

#portfolio #pager ul {
margin: 0;
padding: 0;
}

#portfolio #pager li {
float: left;
height: 23px;
width: 100%;
display: block;
clear: both;
margin: 1px 0px 0px 0px;
padding: 0px;
}

#portfolio #pager a {
float: left;
height: 23px;
width: 190px;
line-height: 22px;
color: #ccc;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}

#portfolio #pager a:hover {
color: #fff;
}

#portfolio #pager a.next {
background: transparent url(../pics/portfolio_pager_next_off.png) no-repeat left center;
}

#portfolio #pager a.next:hover {
background: transparent url(../pics/portfolio_pager_next_on.png) no-repeat left center;
}

#portfolio #pager a.back {
background: transparent url(../pics/portfolio_pager_back_off.png) no-repeat left center;
}

#portfolio #pager a.back:hover {
background: transparent url(../pics/portfolio_pager_back_on.png) no-repeat left center;
}

#portfolio .details {
float: left;
width: 700px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0;
}

#portfolio ul.misc {
position: relative;
top: 0px;
right: 0px;
float: left;
width: 200px;
height: 23px;
color: #fff;
font-size: 13px;
line-height: 23px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#portfolio ul.misc li {
float: left;
width: 100%;
text-align: right;
display: inline;
list-style-type: none;
color: #fff;
margin: 0px;
padding: 0px;
}

#portfolio ul.misc a {
text-align: right;
float: right;
height: 23px;
color: #fff;
font-size: 13px;
line-height: 23px;
background: #333;
text-decoration: none;
margin: 0px;
padding: 0px 5px 0px 5px;
}


.logothumbs {
float: left;
width: 700px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.logothumb {
margin: 0px 0px 40px 0px;
padding: 0px 0px 0px 0px;
background: #ccc;
border: 3px solid #fff;
}

#portfolio .left {
float: left;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#portfolio .right {
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#portfolio .messagebox {
position: relative;
top: 12px;
float: left;
width: 700px;
height: 23px;
background: url(../pics/bg_trans_black.png) repeat-x center center;
}

#portfolio .message {
position: relative;
top: 0px;
float: left;
width: 497px;
height: 23px;
color: #ccc;
font-size: 13px;
line-height: 23px;
margin: 0px;
padding: 0px 0px 0px 3px;
}

#portfolio .message a {
color: #ccc;
}

.projekt {
float: left;
width: 700px;
height: auto;
margin: 0px 0px 30px 0px;
}

.complete,
.entry {
float: left;
width: 100%;
margin: 0px 0px 90px 0px;
}


.task_top {
font-family: arial, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
border-bottom: 1px solid #666;
height: 18px;
}

.buttons  {
float: right;
width: auto;
height: auto;
margin: 0;
padding: 0;
}


/* galleriffic */

#gallery {
float: left;
width: auto;
height: 270px;
}

#thumbs {
position: relative;
top: 0px;
float: left;
width: 100%;
}

div.controls {
float: left;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
line-height: 23px;
}

div.controls a {
display: block;
float: left;
width: auto;
height: auto;
text-decoration: none;
background: #555;
margin: 0px;
padding: 0px 5px 0px 5px;
}

div.ss-controls {
float: left;
width: 100%;
height: auto;
}

div.nav-controls {
float: right;
}

div.loader {
background: url('loader.gif') no-repeat center center;
width: 700px;
height: 250px;
}

div.slideshow {
clear: both;
}

div.slideshow span.image-wrapper {
float: left;
height: 250px;
width: 694px;
}

div.slideshow a.advance-link {
padding: 0px;
display: block;
}

div.slideshow img {
border: 3px solid #fff;
background: #fff;
display: block;
}

div.download {
float: right;
}

div.embox {
clear: both;
}

.image-desc {
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
color: #fff;
background: none !important;
}

.image-desc a {
color: #fff;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted;
}

ul.thumbs {
float: left;
position: relative;
top: 0px;
width: 220px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
}

ul.thumbs li {
display: block;
float: left;
width: 100%;
height: 25px;
margin: 1px 0px 0px 0px;
padding: 0px;
list-style: none;
background: #333;
}

a.thumb {
display: block;
float: left;
width: 210px;
height: 23px;
line-height: 24px;
color: #fff;
margin: 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}

ul.thumbs li.selected a.thumb {
color: #ccff00;
}

span.thumbon {
color: #666;
background: #999;
float: left;
width: 8px;
height: 8px;
margin: 9px 12px 0px 5px;
padding: 0px 0px 0px 0px;
font-size: 10px;
line-height: 8px;
}

ul.thumbs li {
float: left;
margin: 1px 0px 0px 0px !important;
padding: 0px;
}

ul.thumbs li.selected a.thumb span.thumbon {
color: #666;
background: #ccff00;
float: left;
width: 8px;
height: auto;
height: 8px;
margin: 9px 12px 0px 5px;
padding: 0px 0px 0px 0px;
font-size: 10px;
line-height: 8px;
}

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

.gmaps_infowindow h1 {
font-weight: bold;
font-size: 21px;
line-height: 23px;
margin: 0px;
padding: 0px;
}

.gmaps_infowindow h2 {
font-size: 15px;
margin: 0px;
padding: 0px;
}

.gmaps_infowindow h3 {
font-size: 15px;
margin: 0px;
padding: 0px;
}


ul.topnav {
position: relative;
top: 0px;
list-style: none;
padding: 0px;	
margin: 0;
float: left;
font-size: 13px;
height: 23px;
line-height: 23px;
width: 960px;
}

ul.topnav li {
float: left;
display: inline;
height: 23px;
width: 75px;
margin: 0px 1px 0px 0px;	
padding: 0px;
position: relative;
background: transparent url(../pics/bg_navimain.png) repeat-x top center;
}

ul.topnav li a {
float: left;
display: block;
height: 23px;
width: 75px;
color: #fff;
text-decoration: none;
padding: 0;
}

ul.topnav li a:hover {
}

ul.topnav li.lev1on {
text-align: center;
height: 23px;
width: 75px;
background: #333 url(../pics/bu_navimain_on.png) repeat-x top center;
}

ul.topnav li.lev1off {
text-align: center;
height: 23px;
width: 75px;
}

ul.topnav li.lev1off:hover {
color: #fff;
background: #333 url(../pics/bu_navimain_on.png) repeat-x top center;
}

ul.topnav li.lev1on span.arrow {
float: left;
width: 75px;
height: 9px;
line-height: 9px;
display: block;
background: transparent url(../pics/bg_lev1_arrow_on.gif) no-repeat center bottom;
}

ul.topnav li.lev1onhome,
ul.topnav li.lev1offhome,
ul.topnav li.lev1onblog,
ul.topnav li.lev1offblog   {
text-align: center;
height: 23px;
width: 76px;
padding: 0px 0px 0px 9px;
background: transparent url(../pics/bu_navimain_home_off.png) repeat-x center bottom;
}

ul.topnav li.lev1offhome:hover,
ul.topnav li.lev1onhome  {
background: transparent url(../pics/bu_navimain_home_on.png) repeat-x center bottom;
}

ul.topnav li.lev1offblog  {
padding: 0px 6px 0px 0px;
background: transparent url(../pics/bu_navimain_blog_off.png) repeat-x right bottom;
}

ul.topnav li.lev1offblog:hover,
ul.topnav li.lev1onblog  {
padding: 0px 6px 0px 0px;
background: transparent url(../pics/bu_navimain_blog_on.png) repeat-x right bottom;
}


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

ul.topnav ul.subnav {
font-size: 13px;
list-style: none;
position: absolute;
left: -1px;
top: 23px;
margin: 0; 
padding: 0;
display: none;
float: left;
width: 170px;
}

ul.topnav ul.subnav li {
margin: 0; 
padding: 0;
clear: both;
height: 25px;
width: 170px;
background: none;
}

ul.topnav ul.subnav a {
float: left;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
height: 25px;
width: 152px;
color: #ccc;
background: #333;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
}

ul.topnav ul.subnav li a.lev2off,
ul.topnav ul.subnav li a.lev2on {
color: #ccc;
background: #333 url(../pics/bg_lev2off.png) repeat-x bottom;
}

ul.topnav ul.subnav li a.lev2on {
color: #ccff00;
}

ul.topnav ul.subnav li a.lev2off:hover,
ul.topnav ul.subnav li a.lev2on:hover {
color: #fff;
background-color: #222;
}

ul.topnav ul.subnav li.topoff,
ul.topnav ul.subnav li.topon {
float: left;
display: block;
border: none;
width: 169px;
height: 9px;
line-height: 9px;
background: #333 url(../pics/bg_lev2_top_off.png) no-repeat top left;
}

ul.topnav ul.subnav li.topon {
background: #333 url(../pics/bg_lev2_top_on.png) no-repeat top left;
}

ul.topnav ul.subnav li.bottom {
border: none;
height: 9px;
background: transparent url(../pics/bg_lev2_bottom.png) no-repeat top left;
}

ul.topnav li.begin_off {
margin:0;
width: 9px;
background: transparent url(../pics/bg_navimain_begin_off.png) no-repeat top left;
}

ul.topnav li.begin_on {
margin: 0;
width: 9px;
background: transparent url(../pics/bg_navimain_begin_on.png) no-repeat top left;
}

ul.topnav li.end_on {
position: relative;
left: -1px;
margin: 0;
width: 8px;
background: transparent url(../pics/bg_navimain_end_on.png) no-repeat top right;
}

ul.topnav li.end_off {
position: relative;
left: -1px;
margin: 0;
width: 8px;
background: transparent url(../pics/bg_navimain_end_off.png) no-repeat top right;
}

#werner {
position: relative;
top: 0;
width: 100%;
height: auto;
color: #fff;
background: #737676;
margin: 0;
padding: 0;
}

#werner .long_text {
width: 960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}


#werner .wernerbg {
width: 960px;
height: 460px;
background: transparent url(../pics/promotion/roboter-werner-startseite.jpg) no-repeat top;
}

#werner h1,
#werner h2 {
font-size: 16px;
color: #ddd;
margin: 0px 0px 21px 0px;
line-height: 25px;
}

#werner strong {
color: #ddd;
}

#werner span.wernerlogo {
color: #fff !important;
font-weight: normal;
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: transparent url(../pics/promotion/werner-claim-span-bg.png) repeat-x center;
}