/**
 * Global Settings
 */
html, body {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	color:#000;
	background:#EEE;
	text-align:center;
}

body#contact {
	background:transparent url(/fileadmin/templates/img/bg_contact.gif) 50% 168px no-repeat;
}

img {
	border:none;
}

a {
	color:#000;
}

span.sup {
	font-size:7px;
	vertical-align:super;
}

a:hover {
	text-decoration:none;
}

h1,h3 {
	font-size:12px;
	font-weight:bold;
	color:#004780;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	background:transparent url(/fileadmin/templates/img/arrow.gif) 0 5px no-repeat;
}

h2 {
	font-size:11px;
}

h3 {
	padding-bottom:5px;
	border-bottom:1px solid #5A6770;
}

/* Individual Divider tt_content.div */
div.hr {
	width:100%;
	line-height:1px;
	background-color:transparent;
	border-top:1px solid #666;
	margin:10px 0;
}


/**
 * Main-Container
 */
#canvas {
	width:950px;
	margin:0 auto;
	border:10px solid #FFF;
	background:transparent url(/fileadmin/templates/img/bg_canvas.gif) 0 0 repeat-y;
	text-align:left;
}


/**
 * Keyvisual-Container
 */
#keyvisual {
	width:724px;
	height:136px;
	background-position:left top;
	background-repeat:no-repeat;
	text-align:right;
}

/*#flash {
	position:absolute;
	top:10px;
	left:797px;
}*/


/**
 * Left Area (Navigation)
 */
#navigation {
	width:225px;
	background:#B5CCDE;
	float:left;
}

#logo {
	width:inherit;
	height:136px;
	background:#CBCBCB;
}

#logo img {
	margin:19px 0 0 11px;
}

#logo ul {
	list-style-type:none;
	margin:14px 0 0 15px;
	padding:0;
}

#logo ul li {
	display:inline;
	padding:0 10px 0 0;
	margin:0 0 0 -15px;
}

#topmenu {
	width:213px;
	height:14px;
	background:#B2B2B2;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:4px 0 2px 12px;
}

#topmenu a {
	font-size:11px;
	color:#000;
	text-decoration:none;
}

#topmenu a:hover {
	text-decoration:underline;
}

/* 1st Level */
#mainmenu {
	list-style-type:none;
	margin:0;
	padding:0;
}

#mainmenu li {
	margin:0;
	padding:0 8px;
}

#mainmenu li a {
	display:block;
	font-size:12px;
	color:#000;
	text-decoration:none;
	border-top:1px solid #5A6770;
	padding:6px 0 6px 10px;
	background:transparent url(/fileadmin/templates/img/arrow.gif) 0 11px no-repeat;	
}

#mainmenu li.first a {
	border-top:none;
}

#mainmenu li a:hover,
#mainmenu li a.active {
	font-weight:bold;
	color:#000;
}

#mainmenu li a.active {
	color:#02487C;
}

/* 2nd Level*/
#mainmenu li ul {
	list-style-type:none;
	margin:0 0 10px 3px;
	padding:0;
}

#mainmenu li ul li a {
	display:block;
	font-size:11px;
	color:#000;
	border-top:none;
	padding:2px 0 2px 10px;
	background-image:none;
}

#mainmenu li ul li a:hover {
}

#mainmenu li ul li a.active {
	color:#000;
	background:transparent url(/fileadmin/templates/img/arrow.gif) 0 45% no-repeat;	

}

/* 3rd Level */
#mainmenu li ul li ul {
	margin:0 0 0 3px;
}

#wurth {
	font-size:10px;
	font-style:normal;
	padding:56px 0 24px 96px;
	background:transparent url(/fileadmin/templates/img/wurth.gif) 10px 52px no-repeat;	
}

#wurth a {
	text-decoration:none;
}


/**
 * Right Area (Content)
 */
#mainarea {
	width:725px;
	background:transparent;
	float:left;
}

#breadcrumbs {
	height:14px;
	color:#FFF;
	background:#000;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:4px 8px 2px 17px;
}

#breadcrumbs a {
	color:#FFF;
}

#breadcrumbs div {
	float:left;
}

#breadcrumbs div.date {
	font-weight:bold;
	float:right;
}

#content {
	width:456px;
	background:transparent;
	padding:15px 27px 20px 17px;
	float:left;
}

#content-right {
	width:225px;
	float:right;
	background:transparent;
}

#content-right div.visible {
	display:block;
}

#content-right div.hidden {
	display:none;
}

#content-right div.singlebox,
#content-right div.news-latest-container,
#content-right div.animation {
	background:#B5CCDE;
	border-bottom:10px solid #FFF;
	padding:6px 8px;
}

#content-right div.animation {
	background:#B5CCDE url(/fileadmin/templates/img/animation.jpg) 100% 0 no-repeat;
	padding:8px;
}

#content-right div.portal {
	height:33px;
	background:#004A81 url(/fileadmin/templates/img/bg_portal.gif) 100% 0 no-repeat;
	padding:6px 8px;
}

#content-right div.supplier {
	border-bottom:10px solid #FFF;
}

#content-right div.portal a {
	display:block;
	width:100px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	background:transparent url(/fileadmin/templates/img/arrow_portal.gif) 0 6px no-repeat;
	padding:2px 0 0 10px;	
}

#content-right div.portal a:hover {
	text-decoration:underline;
}


/**
 * Footer Area
 */
#footer {
	width:970px;
	margin:0 auto;
	padding:9px 0 14px 0;
	background:transparent;
	text-align:center;
	clear:both;
}

#footer p {
	margin:0 0 4px 0;
}

#footer address {
	font-style:normal;
}


/**
 * NEWLOGINBOX
 */
.tx-newloginbox-pi1 {
	background:#B5CCDE;
	border-bottom:10px solid #FFF;
	padding:6px 8px;
}

.tx-newloginbox-pi1 form {
	margin:0;
	padding:0;
}

.tx-newloginbox-pi1 form div {
	margin:3px 0;
	clear:both;
}

.tx-newloginbox-pi1 form label {
	width:65px;
	display:block;
	font-weight:bold;
	float:left;
	padding:3px 0;
}

.tx-newloginbox-pi1 form input {
	width:130px;
	border:1px solid #004A81;
	background:#FFF;
}

.tx-newloginbox-pi1 form div.submit input {
	width:132px;
	font-size:10px;
	font-weight:bold;
	color:#000;
	margin-left:65px;
	padding:1px 0;
}

/**
 * TT_NEWS
 */
.news-latest-container h2 {
	font-size:12px;
	font-weight:bold;
	color:#004780;
	margin:3px 0 4px 0;
	padding:0 0 0 10px;
	background:transparent url(/fileadmin/templates/img/arrow.gif) 0 5px no-repeat;
}

.news-latest-container .news-latest-item {
	border-top:1px solid #5A666F;
	padding:5px 0 9px 3px;
}

.news-latest-container .news-latest-item h4 {
	font-size:11px;
	font-weight:bold;
	color:#000;
	margin:0 0 3px 0;
	padding:0;
}

.news-latest-container .news-latest-item h4 a {
	text-decoration:none;
}

.news-latest-container .news-latest-item img {
	float:left;
	margin:0 5px 0 0;
}

.news-latest-container .news-latest-item p {
	font-size:11px;
	margin:0;
}

.news-latest-container .news-latest-item .news-latest-morelink a:link {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.news-latest-container .news-latest-item .news-latest-morelink a:hover {
	text-decoration:underline;
}

.news-latest-container .news-latest-gotoarchive {
	padding:0 0 0 10px;
	background:transparent url(/fileadmin/templates/img/arrow.gif) 0 5px no-repeat;
}


/* TT_ADDRESS */
.tx-ttaddress-pi1 {
	width:100%;
}

.tx-ttaddress-pi1 div.fullsize {
	padding:0 1% 10px 1%;
	float:left;
}

.tx-ttaddress-pi1 div.vcard {
	width:48%;
	padding:0 1% 15px 1%;
	float:left;
}

.tx-ttaddress-pi1 div.fullsize img.photo {
	margin:0 15px 0 0;
	float:left;
}

.tx-ttaddress-pi1 div.data {
	float:left;
}

.tx-ttaddress-pi1 div.data h4 {
	font-size:12px;
	margin:0 0 8px 0;
	padding:0;
}

.tx-ttaddress-pi1 div.data p {
	margin:4px 0;
}

.tx-ttaddress-pi1 div.data .phone {
	background:url(/fileadmin/templates/img/fon.gif)  0 0 no-repeat;
	padding:2px 0 2px 20px;
}

.tx-ttaddress-pi1 div.data .fax {
	background:url(/fileadmin/templates/img/fax.gif) 0 0 no-repeat;
	padding:2px 0 2px 20px;
}

.tx-ttaddress-pi1 div.data .mail {
	background:url(/fileadmin/templates/img/mail.gif) 0 0 no-repeat;
	padding:2px 0 2px 20px;
}


/* CONTACT FORM */
form {
	padding:0;
	margin:0;
}

fieldset.csc-mailform {
	width:70%;
	padding:0;
	border:none;
}

fieldset.csc-mailform div.csc-mailform-field {
	margin:5px 0;
	text-align:right;
}

fieldset.csc-mailform div.csc-mailform-field label {
	display:block;
	width:25%;
	text-align:left;
	float:left;
}

fieldset.csc-mailform div.csc-mailform-check label {
	display:block;
	width:90%;
	text-align:left;
	float:left;
	padding:2px 0 0 0;
}

fieldset.csc-mailform div.csc-mailform-check span.csc-mailform-check {
	width:auto;
}

fieldset.csc-mailform div.csc-mailform-field span.req {
	float:left;
}

fieldset.csc-mailform div.csc-mailform-field input,
fieldset.csc-mailform div.csc-mailform-field textarea {
	width:220px;
	color:#666;
	background:#FFF;
	border:1px solid #CCC;
}

fieldset.csc-mailform div.csc-mailform-field textarea {
	height:125px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-submit {
	width:222px;
	float:right;
}


/* MAILFORM PLUS */
.tx-thmailformplus-pi1 {
	margin:0;
	padding:0;
}

.tx-thmailformplus-pi1 fieldset {
	margin:10px 0;
	padding:10px;
	border:1px solid #CCC;
}

.tx-thmailformplus-pi1 fieldset legend {
	font-size:11px;
	font-weight:bold;
	color:#666;
}

.tx-thmailformplus-pi1 p {
	margin-bottom:3px;
}

.tx-thmailformplus-pi1 fieldset#techdaten label {
	display:block;
	width:190px;
	margin:0 10px 0 0;
	padding:5px 0 0 0;
	float:left;
}

.tx-thmailformplus-pi1 fieldset#techdaten label.upload {
	width:160px;
}

.tx-thmailformplus-pi1 input,
.tx-thmailformplus-pi1 textarea,
.tx-thmailformplus-pi1 select {
	width:220px;
	margin:2px 0;
	color:#666;
	background:#FFF;
	border:1px solid #CCC;
}

.tx-thmailformplus-pi1 fieldset#kontaktdaten {
	background:transparent url(/fileadmin/templates/img/bg_form.jpg) left bottom no-repeat;
}


.tx-thmailformplus-pi1 fieldset#kontaktdaten label {
	display:block;
	width:60px;
	margin:0 10px 0 130px;
	padding:5px 0 0 0;
	float:left;
}

.tx-thmailformplus-pi1 div.required,
.tx-thmailformplus-pi1 div.required_file {
	font-weight:bold;
	color:#A30000;
	margin:0 10px 0 200px;
	padding:5px 0 0 0;
	float:left;
}

.tx-thmailformplus-pi1 div.required_file {
	margin:0;
	float:none;
}

div.submit {
	padding:0 24px 0 0;
	text-align:right;
}

div.submit input {
	color:#FFF;
	background:#CCC;
}