/**
 * RESETTING STYLES
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}


div#externalthumbs {
 margin-left: 20px;      
}

body#start div#left-column {
	width:840px;
	padding-top:42px;
	padding-left:40px;
	padding-right:73px;
        height: 480px;
}

body#start div#right-column {
	width:246px;
        height: 200px;
	border: 0px solid red;
        position: absolute;
        background: transparent;
        left: 620px;
        margin: 0px;
        padding: 0;
        float: none !important;
        top: 290px;
}

body#start div.two-columns {
        border: 0px solid green;
        position: absolute;
        top: 290px;
}




body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}


/**
 * GENERIC & SPECIFIC ELEMENT STYLES
 */
html,body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	color:#505050;
	background:#FFF;
}


h1 {
	font-size:14px;
	font-weight:normal;
	line-height:140%;
	color:#A5A5A5;
	padding:0 0 20px 0;
}

h2 {
	font-size:18px;
	font-weight:normal;
	line-height:150%;
	color:#9E1C24;
	padding:0 0 8px 0;
}

h3, h4 {
	font-size:12px;
	line-height:120%;
	font-weight:normal;
	color:#9E1C24;
}


/*div#left-column h2.box,
div#right-column h3.box {*/
h2.box {
	background:#D6D6D6 url(/fileadmin/templates/img/bg_header-bright-top.png) 0 0 no-repeat;
	margin:0 0 18px 0;
	padding:0;
}

/*div#left-column h2.box span,
div#right-column h3.box span {*/
h2.box span {
	display:block;
	font-size:15px;
	font-weight:normal;
	color:#FFF;
	padding:8px;
	background:transparent url(/fileadmin/templates/img/bg_header-bright-bottom.png) 0 100% no-repeat;
}

div#left-column h2.box {
	background-image:url(/fileadmin/templates/img/bg_header-bright-top.png);
	background-color:#D6D6D6;
}

div#left-column h2.box span {
	background-image:url(/fileadmin/templates/img/bg_header-bright-bottom.png);
}

p {
	padding:0 0 15px 0;
}

a.grey-arrow {
	display:block;
	color:#990000;
	text-decoration:none;
	padding:6px 0 6px 24px;
	margin: 0;
	background:transparent url(/fileadmin/templates/img/bg_grey-arrow.png) 0 55% no-repeat;
}

a.grey-arrow:hover {
	color:#000;
}


/**
 * CONTAINER STYLES
 */
 
/* Outer Wrappers */
div#outer-frame {
}

div#inner-frame {
	width:943px;
	margin:0 auto;
}

/* Language Menu */
ul#language {
	margin:18px 5px 10px 0;
	overflow:hidden;
	float:right;
}

ul#language li {
	float:left;
}

ul#language li a,
ul#language li span {
	display:block;
	color:#9C9C9C;
	text-decoration:none;
	padding:0 0 0 7px;
	margin:0 0 0 6px;
	background:transparent url(/fileadmin/templates/img/bg_grey-divider.png) 0 3px no-repeat;
	float:right;
}

ul#language li span {
	color:#EEE;
}

ul#language li a:hover {
	color:#000;
}

ul#language li a.active {
	color:#9F1C24;
}

ul#language li.first a {
	background-image:none;
}

/* Header Area */
div#header {
	position:relative;
	height:290px;
	background:transparent url(/fileadmin/templates/img/header.jpg) 0 0 no-repeat;
	clear:both;
}

/* Company Logo */
img#logo {
	margin:40px 0 0 42px;
}

/* Main Navigation */
ul#main-navigation {
	position:absolute;
	left:0;
	bottom:0;
	width:943px;
	height:57px;
	background:transparent url(/fileadmin/templates/img/bg_main-nav.png) 0 0 no-repeat;
	padding:2px 12px 0 12px;
	overflow:hidden;
}

ul#main-navigation li {
	float:left;
}

ul#main-navigation li a {
	display:block;
	font-size:15px;
	color:#FFF;
	text-decoration:none;
	padding:5px 18px;
}

ul#main-navigation li a:hover {
	color:#9E1C24;
}

ul#main-navigation li a.active {
	color:#9E1C24;
	background:transparent url(/fileadmin/templates/img/bg_main-nav-active.png) 0 0 no-repeat;
}

/* Left Navigation */
div#left-column ul li {
	
}

div#left-column ul li a {
	display:block;
	width:140px;
	color:#6C6C6C;
	text-decoration:none;
	padding:6px 0 6px 10px;
	background:transparent url(/fileadmin/templates/img/bg_left-nav.gif) 0 0 no-repeat;
}

div#left-column ul li a:hover,
div#left-column ul li a.active {
	color:#9E1C24;
	background-position:0 -17px;
}


/* Left And Right Content Column */
div#main {
	overflow:hidden;
	position: relative;
}

div#left-column {
	width:220px;
	min-height:340px;
	padding:12px 0 0 32px;
	float:left;
}

div#right-column {
	width:629px;
	min-height:340px;
	padding:12px 20px 20px 42px;
	background:transparent url(/fileadmin/templates/img/bg_right-column.png) 0 0 no-repeat;
	float:right;
	overflow:hidden;
}

/* Footer */
div#footer {
	border-top:16px solid #EFEBE0;
	background:#F8F5F0;
	padding:20px 0 22px 0;
	margin:0 0 18px 0;
	overflow:hidden;
}

div#footer address {
	font-size:11px;
	font-style:normal;
	color:#828282;
}

div#footer ul {
	margin:0 11px 0 0;
}

div#footer ul li {
	float:right;
}

div#footer ul li a {
	display:block;
	color:#828282;
	font-size:11px;
	text-decoration:none;
	padding:0 0 0 7px;
	margin:0 0 0 5px;
	background:transparent url(/fileadmin/templates/img/bg_grey-divider-small.png) 0 50% no-repeat;
}

div#footer ul.iso-certification {
	padding:0 0 0 24px;
}

div#footer ul.iso-certification li {
	float:left;
}

div#footer ul.iso-certification li a {
	color:#AA393F;
	padding:0 0 0 8px;
	margin:0 0 0 7px;
	background-image:url(/fileadmin/templates/img/bg_red-divider.png);
}

div#footer ul li.first a {
	background-image:none;
	padding-left:0;
	margin-left:0;
}


/**
 * CONTENT CONTAINERS
 */

/* Service Box */
div.service-box {
	width:246px;
	margin:0 0 45px 0;
}

div.service-box h3,
div.service-box h4,
div.service-box p {
	padding-left:7px;
	padding-right:6px;
}

div.service-box img {
	margin:4px 0 8px 6px;
}

div.service-box ul {
	padding:0 0 20px 0;
}

div.service-box ul li {
	padding:6px 0 6px 6px;
}

div.service-box ul li a {
	font-weight:bold;
	color:#9E1C24;
	text-decoration:none;
}

div.service-box a.grey-arrow {
	margin-left:7px;
}

/* Two Columns in Content Area */
div.two-columns {
	overflow:hidden;
}

div.two-columns div {
	float:left;
}

div.two-columns div.left {
	margin-right:44px;
}


/**
 * STYLES @ STARTPAGE
 */
body#start h1 {
	font-size:18px;
	color:#9E1C24;
	padding:0 0 30px 0;
}

/* body#start div#left-column {
	width:540px;
	padding-top:42px;
	padding-left:40px;
	padding-right:73px;
}

body#start div#right-column {
	width:246px;
	padding-top:30px;
	padding-left:38px;
	padding-right:6px;
	background-position:0 40px;
	border: 1px solid red;
}

*/




#right-column a {
	color:#9E1C24;
}

#right-column a:hover {
	color:#000;
	text-decoration:none;
}


/**
 * CONTENT TABLE
 */
#right-column table.contenttable {
	border-collapse:collapse;
	border-top:1px solid #CCC;
}

#right-column table.contenttable th,td {
	padding:0.66em 0.35em 0.66em 0;
	border-bottom:1px solid #CCC;
}

#right-column table.contenttable th.td-0 {
	text-align:left;
	width:80px;
	
}


/**
 * BULLET LIST
 */
#right-column ul {
	padding:0 0 1em 1.2em;
}

#right-column ul li {
	list-style-type:square;
	padding:0.25em 0;
}

#start div.service-box ul {
	padding-left:1.6em;
}



/**
 * TEXT WITH IMAGES
 */
#right-column div.csc-textpic-imagerow ul,
#right-column div.csc-textpic-imagerow ul li {
	padding:0;
	list-style-type:none;
}




/**
 * RG ACCORDION
 */
div.rgaccord1-nest {
	margin:0 0 10px 0;
}

h3.rgaccord1-toggle {
	font-weight:bold;
	color:#838383;
	line-height: 26px;
	height: 23px;
	background: #F0F0F0 url(img/plus.png) 5px center no-repeat;
	border-top:1px solid #EEE;
	padding:2px 0 2px 10px;
	margin-right:32px;
	cursor:pointer;
}

/* Toggle act item */
h3.act {
	color:#FFF;
	background:#CCC url(img/minus.png) 5px center no-repeat;
}

/* the content */
div.rgaccord1-content {
	width:589px;
	padding:0 10px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

div.rgaccord1-content p.bodytext {
	padding:5px 0;
}

/* remove margin of a CE */
div.rgaccord-content .ce {
	margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h1 {
	display:none;
}




/* DEBUG */
/*
div#outer-frame {
	background:red;
}

div#inner-frame {
	background:green;
}

div#language {
	background:orange;
}

div#header {
	background:blue;
}
*/




div#Mailform {
  width: 450px;
}

input#Mailformformtype_mail,
.kunde {
background: #484444;
color: #FFF;
}


div.csc-mailform-field input,
.csc-mailform input,
.tt_products_basket_info input {
  border: 1px solid silver;
  padding: 2px;
  
}

.csc-mailform input[type=text]:focus,
.csc-mailform textarea:focus {
  background: #f7eac3;
  
}

div.csc-mailform-field select,
.csc-mailform select,
.tt_products_basket_info select {
  border: 1px solid silver;
  padding: 2px;
  width: 430px;
}

div.csc-mailform-field textarea,
.csc-mailform textarea,
.tt_products_basket_info textarea {
  border: 1px solid silver;
  padding: 2px;
  width: 350px;
}

.csc-mailform .formpart,
.tt_products_basket_info .formpart {
  padding: 2px;
}

div.csc-mailform-field label,
.csc-mailform label,
.tt_products_basket_info label {
  width: 140px;
  display: block;
  padding-bottom: 2px;
  margin-top: 4px;
}


div#externalthumbs {
 border: 0px solid red;
 width: 600px;
}


div.myGallery {
 border: 4px solid white;
}

.tx-rgsmoothgallery-pi1 {
 border: 0px solid red;
}

div.thumbnail {
  border: 1px solid white;
  margin-top: 4px;
  float: left;
}

#externalthumbs {
  width: 580px;
  border: 1px solid white;
  margin-top: 25px;
}

 
#externalthumbs .label {
  display:none;
}