﻿/* ### Start the big ones ### */
/*  * {margin:0; padding:0;}  */

html {overflow-y: scroll; }

body {font-family: Arial; font-size:9pt; color:#444; background-color:#fff;margin-top: 5px;}

h1, h2, h3, h4 {color:#666; margin-top:0.5em; margin-bottom:0.5em;}

h1{margin:0; margin-bottom:1em; font-size:13pt; border-bottom: 1px solid #666;}
h1 a {font-size:9pt; text-decoration: none;}
h2 {font-size:10pt; border-bottom: 1px solid #666; }

p {margin-bottom:0.5em; }

ul {padding-left: 40px;}

img {border: 0;}

a { color: #0064b4; text-decoration:none; font-style:normal; font-weight:normal;}
a:hover { color: Red; }
/* a:visited { color: #0064b4; } */

/* ### end the big ones ### */

/* ### Start the tables ### */
/*TABLE{ width: 100%; }*/
table.bluebox {border:1px solid #cccccc;padding:0;margin:0;border-collapse:collapse; width: 100%;}
table.bluebox td, table.bluebox th {border-bottom:1px solid #cccccc;padding-top:3px;padding-bottom:3px;padding-left:10px;padding-right:10px;}
table.bluebox th {background-color:#f3f7fa;font-weight:bold;}

table.tbl_order_design_view {border:0px;padding:0;margin:0;border-collapse:collapse; width: 100%;}
table.tbl_order_design_view th {font-weight:bold;padding-top:3px;padding-bottom:3px;padding-left:10px;padding-right:10px;}
table.tbl_order_design_view td {border-bottom:solid 1px #cccccc; padding-top:3px;padding-bottom:3px;padding-left:10px;padding-right:10px;}

.ops_TableCell, .ops_TableHeader {border: solid 1px #BBBBBB;padding: 2px 2px 2px 2px; margin: 0 0 0 0;}
.ops_TableRowLightYellow {background-color: Yellow;}
.ops_TableRowDarkYellow {background-color: #DAA520;}
.ops_TableRowMidYellow {background-color: #FFD700;}
.ops_TableRowRed {background-color: #FF3300;}
.ops_TableRowLightGreen {background-color: #7CFC00;}
table.pricetable {padding:0;margin:0;border-collapse:collapse; width: 100%;}
table.pricetable td {border-bottom:1px solid #666666;padding-bottom:5px;padding-top:5px;}
tr.alternate {background-color:#CCCCCC;}

/* ### end the tables ### */

/* ### START YUI Hover ### */
.yh_tt_div { border: 1px solid #ff6600;}
.yh_tooltip { font-size: 0px;}
.tt_header { position: relative;}
.tooltip { display: none; border: none;}
/* ### END YUI Hover ### */

/* ### START MESSAGE BOX ### */
.msb_success {background-color: #C8FA7D; padding: 10px; margin: 10px;}
.msb_warning {background-color: #FFFF64; padding: 10px; margin: 10px;}
.msb_error, .div_detailcollector_validator_summary{ background-color: #ffe2e1; padding: 10px; margin: 10px; }
/* ### END MESSAGE BOX ### */

.textbox, .textboxmulti, .textboxauto{ border:1px solid #8e8f8f; border-right-color:#d6d6d5; border-bottom-color:#d6d6d5; width: 140px; }
.div_detailcollector_delivery textarea.textbox { width: 240px; height: 90px; }
.div_detailcollector SPAN.city INPUT.textbox{ width: 140px; }
.div_detailcollector SPAN.plz INPUT.textbox{ width: 40px; }
.div_detailcollector .div_detailcollector_delivery INPUT.vatnr { width: 217px; }
.textboxmulti{ height: 170px; width: 310px; }
.textboxauto{ width: auto; }
.shortDropDown{ width: 114px; }

.onecolumn {width:184px; float:left;}
.twocolumn {width:378px; float:left;}


#wrap {width:965px; margin: 0 auto; background-color:#fff; }

#header { height: 75px; overflow: hidden; }
#header H4{ border: 0; padding: 0; font-size: 1.25em; color: #000; float: left;white-space: normal; margin: 9px 0 0 10px;  }
#header img {margin-left:0px; margin-top:0; border:0;  }
#header A.logo {float: left;}
#header #cart { margin-top: 57px; float:right; width:300px; font-size:90%; margin-right:5px; text-align: right;}

#topbar { position:relative; height:41px; background: url('/css/images/head_sprite.gif') repeat-x 0px -50px; line-height: 41px; font-weight:bold; font-size: 10pt; margin-bottom:18px;}
#topbar Div.l{ float: left; background: #fff url('/css/images/head_sprite.gif') no-repeat;  height:41px; width: 6px; }
#topbar Div.r{ float: right; background: #fff url('/css/images/head_sprite.gif') repeat-x 0px -100px; height:41px; width: 6px; }
#topbar Span.sep{ background: url('/css/images/head_sprite.gif') no-repeat 0 -250px; padding: 13px 1px; }
#topbar a { color:#323232; font-weight:bold; text-decoration:none; padding: 10px 15px;  }
#topbar a span{ background: url('/css/images/icons_sprite.png') no-repeat; padding: 15px 11px;   }
#topbar a:hover { color:white; }
#topbar DIV.hlinks{ float: left;  }

#topbar #homelink Span{ background-position: -12px -36px; } 
#topbar #homelink:hover span{ background-position: -12px -136px; }

#topbar #infolink{padding-right: 20px;}
#topbar #infolink Span{ background-position: -10px -235px;  }
#topbar #infolink:hover Span{ background-position: -10px -335px; }

#topbar #faqlink{padding-right: 20px;}
#topbar #faqlink Span{ background-position: -12px -435px;}
#topbar #faqlink:hover Span { background-position: -12px -535px; }

#topbar #contactlink{padding-right: 20px;}
#topbar #contactlink Span{ background-position: -111px -835px; }
#topbar #contactlink:hover Span{ background-position: -111px -935px; }
.contactspan  { background: #fff url(/css/images/icons_sprite.png) no-repeat scroll -111px -848px; padding: 0px 10px; }

#topbar #ctl00_loginbar {float: right; height:41px; line-height: 41px;   }
#topbar #ctl00_login{ float: right; }
#topbar div.i_log{ float: right;}
#topbar #ctl00_login INPUT{ text-align: left; }
#topbar #ctl00_loginbar.logged div.sep{ float: left; background: url('/css/images/head_sprite.gif') no-repeat 0 -250px; height: 42px; width: 2px; padding-right: 15px;}

#topbar #ctl00_loginbar a { color: #0064b4; font-weight: normal; font-size:90%; padding: 0px; }
#topbar #ctl00_loginbar img { border:0; vertical-align:-5px; }
#topbar #ctl00_loginbar .textbox { width:135px; }


#topbar #ctl00_loginbar.logged{background: #fff url('/css/images/head_sprite.gif') repeat-x 0px -150px; padding-right: 20px; min-width: 20px; width: auto; display: block; float: right; }
#topbar #ctl00_loginbar.logged #log_corner{ position: absolute; right: 0px; background: #fff url('/css/images/head_sprite.gif') repeat-x 0px -200px; width: 6px; height: 42px; }


#navigation { float:left; width: 186px; background:#fff; min-height:400px; }
#navigation ul { list-style-type: none; padding-bottom: 5em;}
#navigation li { padding-bottom:0.5em; padding-left:2em; }
#navigation a { color: #0064B4; text-decoration:none; }
.navigation .selecteditem a{font-weight:bold;}
.navigation .header { line-height:21px; padding: 0 0 0.5em 10px;height: 21px; background: url(/css/images/icons_sprite.png) no-repeat -20px -1353px; font-weight:bold; }
.navigation .spacer { height:1em; }
.navigation .item1,
.navigation .item2,
.navigation .item3 { padding-left:10px; margin-right: 10px; height:19px; line-height:19px; border:0; border-bottom:1px solid #dad9d9; font-size:9pt; }
/*.navigation .item1 a{ font-weight:bold; }*/
.navigation .item2 { margin-left: 10px; }
.navigation .item3 { margin-left: 15px; }
.navigation DIV SPAN { padding: 0 0;}
.navigation .open { cursor:pointer; }
.navigation .open SPAN{ background: url(/css/images/icons_sprite.png) no-repeat -114px -1150px; padding: 0 5px; }
.navigation .closed { cursor:pointer; }
.navigation .closed SPAN{ background: url(/css/images/icons_sprite.png) no-repeat -114px -1050px;padding: 0 5px; }

.div_recommender_mini_title { line-height:21px; padding: 0 0 0 10px;height: 21px; background: url(/css/images/icons_sprite.png) no-repeat -20px -1353px; font-weight:bold;}

#navigation #shopinfobox {margin-top:100px; line-height:1.7em; font-size:8pt; padding-bottom: 40px;}



#content { float:right; width:766px; background:#fff; margin-bottom: 8px;  }

#footer{ clear: both; font-size: 8pt; color: #000; }
#footer A { color: #1D48C3; }
#footer UL{ margin-left: 0px; padding: 0px 1px; list-style-type: none; margin-bottom: 6px; }
#footer UL LI{ line-height: 17px; }


div.lfloat {float:left;}
div.rfloat {float:right;}


.faq {font-weight:bold;}

/* #cartlink { text-decoration:none; background: url(tpl/btn.png) no-repeat; background-position: -10px -1050px; padding-left:20px; } */
/* #cartlink:hover { background-position: -10px -1050px; text-decoration:underline; } */

.bluebarlink {display:inline-block; text-decoration:none; color:White; font-size:8pt; padding-left: 10px; line-height:20px; background: #fff url(/css/images/icons_sprite.png) no-repeat -160px -1000px; width:90px; height:20px; }
.bluebarlink:hover {color:#000; text-decoration:none; background-position:-510px -1000px; }

.bluebarlinkback {display:block; text-decoration:none; color:White; font-size:8pt; padding-left: 20px; line-height:20px; background: #fff url(/css/images/icons_sprite.png) no-repeat -160px -1050px; width:90px; height:20px; }
.bluebarlinkback:hover {color:#000; text-decoration:none; background-position:-510px -1050px; }

.bluebarbtn120{ display:block; padding:3px 0px 0px 10px; text-decoration:none; color:White; font-size:8pt; background: #fff url(/css/images/icons_sprite.png) -325px -1001px; width:121px; height:20px; }
.bluebarbtn120:hover { background-position: -675px -1001px; color: #000; }

.bluebarbtn160{ display:block; padding:3px 0px 0px 10px; text-decoration:none; color:White; font-size:8pt; background: #fff url(/css/images/icons_sprite.png) -273px -250px; width:161px; height:20px; }
.bluebarbtn160:hover { background-position: -623px -250px; color: #000; }


/* START div Section */
div.clearer_spacer {height:2em;clear:both;}

div.div_title_right_info {width: 150px; /*background-color: aqua;*/ float: right; height: 800px;}
div.div_title_right_info hr {margin: 10px 0px 10px 0px;}
div.div_title_splash {width: 600px; height: 340px; /*background-color: Lime;*/
    background-image: url(/images/stempel_gruppenbild_trodat_printy_professional.jpg);background-repeat: no-repeat}
div.div_title_splash h1 {border:0 none;color:#0064b4;font-family:times New Roman;font-size:28px;font-weight:normal; margin: 0px 0px 0px 0px;}
div.div_title_stampedit {float:left; text-align:center; width: 178px; /*border: dotted 1px black;*/ padding: 0px 0px 0px 20px;}
div.div_stamp_button{margin-left:auto; margin-right:auto; background-image: url(/css/images/stempel_button_150x30.png); width:150px; background-repeat:no-repeat; height: 30px; color:#FFFFFF; font-size:10pt; font-weight:bold; padding-top:6px;}
div.div_newssplash_right{background-image: url(/css/images/stempel_info_achtung.png); background-repeat:no-repeat; padding: 60px 15px 10px 10px;}
div.div_neusplash_right{background-image: url(/css/images/stempel_neu_grund.png); background-repeat:no-repeat; padding: 60px 15px 10px 10px;}
div.div_infosplash_right{background-image: url(/css/images/stempel_info_grund.png); height: 430px; background-repeat:no-repeat; padding: 60px 15px 0px 10px;}
div.div_infosplash_right_hoch{background-image: url(/css/images/stempel_info_grund_hoch.png); height: 520px; background-repeat:no-repeat; padding: 60px 15px 0px 10px;}
div.div_partnersplash_right{background-image: url(/css/images/stempel_partnerinfo_grund.png); height: 80px; background-repeat:no-repeat; padding: 50px 15px 0px 10px;}
div.div_mainpage_products {width: 600px;}

/* ##### start:Feedback Control ####### */
div.div_feedback_control{}
div.div_feedback_form {width: 75%;}
table.table_feedback_customer_table{border-spacing: 2px;}
.feedback_control_comment_textbox{height: 120px; width: 470px;}
div.div_feedback_intro_text {margin-bottom: 20px;}
div.div_feedback_submit_button {float: right; margin:2px;}
a.feedback_submit_button{background: url("/css/images/icons_sprite.png") no-repeat scroll -314px -850px #FFFFFF;
    color: White;
    display: inline-block;
    font-size: 8pt;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    text-decoration: none;
    width: 125px;}
hr.hr_feedback_form{}
/* ##### end:Feedback Control ####### */

/* ##### start:Template Control ####### */
.template_filename_textbox {width:80px; margin-right:10px;}
/* ##### end:Template Control ####### */


/* Contact Formular*/
.td_contact_send a {display:block; text-decoration:none; color:White; font-size:8pt; padding-left: 10px; line-height:20px; background: #fff url(/css/images/icons_sprite.png) no-repeat -160px -1000px; width:90px; height:20px; }
.td_contact_send a:hover {color:#000; text-decoration:none; background-position:-510px -1000px; }

.div_content_75 {width:75%;}
div.faq_ans { margin-left:109px; margin-top:5px; margin-bottom:25px;}

.templateslistitem { display:block; float:left; width:33%; margin-bottom:2em;}
.templateslistitem p {margin:0;}

.stamp_choose_preview {width:220px; margin-top: 10px; padding: 10px 20px 10px 20px; text-align:center; border: solid 1px #666666; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.div_designtemplateitem {width: 178px; float:left; margin:0; margin-bottom:2em; margin-right:13px; }

.div_edit_design_item {background:url(/css/images/icons_sprite.png) no-repeat -105px -248px;width:31px;}
.div_cart_design_item {background:url(/css/images/icons_sprite.png) no-repeat -10px -1050px;width:31px;}

.adminBar{ border: solid 1px red; padding: 5px; height: 20px; margin: -15px 0px 5px 0px; }
.adminBar SPAN.orderID, .adminBar SPAN.orderID A { font-size: 13px; font-weight: bold; color: Red; }
.adminBar DIV.moveLeft{ float: left; margin: 2px 10px 0px 0px; }
.adminBar DIV.moveRight{ float: right; }
.adminQuickBar{ border:1px solid red;clear:both;color:red;margin:0 0 5px;padding:3px; }

.info_i  { background: #fff url(/css/images/icons_sprite.png) no-repeat scroll -12px -249px; padding: 0px 10px; }

.div_byebye A.div_checkout_nextbutton{ background-position:-151px -850px; float:left; margin-top:10px; width:90px; }
.div_customer_reference_caption { color:#666; border-bottom: 1px solid #666;}


.customer_profile_edit TD.column_left, .customer_profile_view TD.column_left { width: 180px; vertical-align: top; }
.customer_profile_edit TD.column_right, .customer_profile_view TD.column_right { vertical-align: top; }
.customer_profile_edit INPUT.vatnr{ margin-left: 3px; width: 114px; }
.customer_profile_edit SPAN.vatnrlbl{ vertical-align: middle; }

/* ### END INFORMATION SITE DIVIDING DIVS ### */

/* ### START Starrating ### */
.div_starrating_full {background-position: 0 -36px; float: left; height: 19px; width: 18px;}
.div_starrating_half {background-position: 0 -18px; float: left; height: 19px; width: 18px;}
.div_starrating_empty {float: left; height: 19px; width: 18px;}
.div_testimonial_rating{margin-right:10px;}
tr.feedback_row{}
td.feedback_question_cell{padding-right:5px;}
/* ### END Starrating ### */
