body { margin:0px auto;
 padding:0px auto;

 
 background:#FFF url("../../mangoo_custom/images/layout/img_backgroundImage_blog.jpg") repeat-x;
 background-position : top; font-size:62.5%; font-family:Arial,Helvetica,FreeSans,sans-serif;
 line-height:1.25;
 text-align:center;
 color:#333;
 } h1,h2,h3,h4,h5,h6{margin:0;}
 h1{font-size:2.9em;}
 h2{font-size:1.9em;}
 h3{font-size:1.7em;}
 h4{font-size:1.6em;}
 h5{font-size:1.4em;}
 h6{font-size:1.3em;} form,fieldset,legend{padding:0;margin:0;}
 p,form,fieldset,table{margin:0 0 1em;}
 img,fieldset{border:0;}
 
 ul,ol,dl{padding:0;margin:1em 1em 1em 3em;}
 li,dt,dd{padding:0;margin:0;}
 dd{margin-left:1em;}
 blockquote{margin:1em;}
 
 table{border-collapse:collapse; width: 500px;}
 form{font-family:Arial,Helvetica,FreeSans,sans-serif;}
 input,textarea,select{font-family:inherit;font-size:inherit;}
 
 a{color:#1694d9;text-decoration:none;outline:0;}
 a:hover{text-decoration:underline;}
 #layout { position: relative;
 margin:0px auto;
 padding:0px auto;
 width: 1000px;
 min-height: 100%;
 text-align: left;
 font-size: 100%; } *{ border: 0px solid red; list-style: none; } #navigation{ width: 100%; height: 65px; padding: 0 0 20px 0; margin: 0; background: url("../../mangoo_custom/images/layout/img_backgroundImageNavigati.gif") repeat-x; } .navigation{ height: 15px;} #navi{ width: 1000px; height: 40px; padding: 0px; margin: 0; float: left; } #navi ul { list-style-type: none; margin: 0px; padding: 0px; } #navi ul li { margin: 0px; padding: 25px 0px 0px 0px; float: left; } #navi ul li a{ margin: 5px 0 0 0; padding: 0px 8px 0px 7px; color: #FFF; text-decoration: none; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 20px; text-transform: uppercase; } #navi ul li.last a{ border-right: 0px; } #navi ul li a:hover { text-decoration: underline; } #navi li.active, #navi li.selected{ text-decoration: none; color: #FFF; } #navi li.first.last.selected{ text-decoration: none; } #navi li.first.last.active{ text-decoration: none; } #navi ul li.first.last a:hover { text-decoration: none; } #navi li.active a, #navi li.selected a{ } #headright{ width: 320px; height: 31px; padding: 0; margin: 0; float: right; } #order{ width: 194px; height: 33px; padding: 0px; margin: 0px; float: left; } #search{ width: 194px; height: 33px; padding: 0px; margin: 0px; float: right; } #logo{ width: 312px; margin: 0px; padding: 0px; } #logo .layoutimage{ margin: 0px; padding: 0px 0 0 8px; } #flashcontent{ float: right; width: 600px; margin: 0px; padding: 13px 0 0 0; } #containermain{ width: 1000px; height: 100%; margin: 0; padding: 0; float: left; } #siteimage{ width: 650px; float: left; padding: 0; margin: 0; } #content{ padding: 0px; float: left; margin: 0px; width: 650px; } #features{ width: 500px; float: left; } #about-cross{ width: 1000px; padding-top:1px; } .image.left{ float: left; margin: 0 10px 10px 0; } .image.right{ float: right; } #footer{ width: 1000px; height: 200px; clear: both; padding: 0 0 20px 0; margin: 0 0 0 0px; } #boxen{ width: 300px; height: 196px; padding: 0px 0 20px 0; float: left; } #boxtop{ width: 292px; padding: 0 0 3px 0; } #boxbottom{ width: 292px; } #box1{ float: left; width: 146px; } #box2{ float: right; width: 146px; } #box3{ float: left; width: 146px; } #box4{ float: right; width: 146px; } #textbox{ width: 300px; float: right; padding: 0px 10px 20px 0; } #textbox .text{ line-height: 1.5em; padding-bottom: 12px; } #textbox a{ text-decoration: underline; font-size: 13px; list-style-type: square; color: #1694d9; } #tagcloud{ width: 560px; height: 200px; display: inline; clear: both; } #tagcloud .tagcloud.image{ float: left; padding: 35px 0 25px 30px; } #tagcloud .tagcloud.left{ width: 240px; padding-top: 30px; padding-left: 20px; float: left; text-align: right; } #tagcloud .tagcloud.right{ width: 240px; padding-top: 30px; padding-right: 20px; float: right; } .tagcloud li{ list-style-type: none; display: inline; } .tagcloud li a{ color: #BBB; font-family: Arial; display: inline; padding: 1px; text-decoration: underline; } .tagcloud li a:hover{ text-decoration: none; } .article .text{ font-size: 12px; line-height: 1.3em; color: #333333; font-family: arial; } #sidebar{ width: 313px; height: 100%; margin: 0; padding: 30px 0 0 0; float:right; } #testen{ border-bottom: 1px #AAA solid; padding-bottom: 10px; margin-bottom: 10px; } #login{ border-bottom: 1px #AAA solid; padding-top: 10px; padding-bottom: 10px; } #login .login fieldset{ padding:0 0 0 11px; } #login .text{ padding: 2px 0 13px 11px; } #subnavi{ border-bottom: 1px #AAA solid; min-height: 176px; padding-bottom: 10px; } #subnavi ul{ padding: 10px 0 0 0px; margin: 0px; } #subnavi .level3{ padding: 5px 0 0 10px; margin: 0px; } #subnavi li{ list-style-type: none; line-height: 20px; } #subnavi li a{ color: #1694d9; font-size: 13px; text-decoration: none; } #subnavi li a:hover{ text-decoration: underline; } #subnavi li.selected a{ color: #333; text-decoration: underline; } #logo_gross{ padding: 10px 0 10px 0; } #sidebar .layoutimage{ padding: 0 !important; margin: 0 !important; } #sidebar h1{ color: #4E5463; font-size: 16px; font-weight: normal; padding: 10px 0 0 10px; } label{ float: left; padding-left: 5px; } #sidenavigation{ width: 1000px; border-top: 1px solid #AAA; } #sidenavigation ul{ text-align: center; } #sidenavigation li{ font-size: 10px; color: #AAA; display: inline; border-right: 1px solid #AAA; padding-right: 4px; } #sidenavigation li.last{ border-right: 0px; } #sidenavigation li a{ color: #AAA } #sidenavigation li a:hover{ text-decoration: underline; }
 .layoutimage { padding: 0; } #breadcrumbs{ width: 1088px; height: 15px; background-color: #E6E6E6; } .breadcrumbs { margin: 0; padding: 0; font-size: 10px; color: #333; margin: 0; line-height: 15px; text-indent: 70px; line-height: 15px; text-transform: uppercase; } .breadcrumbs a{ color: #333; text-decoration: none; font-family: arial; line-height: 15px; background: url(../../mangoo_custom/images/layout/link_underline.gif) bottom repeat-x; background-position: bottom; } .breadcrumbs a:hover{ color: #333; text-decoration: none; font-family: arial; line-height: 15px; background: url(../../mangoo_custom/images/layout/link_underline_hover.gif) bottom repeat-x; } a { text-decoration: none; color: #1694d9; } a:link, a:visited { } a:active, a:hover { } a[href^="http:"] {} a[href^="mailto:"] {} .text { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #333333; } .strong { font-weight: bold; } .marker { background-color: #B5D5FF; } .cblock { clear: both; padding: 0 0 0 0; } .cblock.message { clear: both; padding: 0 18px 0 18px; border-left: 10px solid #CCCCCC; } .cblock.article.standard { padding: 15px 0 0 0; border-bottom: 0px solid #AAA; } .cblock.article.teaser {} .cblock.article.headline {} .cblock.article.first { } .cblock.messagetop {} .cblock.messagebottom {} .cblock.articletop {} .cblock.articlebottom { clear: both; } .homesite-content{ background:#fff url("../../mangoo_custom/images/layout/img_startBackground.gif") repeat-x; width: 1000px; height: 500px; } .homesite-content h2{ font-size: 3em;} .headline{ padding: 10px 0 0 0px; height: 60px; width: 1000px; text-align: center; } .leaveComment{ float: left; width: 500px; background-color: #ECEEEF; } .leaveCommentBorder{ padding: 20px; } #comment{ width: 460px; } #respond{ font-size: 25px; padding-top: 10px; } .leaveComment p{ padding-top: 10px; } #submit{ margin-top: 20px; } #searchsubmit { float: right; width: 50px; } #searchtext { float: left; width: 200px; } .pagetitle{ color: #CBCFCE; border-bottom: 1px solid #ECEEEF; } .alignleft{ float: left; width: 240px; } .alignright{ float: left; width: 240px; } DIV.more-features{ padding-top: 20px; height: 130px; width: 1000px; } DIV.more-features h3{ font-size: 15px; } DIV.more-features ul{ display: inline; } DIV.more-features ul li{ float: left; width: 290px; padding-right: 18px; height: 130px; list-style: none; } #testdrive-cross{ position: absolute; width: 296px; height: 39px; top: 488px; left: 88px; text-align: center; } #testdrive-cross h6 a{ font-size: 16px; color: #FFF; } #testdrive-cross ul { padding-top: 10px; } #testdrive-cross ul li{ display: inline; font-size: 11px; } 
 #screenshot{ position: absolute; top: 195px; right: 1px;
 width:483px;
 height:336px;
 } #alpha{ position: absolute; top: 12px; right: 10px; } #accordion{ width:460px; height: 300px; float: left; padding: 45px 0 0 20px; } .toggler{ padding-top: 5px; } #accordion h3{ padding: 13px 0 0 0; margin: 0px; } #accordion p.text{ padding: 10px 0 0 0; margin: 0px; } 
 h2#title{
 font-weight:normal;
 letter-spacing:-0px;
 } 
 p#description{
 font-weight:bold;
 color:#777; font-size: 15px !important;
 } #LINKID a { width: 17px; overflow: hidden; background: url(../../mangoo_custom/images/div/basket.gif) no-repeat; } #LINKID a:hover { background: url(../../mangoo_custom/images/div/basket_over.gif) no-repeat; } *LINKID a { width: 29px; } #LINKID a div { visibility: hidden; } 
#navi span {
 display: none;
 position: absolute;
} 
#navi li a{ height: 43px; padding-top: 18px !important; } #navi .first a {
 width: 136px; height: 43px;
 text-indent: -900%;
 position: absolute;
 outline: none;
} 
#navi .first a:hover {
 background-position: left bottom;
}
#navi .first a:hover span {
 display: block;
}

#navi .first { margin: 0px; padding: 0px;
 width: 153px;
 height: 65px;
 background: url(../../mangoo_custom/images/navigation/img_overNavigation.jpg) no-repeat;
} #navi .selected a, #navi .active a {
 background-position: left bottom;
}
#navi .selected a span, #navi .active a span {
 display: block;
}
 #navi .selected, #navi .active { height: 65px; background: url(../../mangoo_custom/images/navigation/img_overNavigationAll.jpg) repeat-x;
} #navi .first span { margin: 0px; padding: 0px;
 width: 153px;
 height: 130px;
 background: url(../../mangoo_custom/images/navigation/img_overNavigation.jpg) no-repeat;
 left: 0px;
 top: -70px;
} 
 .cblock h3 { margin: 0 0 5px 0; line-height: 1em; font-weight: bold; color: #333333; } .cblock h2{color:#1694d9;font-size:1.4em; padding-top: 10px;} *html .cblock h3 { margin-bottom: 18px; } .cblock.message.error, .cblock.message { margin: 20px 0 0 0; } .cblock.message.error h1 { color: #CC0000; } .cblock p.info { margin: 0 0 12px 0; font-size: 11px; color: #666666; } .cblock p.info .date, .cblock p.info .author {} .cblock p.text { margin: 0 0 12px 0; font-size: 13px; line-height: 1.5em; color: #333333; } .cblock p.text.indent { padding: 0 0 0 11px; } .cblock p strong {} .cblock p i {} .cblock p u {} .cblock p.emph { font-weight: bold; } .cblock p.quote { margin: 0 0 12px 9px; padding: 0 0 0 .8em; border-left: 1px solid #CCCCCC; font-style: italic; color: #666666; } .cblock p.small { font-size: 11px; width: 90%; } .cblock.message p { padding: 0 0 0 22px; font-weight: normal; } .cblock.message.error p {} indent .cblock p.footnote, p.footnote { margin: 0 0 12px 0; font-size: 11px; color: #666666; } .cblock .inlinelnk { padding: 0 0 0 11px; font-size: 11px; } .cblock p .detaillink { display: block; float: right; margin: 18px 0 12px 0; } .cblock.backlink { padding: 0 0 2em 0; } .cblock.backlink.top {} .cblock.backlink.bottom {} .cblock.article .image { margin: 0 0 0 0; } .cblock.article .image.left { float: left; margin-right: 9px; } .cblock.article .image.right { float: right; margin-left: 9px; } .cblock.article .image.middle { display: block; margin: 0 0 12px 0; } .cblock.article .image p { margin: 2px 0 0 0; padding: 2px 0; font-size: 10px; text-align: center; background-color: #666666; color: #FFFFFF; } .cblock.article table { table-layout: auto; border-collapse: collapse; margin: 0 0 12px 0; } .cblock.article table td { padding: .2em .4em; line-height: 1.4em; vertical-align: top; font-size: 13px; color: #333333; border: 1px solid #CCCCCC; } .cblock ul { margin: 0 0 20px 0; width: 90%; } .cblock li { margin: 6px 0 6px 15px; font-size: 13px; line-height: 1.3em; color: #9DA1A4; list-style-type: square; list-style-position: outside; } .cblock.article ul.links {} .cblock.article ul.links li { margin: 0px; padding: 0px; list-style-type: none; } .cblock.article ul.links li a.file {} .cblock.article ul.links li a { margin: 0px; padding: 0px; color: #1694d9; font-size: 13px; } div.form { width: 500px; margin: 50px; } form {} form div { clear: both; margin-top: 18px; } form label { clear: both; display: block; width: 200px; padding-right: 20px; text-align: right; font: normal 13px Arial, sans-serif; } form label.area, form label.checkbox { text-align: left; } form input { margin: 0px; padding: 0px; width: 250px; border: 1px solid #C3C3C3; font: normal 13px Arial, sans-serif; } #content .contact.form input{ margin: 15px 0 0 0; padding: 2px; width: 250px; border: 1px solid #C3C3C3; font: normal 13px Arial, sans-serif; } form .submit { margin: 0px; float: right; padding: 0px; width: auto; border: 0px solid #C3C3C3; } form .logininput { margin: 0px; float: left; padding: 2px; width: 282px; border: 1px solid #C3C3C3; } form .loginlabel { margin: 0px; float: left; padding: 5px 0 2px 0; width: 282px; color: #333; } form .loginvergessen { margin: 0px; float: left; padding: 12px 0 2px 53px; width: 120px; font: normal 13px Arial, sans-serif; } loginvergessen .contact form input { margin-left: 6px; margin-top: 15px; padding: 1px; width: 250px; border: 1px solid #C3C3C3; } form input.grid2 { } form select { width: 304px; margin-left: 6px; } form select.grid2 { width: 104px; margin-right: 200px; } form textarea { float: right; width: 496px; height: 160px; margin: 6px 0 0 0; padding: 0; font: normal 1em Arial, sans-serif; border: 1px solid #C3C3C3; } form input.checkbox { width: 1em; margin: 0 6px 0 200px; } form p.info { float: left; } form button { float: right; width: 140px; margin: 0; padding: 0; line-height: 18px; font-weight: bold; font-size: 13px; text-align: center; background: #CCCCCC; border: 1px solid #666666; } .cblock div.listfnc { margin: 0; padding: 0 0 10px 0; } .cblock div.listfnc div.liststatus { float: left; font-size: 12px; color: #FFFFFF; } .cblock div.listfnc div.listnav { float: right; font-size: 11px; } .cblock div.listfnc div.listnav span.firstlnk, .cblock div.listfnc div.listnav span.prevlnk, .cblock div.listfnc div.listnav span.middlelnk, .cblock div.listfnc div.listnav span.nextlnk, .cblock div.listfnc div.listnav span.endlnk, .cblock div.listfnc div.listnav span.backlnk { padding: 0 3px; color: #FFFFFF; text-transform: uppercase; } .cblock div.listfnc div.listnav span.firstnolnk, .cblock div.listfnc div.listnav span.prevnolnk, .cblock div.listfnc div.listnav span.middlenolnk, .cblock div.listfnc div.listnav span.nextnolnk, .cblock div.listfnc div.listnav span.endnolnk, .cblock div.listfnc div.listnav span.backnolnk { padding: 0 3px; color: #9696B0; text-transform: uppercase; } .cblock div.listfnc div.listnav a:hover span { color: #C43C16; } .cblock.gallery { margin: 0; padding: 15px 0 0 0; } .cblock.gallery div.galrow { padding-left: 0px; } .cblock.gallery div.galrow div.image { position: relative; float: left; margin: 0 13px 12px 0; padding: 1px; width: 203px; height: 160px; border: 1px solid #CCCCCC; text-align: center; line-height: 150px; } *html .cblock.gallery div.galrow div.image { font-size: 140px; } .cblock.gallery div.galrow div.image.lastcol { margin-right: 0; } .cblock.gallery div.galrow div.image a, .cblock.gallery div.galrow div.image img { vertical-align: middle; } .cblock.gallery div.galrow div.image p { clear: both; margin: 0; padding: 0; font-size: 11px; color: #666666; } .cblock.gallery div.galrow div.image img.zoom { position: absolute; left: 2px; bottom: 1px; } .cblock.gallery div.galrow div.image p.title { position: absolute; margin: 0; padding: 0; right: 3px; bottom: 1px; height: 17px; line-height: 17px; font-size: 11px; color: #666666; background-color: #FFFFFF; } .entry{ padding: 20px; width: 580px; } .post{ clear: both; border-bottom: 1px solid gray; margin-bottom: 30px; margin-top: 10px; } #content p{ font-size: 13px; line-height: 21px; }