/* Remove margin, padding and border from everything, set font
-----------------------------------------------------------------------------*/

*
    {
    margin: 0;
    padding: 0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    outline:0;
}

img {border:0;}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clear {clear:both;}
.txtleft {text-align:left;}
.txtright {text-align:right;}
.valigntop{vertical-align:top;}
.valignmiddle{vertical-align:middle;}
.valignbottom{vertical-align:bottom;}

/* Set up the document
-----------------------------------------------------------------------------*/

html {
    overflow-y:scroll;
    background-color:#000;
    background-position:top center;
    background-repeat:no-repeat;
    background-image:url(../img/HG.gif);
}

body
    {
    color: #000;
    text-align:center;
    padding-top:20px;
}

body, input, textarea {
    font-size:13px;
    line-height:19px;
}

#tpl_wrapper
    {
    width: 942px; /* Set page width here - you can also use percentage */
    text-align:left;
    padding-top:71px;
    margin-left:auto;
    margin-right:auto;
    background-color: transparent;
    overflow:visible;
}


/* Typography
-----------------------------------------------------------------------------*/

h1
    {
    font-size: 2.2em; /* Equivalent to 22pt */
}

h2
    {
    font-size: 2.0em; /* Equivalent to 20pt */
}

h3
    {
    font-size: 1.8em; /* Equivalent to 18pt */
}

h4
    {
    font-size: 1.6em; /* Equivalent to 18pt */
}

h5
    {
    font-size: 1.4em; /* Equivalent to 14pt */
}

p, q, cite
    {
/*    font-size: 1.2em; /* Equivalent to 12pt */
}

p, ul, ol, dl {
margin-bottom:10px;
}

ul, dl
    {
    list-style: none;
/*    font-size: 1.2em; /* Equivalent to 12pt */
}

li, dd, dt
    {
    background-image:url(../i/li.gif);
    background-repeat:no-repeat;
    padding-left:8px;
}

ul.star li {
    background-image:url(../img/star.gif);
    background-position:left center;
    padding:2px 0 2px 13px;
}

ol {
    margin-left:25px;
}
ol li {
    background:none;
    padding-left:0px;
}
a {
text-decoration:none;

}

b, strong, th {
    font-weight:700;
}
sup {
    font-size:0.8em;
}

small {
    font-size:0.9em;
}
/* Classes
-----------------------------------------------------------------------------*/

div.hr {
    background:transparent url(../img/hr.png) no-repeat center;
    height:1px;
    margin:5px 0px 5px 0px;
}

.red {
color:#d10019;
}

.img {
    border:1px dotted #CCC;
    background:#EEE;
}
.img:hover {
    border:1px dotted #888;
}
/* Styles
-----------------------------------------------------------------------------*/
#tpl_main {
    width:942px;
    overflow:visible;
}

#tpl_header {
    width:942px;
    height:101px;
    background:url(../img/header_bg.png) no-repeat;
    overflow:visible;
}
#tpl_header #tpl_logo {
    display:block;
    width:264px;
    height:159px;
    margin:-58px 0 0 -11px;
    float:left;
    background:url(../img/logo.png) no-repeat;
    overflow:visible;
}

#tpl_content {
    width:942px;
    min-height:298px;
	padding-top:5px;
    background:url(../img/content_bg.png) repeat-y 0 2px;
}
#tpl_content div.text {
    padding:0 27px 2px 27px;
}
#tpl_foot {
    width:942px;
    height:11px;
    background:url(../img/footer_bg.png) no-repeat;
}
#tpl_footer {
    margin-top:5px;
    padding:12px 0px 12px 0px;
    width:942px;
    height:11px;
    background:url(../img/footer.png) no-repeat;
}
/*************************************************************************************/
/*************************************************************************************/
#content_box {
    width:383px;
    padding:5px 27px 16px 27px;
}
#content_box.small {
    width:220px;
    padding:0px;
}

#content_box .head {
    width:437px;
    height:10px;
    background:url(../img/content/top.png) no-repeat;
}
#content_box.red {
    color:#000;
}
#content_box.black .head {
    text-align:center;
    height:28px;
    padding-top:12px;
    background:url(../img/content/black_top.png) no-repeat;
}
#content_box.red .head {
    text-align:center;
    height:28px;
    padding-top:12px;
    background:url(../img/content/red_top.png) no-repeat;
}
#content_box.small .head {
    text-align:center;
    height:10px;
    width:220px;
    background:url(../img/content/top_small.png) no-repeat;
}
#content_box .content {
    width:389px;
    min-height:180px;
    padding:4px 20px 6px 28px;
    background:url(../img/content/bg.png);
}
#content_box.red .content, #content_box.black .content { min-height:100px; padding-top:20px; }
#content_box.small .content {
    width:180px;
    height:120px;
    padding:4px 20px 6px 20px;
    background:url(../img/content/bg_small.png);
}
#content_box .foot {
    width:437px;
    height:10px;
    background:url(../img/content/bottom.png);
}
#content_box.small .foot {
    width:220px;
    height:10px;
    background:url(../img/content/bottom_small.png);
}

#tpl_content a {
    text-decoration:none;
    background-image:url(../img/link_bg.gif);
    background-repeat:repeat-x;
    color:#d10019;
    font-weight:bold;
    line-height:20px;
}
#tpl_content a.img_link,
#tpl_content a:hover {
    background-image:none;
}
/*************************************************************************************/
table.boxes290 {
    width:910px;
}
table.boxes290 tr.title td {
    height:10px;
    line-height:1px;
    font-size:1px;
    width:290px;
    background:url(/img/content/top_290.png) no-repeat;
}
table.boxes290 tr.bottom td {
    height:10px;
    line-height:1px;
    font-size:1px;
    width:290px;
    background:url(/img/content/bottom_290.png) no-repeat;
}
table.boxes290 tr.content290 td.td290 {
    min-height:20px;
    background:url(/img/content/bg_290.png) repeat-y;
    padding:0 28px 0 15px;
    width:260px;
}







table.content_box_tpl {
    width:891px;
    margin:0 26px 16px 25px;
    display:table;
}

table.content_box_tpl tr td.left {
    width:437px;
    padding-right:17px;
}
table.content_box_tpl tr td.right {
    width:437px;
}


table.content_box_tpl tr.small_head td.left, table.content_box_tpl tr.small_head td.right {
    width:437px;
    height:10px;
    background:url(../img/content/top.png) no-repeat;
}

table.content_box_tpl tr.head td.left, table.content_box_tpl tr.head td.right {
    text-align:center;
    height:20px;
    padding-bottom:4px;
    padding-top:11px;
}
table.content_box_tpl tr.head td.left {
    background:url(../img/content/black_top.png) no-repeat;
}
table.content_box_tpl tr.head td.right {
    background:url(../img/content/red_top.png) no-repeat;
}
table.content_box_tpl tr.content td.left, table.content_box_tpl tr.content td.right {
    width:389px;
    top:0; bottom:0;
    padding:15px 20px 6px 28px;
    background:url(../img/content/bg.png) repeat-y;
}
table.content_box_tpl tr.content td.left {
    padding-right:37px;
    width:372px;
}
table.content_box_tpl tr.foot td.left, table.content_box_tpl tr.foot td.right {
    width:437px;
    padding:1px 0px 0px 0px;
    height:10px;
    background:url(../img/content/bottom.png) no-repeat;
}
table.content_box_tpl tr.content td a {
    text-decoration:none;
    background-image:url(../img/link_bg.gif);
    background-repeat:repeat-x;
    color:#d10019;
    font-weight:bold;
    line-height:20px;
}
table.content_box_tpl tr.content td a:hover {
    background-image:none;
}
td.abstand {
    line-height:5px;
    height:5px;
    font-size:2px;
}

/*************************************************************************************/
/*************************************************************************************/

#tpl_footer .left_links {
    float:left;

    height:11px;
    margin-left:61px;
}
#tpl_footer .right_links {
    float:right;
    width:154px;
    height:11px;
    margin-right:61px;
}
#tpl_footer .left_links a, #tpl_footer .right_links a {
    display:block;
    float:left;
    height:11px;
    background-repeat:no-repeat;
    text-decoration:none;
}
#tpl_footer .left_links .kontakt {
    width:47px;
    background-image:url(../img/foot/kontakt.png);
}
#tpl_footer .left_links .vorlagen {
    width:57px;
    background-image:url(../img/foot/vorlagen.png);
}
#tpl_footer .left_links .datenerstellung {
    width:92px;
    background-image:url(../img/foot/datenerstellung.png);
}
#tpl_footer .left_links .faq {
    width:32px;
    background-image:url(../img/foot/faq.png);
}
#tpl_footer .left_links .printgarantie {
    width:79px;
    background-image:url(../img/foot/printgarantie.gif);
}
#tpl_footer .left_links .reseller {
    width:50px;
    margin-left:5px;
    background-image:url(../img/foot/reseller.gif);
}
#tpl_footer .left_links .anfrage {
    width:45px;
    background-image:url(../img/foot/anfrage.png);
}
#tpl_footer .right_links .disclaimer {
    width:59px;
    background-image:url(../img/foot/disclaimer.png);
}
#tpl_footer .right_links .agb {
    width:33px;
    background-image:url(../img/foot/agb.png);
}
#tpl_footer .right_links .impressum {
    width:61px;
    background-image:url(../img/foot/impressum.png);
}
/* Navigation
-----------------------------------------------------------------------------*/
#tpl_header #tpl_navigation {
    float:right;
    width:679px;
    height:59px;
    background-image:url(../img/navi.png);
    background-position:0 -118px;
    margin:10px 10px 0px 0px;
}
#tpl_header #tpl_navigation a {
    display:block;
    float:left;
    height:59px;
    background-image:url(../img/navi.png);
}
#tpl_header #tpl_navigation a.home {
    width:49px;
    background-position:0 0;
}
#tpl_header #tpl_navigation a.home:hover, #tpl_header #tpl_navigation a.home_o {
    width:49px;
    background-position:0 -59px;
}


#tpl_header #tpl_navigation a.blache {
    width:63px;
    background-position:-49px 0;
}
#tpl_header #tpl_navigation a.blache:hover, #tpl_header #tpl_navigation a.blache_o {
    width:63px;
    background-position:-49px -59px;
}


#tpl_header #tpl_navigation a.sticker {
    width:59px;
    background-position:-112px 0;
}
#tpl_header #tpl_navigation a.sticker:hover, #tpl_header #tpl_navigation a.sticker_o {
    width:59px;
    background-position:-112px -59px;
}


#tpl_header #tpl_navigation a.plakate {
    width:60px;
    background-position:-171px 0;
}
#tpl_header #tpl_navigation a.plakate:hover, #tpl_header #tpl_navigation a.plakate_o {
    width:60px;
    background-position:-171px -59px;
}


#tpl_header #tpl_navigation a.flyer {
    width:48px;
    background-position:-231px 0;
}
#tpl_header #tpl_navigation a.flyer:hover, #tpl_header #tpl_navigation a.flyer_o {
    width:48px;
    background-position:-231px -59px;
}


#tpl_header #tpl_navigation a.visitenkarten {
    width:99px;
    background-position:-279px 0;
}
#tpl_header #tpl_navigation a.visitenkarten:hover, #tpl_header #tpl_navigation a.visitenkarten_o {
    width:99px;
    background-position:-279px -59px;
}


#tpl_header #tpl_navigation a.postkarten {
    width:83px;
    background-position:-378px 0;
}
#tpl_header #tpl_navigation a.postkarten:hover, #tpl_header #tpl_navigation a.postkarten_o {
    width:83px;
    background-position:-378px -59px;
}


#tpl_header #tpl_navigation a.schilder {
    width:69px;
    background-position:-461px 0;
}
#tpl_header #tpl_navigation a.schilder:hover, #tpl_header #tpl_navigation a.schilder_o {
    width:69px;
    background-position:-461px -59px;
}

#tpl_header #tpl_navigation a.pvc_folie {
    width:70px;
    background-position:-530px 0;
}
#tpl_header #tpl_navigation a.pvc_folie:hover, #tpl_header #tpl_navigation a.pvc_folie_o {
    width:70px;
    background-position:-530px -59px;
}

#tpl_header #tpl_navigation a.cad_plots {
    width:79px;
    background-position:-600px 0;
}
#tpl_header #tpl_navigation a.cad_plots:hover, #tpl_header #tpl_navigation a.cad_plots_o {
    width:79px;
    background-position:-600px -59px;
}



/* cheapest price list home */
table td.preis_td {
    text-align:right;
    font-weight:bold;
}

/* Boxes
-----------------------------------------------------------------------------*/
.error_box {
    border:1px solid #CC0000;
    padding:3px;
    background-color:#FFCC00;
}
.success_box {
    border:1px solid #419736;
    padding:3px;
    background-color:#83d07a;
}


/* Forms
-----------------------------------------------------------------------------*/
input, select, button, textarea {
    font-size:11px;
    line-height:15px;
    color:#333;
}

input[type=submit] {
    cursor:pointer;
}
input.text
    {
    padding: 1px;
    border: 1px solid #999999;
}
textarea {
    font-size:10px;
    line-height:15px;
	resize:vertical;
}
.textarea {
    width:370px;
    height:200px;
    background:url(../i/textarea_bg.gif) no-repeat;
}
.textarea_org {
    width:360px;
    height:190px;
    padding:5px;
    border:0px;
    background-color:transparent;
    margin:0px;
}
.textarea_kl {
    width:370px;
    height:185px;
    background:url(../i/textarea_bg_kl.gif) no-repeat;
}
.textarea_org_kl {
    width:360px;
    height:175px;
    padding:5px;
    border:0px;
    background-color:transparent;
    margin:0px;
}
.textarea_kl2 {
    width:200px;
    height:100px;
    background:url(../i/textarea_bg_kl2.gif) no-repeat;
}
.textarea_org_kl2 {
    width:190px;
    height:90px;
    padding:5px;
    border:0px;
    background-color:transparent;
    margin:0px;
}

input.field {
    height:14px;
    width:85px;
    border:0px;
    background-image:url(../i/input.gif);
    background-repeat:no-repeat;
    font-size:10px;
    padding:3px 2px 1px 5px;
}
input.b_field {
    height:14px;
    width:193px;
    border:0px;
    background-image:url(../i/input_200.gif);
    background-repeat:no-repeat;
    font-size:10px;
    padding:3px 2px 1px 5px;
}
input.upload {
    height:18px;
    width:63px;
    border:0px;
    background-image:url(../i/upload.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}
input.delete {
    height:18px;
    width:69px;
    border:0px;
    background-image:url(../i/loeschen.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}
input.aendern {
    height:18px;
    width:64px;
    border:0px;
    background-image:url(../i/aendern.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}
input.weiter {
    height:18px;
    width:61px;
    border:0px;
    background-image:url(../i/weiter.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}
input.zurueck {
    height:18px;
    width:61px;
    border:0px;
    background-image:url(../i/zurueck.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}
input.senden {
    border:0px none;
    padding: 0px;
    height: 18px;
    width: 62px;
    background-image: url(../i/senden.gif);
    background-repeat: no-repeat;
    cursor:pointer;
}
input.bestellen {
    border:0px none;
    padding: 0px;
    height: 18px;
    width: 79px;
    background-image: url(../i/bestellen_kl.gif);
    background-repeat: no-repeat;
    cursor:pointer;
}
input.bestellen_bezahlen {
    border:0px none;
    padding: 0px;
    height: 18px;
    width: 176px;
    background-image: url(../img/bestellen_bezahlen.gif);
    background-repeat: no-repeat;
    cursor:pointer;
}

input.btn_order {
    border:0;
    padding:0;
    height:26px;
    width:201px;
    background-image: url(../i/bestellen.gif);
}

input.preis {
    border:0;
    padding:0;
    background-image:url(../img/preis.png);
    width:200px;
    height:60px;
    padding:6px 0 5px;
    color:#FFF;
    font-style:italic;
    font-size:52px;
    letter-spacing:-1px;
    font-weight:700;
    line-height:60px;
    text-align:center;
    font-family: Geneva,Arial,Helvetica,sans-serif;
	text-shadow:1px 1px 2px #333;
}

select.short_select {
    width:104px;
}
select.long_select {
    width:200px;
}
table.konfigurator input.short_input {
    width:100px;
}

/*IE*/

input.field {
    height:16px;
    padding:1px 2px 1px 5px;
}
input.b_field {
    height:16px;
    padding:1px 2px 1px 5px;
}
/* Tables
-----------------------------------------------------------------------------*/

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td, th {
    text-align:left;
    vertical-align:top;
}

table.abstand_td tr td { padding-bottom:3px; }



table.konfigurator {
    width:389px;
}
table.konfigurator small {
    font-weight:100;
    font-size:9px;
    line-height:12px;
}
table.konfigurator td,
table.konfigurator th {
    padding:0 0 2px;
}
table.konfigurator .k_left {
    width:180px;
}
table.konfigurator .k_right {
    width:209px;
}

table.format .f_left {
    width:110px;
}


table.preis {
    width:389px;
}
table.preis th {
    font-weight:100;
}
table.preis td.num {
    text-align:right;
}

table.preis tr.line {
    border-top:1px solid #000;
}
table.preis tr.dbl_line {
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}
table.preis tr.dbl_line td {
    line-height:1px;font-size:1px;
    height:1px;
}

textarea.txtarea {
    border:1px solid #000;
    border-width:2px 1px 1px 2px;
    background-color:#fefefe;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
}

input.text {
    border:1px solid #000;
    border-width:2px 1px 1px 2px;
    background-color:#fefefe;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
    margin-bottom:1px;
	border-radius:2px;
}
input.submit {
    border:0;
    background-color:#d10019;
    color:#FFF;
    font-weight:700;
    padding:1px 3px;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
}