@charset "utf-8";
/* CSS Document */

/* Font Family Settings ------ */
body{font-family: Arial, Helvetica, sans-serif; color:#878484; background: url(../images/bg.png); margin:0px;font-size:70%;}

/* Firefox Scrollbar Hack - Do not remove */
html {margin-bottom: 1px; height: 100%!important; height: auto; background: url(../images/bg.png);}

/* Font Style Setting-----------*/
.f_bold{ font-weight:bold;	}
.f_italic{ font-style:italic;}
.f_red{	   color:#B40202;}
.f_white{  color:#fff;}
.f_orange{ color:#e49300;}
.f_purple{ color:#72478F;}
.f_black{  color:#000;}
.f_blue{   color:#0fbfd7;}
.f_gray{   color:#5B5D57;}
.f_green{ color:#9FC54D;}

/* Core Formatting ------ */
td,tr,div,p{
	color: #878484;
	line-height: 18px;
	padding:0px;
	font-size:101%;
	}
p { margin:0px 0px 16px 0px;}
h1, h2, h3, h4, h5 { padding:0px; margin:0px; font-weight: bold;}
h1 {font-size: 153%;line-height: 100%; color:#0671b0; font-weight: normal;}
h2 {font-size: 140%;line-height: 100%; color:#0671b0;}
h3 {font-size: 140%;line-height: 100%; color:#999999;}
h4 {font-size: 120%;line-height: 130%;}
h5 {font-size: 120%;}
.a_left{ text-align:left;}
.a_right{ text-align:right;}
.v_middle{ vertical-align:middle;}
.float_l{ float:left; margin:2px 22px 8px 0px;}
.float_r{ float:right; margin:2px 0px 8px 13px;}
a, a:hover {color:#878484; font-weight:normal; text-decoration: underline;}
a:hover {color:#0671b0;}

.hide {display:none;}

a.bt-specials{ line-height:32px; padding:0 42px 0 16px; font-size:12px; color:#fff; font-weight:bold; background:url(../images/bt-specials.png) no-repeat right top; display:block; text-decoration:none;}

.csc-default .divider hr { border:1px dashed #DBDBDB; border-width:0 0 1px;}
/*  Button from Formatting */
input, select,textarea{ padding-left:4px; color:#878484; font-family: Arial, Helvetica, sans-serif; font-size:12px;}

input.inputbox{  border:1px solid #949494; height:18px; line-height:18px; width:172px;}
textarea.inputbox{width:358px; border:1px solid #ddd;font-size:100%; height:118px; vertical-align:middle; padding:3px;}
input.bt-login{ color:#fff; padding:4px 29px 5px 13px; font-weight:bold; background:url(../images/bt-bg.png) no-repeat right top; border:none; display:inline-block;}

#page ul{ margin-left:16px;}
#page ul li{ list-style:disc; padding-left:0px;}
#page ol{ margin-left:24px;}
#page ol li{ list-style:decimal;}

/* Main Page Structure ------ */
#wrapper{ width:1001px; margin:0 auto;}
#wrapper-pd{ padding:21px 32px 23px 11px; position:relative;}
.layout-l, .layout-r{ width:11px; height:39px; position:absolute; background:url(../images/alpha-img-l.png);}
.layout-l{ top:188px; left:0px;}
.layout-r{ top:188px; right:21px; background:url(../images/alpha-img-r.png);}
.mod-media{ width:32px; height:77px; position:absolute; top:103px; right:0px; background:url(../images/bg-media.png);}
.mod-media ul, .mod-media ul li{ padding:0; margin:0;}
.mod-media ul{ padding:12px 0 0 6px;}
.mod-media ul li{ float:left; padding-bottom:10px; display:block;}
.mod-media ul li a{ width:19px; height:19px; display:block;}

/* Main Header ------ */
#header{ min-height:201px; background:url(../images/top-bg.png) no-repeat left 10px;}
.top-container{ height:162px; position:relative;}
.logo{ position:absolute; top:75px; left:24px;}
.mod-language{ width:138px; height:55px; position:absolute; top:0; right:28px; background:url(../images/bg-language.png);}
.mod-language ul, .mod-language ul li{ padding:0; margin:0;}
.mod-language ul{ padding:30px 0 0 51px;}
.mod-language ul li{ float:left; margin-right:13px;}
.mod-language ul li a, .mod-language ul li a:hover{ width:23px; height:16px; display: block; border:#89c7e5 solid 1px; text-indent:-999em;}
.mod-language ul li a:hover, .mod-language ul li a.active{ border:#cb1717 solid 1px;}
.mod-language ul li.ge a{ width:24px; background:url(../images/flag-ger.png);}
.mod-language ul li.en a{ background:url(../images/flag-en.png);}

.mod-search{ width:215px; height:25px; background:url(../images/bg-search.png); float:right; margin:7px 17px 0 0;}
.mod-search .input-box{ border:none; background:none; padding:5px 0 0 14px; width:170px; font-family:Georgia, "Times New Roman", Times, serif; color:#838383; float:left;}
.mod-search .button{ width:23px; height:18px; margin-top:4px; display:block; float:left; background:none; border:none; cursor:pointer; text-indent:-999em;}

.tx-indexedsearch table    { border-left:1px solid #D6D6D6; border-top:1px solid #D6D6D6; width:100%; }
.tx-indexedsearch table td,
.tx-indexedsearch table th { border-right:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; padding:5px; vertical-align:top; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background: #EEE;}
.tx-indexedsearch .tx-indexedsearch-result-number {display:none;}

/* Main Body ------ */
#main-container{ padding:39px 15px 20px 15px; background:#fff;}

/* Main Body for Inner Page ------ */


/* Main Left Col ------ */
.left-col{ float:left; width:215px;}
.mod-public{ margin-bottom:17px; border:#d3d3d3 solid 1px; position:relative;}
.mod-public .l-t, .mod-public .l-b, .mod-public .r-t, .mod-public .r-b{ width:10px; height:10px; position:absolute;}
.mod-public .l-t{ background:url(../images/module-l-t.png); left:-1px; top:-1px;}
.mod-public .l-b{ background:url(../images/module-l-b.png); left:-1px; bottom:-1px;}
.mod-public .r-t{ background:url(../images/module-r-t.png); right:-1px; top:-1px;}
.mod-public .r-b{ background:url(../images/module-r-b.png); right:-1px; bottom:-1px;}
.mod-public .content{ padding:10px 14px 19px 14px;}
.mod-public h3{ padding-bottom:8px; border-bottom:#dbdbdb dashed 1px; margin-bottom:15px;}
.mod-public h3 a{ color:#0671b0; line-height:18px; font-size:100%; font-weight:bold; text-decoration:none; }
.mod-public p{ color:#666; margin-bottom:13px;}
.mod-public span.price{ color:#cb1717; font-family:Georgia, "Times New Roman", Times, serif;}
.mod-specials{ margin:0;}

/* Main Middle Col ------ */
.mid-col{ float:left; width:467px; padding-left:15px;}
.main-content{ position:relative;}
.main-content h1{ font-size:160%; line-height:28px; margin-bottom:15px; color:#0671b0; font-weight:normal;}
.main-content h1 a,
.main-content h1 a:visited{ display:block; margin-top:12px; color:#0671b0; font-weight:normal; text-decoration:none;}

.mod-quicklink{ position:absolute; right:0; top:0;}
.mod-quicklink ul, .mod-quicklink ul li{ padding:0; margin:0;}
.mod-quicklink ul li{ float:left; padding-left:7px;}
.mod-quicklink ul li a{ width:19px; height:19px; display:block; text-indent:-999em;}
.mod-quicklink ul li.icon-facebook a{ background:url(../images/icon-facebook.png);}
.mod-quicklink ul li.icon-google a{ background:url(../images/icon-google.png);}

.mod-news .photo{ float:left; width:146px;}
.mod-news .content{ float:right; width:300px;}
.mod-news .content.wider{ float:none; width:auto;}
.mod-news .content p{ margin:0;}
.mod-news { padding-bottom:23px; border-bottom:#d3d3d3 dashed 1px; margin-bottom:15px;}
.mod-news h2, .mod-news-2col h2{ color:#0c0c0c; font-weight:normal; font-size:116%; line-height:26px;}
.mod-news .itemNav {padding-left: 167px;padding-top:12px;}
.mod-news .itemNav.wider {padding-left:0;}

h2 a, h2 a:hover{ color:#0c0c0c; text-decoration:none;}
h2 a:hover{color:#0671b0;}
.date, .write-by{ float:left; height:18px; margin-bottom:10px;}
.date{ padding-right:14px; margin-right:12px; background:url(../images/home-line.png) no-repeat right 4px; color:#0671b0;}
.write-by{ color:#525252;}
.write-by label{ font-weight:bold;}

.mod-news-2col .date, .mod-news-2col .write-by, .mod-news-2col .morelink{ font-size:11px;}
.mod-news-2col .photo{ width:92px; float:left; margin-right:14px;}

.mod-news-2col .first-column{ float:left; width:220px; padding-bottom:23px;}
.mod-news-2col .second-column{ float:right; width:220px; padding-bottom:23px;}
.mod-news-2col .first-column .content,
.mod-news-2col .second-column .content { float:right; width:114px; }
.mod-news-2col .first-column .content.wider,
.mod-news-2col .second-column .content.wider { float:none; width:auto; }
.mod-news-2col p {margin:0;}

.blogList .content .morelink {padding-top:6px;}

.mid-banner{ position:relative;}
.mid-banner .l-t, .mid-banner .l-b, .mid-banner .r-t, .mid-banner .r-b{ position:absolute; width:10px; height:10px;}
.mid-banner .l-t{ background:url(../images/ad-bg-l-t.png); left:0; top:0;}
.mid-banner .l-b{ background:url(../images/ad-bg-l-b.png); left:0; bottom:0;}
.mid-banner .r-t{ background:url(../images/ad-bg-r-t.png); right:0; top:0;}
.mid-banner .r-b{ background:url(../images/ad-bg-r-b.png); right:0; bottom:0;}

.mod-banner{ position:relative;}
.mod-banner .l-t, .mod-banner .l-b, .mod-banner .r-t, .mod-banner .r-b{ position:absolute; width:10px; height:10px;}
.mod-banner .l-t{ background:url(../images/ad-bg-l-t.png); left:0; top:0;}
.mod-banner .l-b{ background:url(../images/ad-bg-l-b.png); left:0; bottom:0;}
.mod-banner .r-t{ background:url(../images/ad-bg-r-t.png); right:0; top:0;}
.mod-banner .r-b{ background:url(../images/ad-bg-r-b.png); right:0; bottom:0;}

span.more a {text-decoration:none;}

/* Main Right Col ------ */
.right-col{ float:right; width:215px;}
.mod-login{ background:url(../images/mod-login-bg.png); margin-bottom:17px;}
.mod-login h3{ color:#525252; line-height:18px; font-size:100%; font-weight:bold; padding-bottom:8px; border-bottom:#dac79e dashed 1px; margin-bottom:15px;}
.mod-login .bg-t{ background:url(../images/mod-login-t.png) no-repeat left top;}
.mod-login .bg-b{ background:url(../images/mod-login-b.png) no-repeat left bottom; padding:11px 15px 20px 15px;}
.mod-login .label{ line-height:18px; color:#666; padding-bottom:5px;}
.mod-login input.inputbox{ border:#f8ac74 solid 1px; padding:3px 5px 2px 6px; color:#b1b0b0;}
.mod-login .input-box{ padding-bottom:6px;}
.mod-login div.bt-login{ padding-top:6px;}
.mod-login ul, .mod-login ul li{ padding:0; margin:0;}
.mod-login ul{ padding-top:15px;}
.mod-login a, .mod-login a:hover{ color:#d85300;}
.mod-login a:hover{ color:#9b3024;}

.mod-login fieldset { margin:12px 0 0; padding:0; }
.mod-login legend { display:none; }
.mod-login .bt-submit { color:#fff; padding:4px 29px 5px 13px; font-weight:bold; background:url(../images/bt-bg.png) no-repeat left top; border:none; margin:12px 0 4px; }
.mod-login .bt-forget { padding:4px 11px 5px 11px;}

/* Footer Structure */
#footer{ padding-top:58px; background:url(../images/footer-bg.png) no-repeat left top;}
div.copyright{ color:#0671b0; font-size:93%;}
div.copyright a, div.copyright a:hover{ font-size:100%; color:#004066;}
div.copyright a:hover{ color:#d85300;}

label {display: block;}
input, textarea { border: 1px solid #ccc;font-size: 14px;padding: 5px; margin-bottom: 15px;}
.main-content-inner input, .main-content-inner textarea { width: 400px;}
input.csc-mailform-submit { width: 170px; background: url(../images/bt-specials.png) no-repeat right top; line-height:32px;padding: 0 42px 0 16px;font-size: 12px;color: white;font-weight: bold;background: url(../images/bt-specials.png) no-repeat right top;display: block;text-decoration: none; height: 34px; }
.left-col input, .left-col textarea { width: 200px;}

a.Kaufen-Button {line-height: 32px;padding: 9px 89px 10px 16px;font-size: 12px;color: #3b311c;font-weight: bold;text-decoration: none;background: url(../images/kaufen_button.png) no-repeat right top;height: 34px}
a.Download-Button {line-height: 32px;padding: 9px 42px 10px 16px;font-size: 12px;color: #3b311c;font-weight: bold;text-decoration: none;background: url(../images/download_button.png) no-repeat right top;height: 34px}
a.Special-Button{ line-height:32px; padding:9px 42px 10px 16px; font-size:12px; color:#fff; font-weight:bold; background:url(../images/bt-specials.png) no-repeat right top; text-decoration:none;}

.csc-sitemap li a.title {text-decoration:none; font-weight:bold; display:block; font-size:120%; margin-bottom:0.5em;}
.csc-sitemap li.item.has-child a {display:block; background:url(../images/icon_down.png) no-repeat left 7px;}
.csc-sitemap li.item a,
.csc-sitemap li.item.leaf a {display:block; background:url(../images/icon_right.png) no-repeat 2px 4px; padding-left:12px;}
.csc-sitemap li.item li {padding-left:2em;}

input.button {cursor:pointer;}
.checkbox-cont {float:left; margin-top:-2px; margin-bottom:1em;}
body.blog h1.pagetitle {display:none;}
body.blog .main-content {padding-top:12px;}
.categories label {display:inline;}
#comment_submit:hover {background:#bDbAb5;color:#75746F}

input[type="submit"],
input[type="button"] {cursor:pointer;}

.tx-srfeuserregister-pi1 dd input[type="text"],
.tx-srfeuserregister-pi1 dd input[type="password"] {width:320px;}
.tx-srfeuserregister-pi1 dd textarea {width:320px;}
.tx-srfeuserregister-pi1 dd label,
.tx-srfeuserregister-pi1 dd input[type="radio"],
.tx-srfeuserregister-pi1 dd input[type="checkbox"] {float:left; width:auto;}
.tx-srfeuserregister-pi1 dd input[type="file"],
.tx-srfeuserregister-pi1 dd input[type="submit"] {width:auto;}
.tx-srfeuserregister-pi1 dd select {margin:0;;}
.tx-srfeuserregister-pi1 dd label.tx-srfeuserregister-pi1-password-again {margin-left:-60px;}
.tx-srfeuserregister-pi1 dd input.tx-srfeuserregister-pi1-password {margin-bottom:0.5em;}
.tx-srfeuserregister-pi1 legend {padding-left:0; white-space:normal; }
/* @end */