/*

    css/styles.css              2009-11-03  (c) e.sens.e GmbH
	linkfarbe: #a26e40
*/

html {
    overflow-y:                 scroll;
}

body {
    margin:                     0px;
    background:			        #c7c7c7;
	width:						100%;
    line-height:                120%;
    font-family:                Arial, Helvetica, sans-serif;
	background:					url("../img/background.jpg") repeat-x;
    font-size:                  12px;
}

form {
    display:                    inline;
}

h1{
	display: 					none;
}

sup { 
	font-size: 					0.7em; 
}

/******************************************************************************
* Centered - Wrapper
******************************************************************************/

div#centered {
    width:                      980px;
	margin-left:                auto;
    margin-right:               auto;
	border: 0px solid black;
}

/******************************************************************************
* Header
******************************************************************************/

div#header {
    border:						0px solid purple;
    width:                      980px;
	background-color:			white;
}

/******************************************************************************
* Header - Topnavigation
******************************************************************************/

div#header_left {
	float: 						left;
	width: 						685px;
	height:						75px;
	font-family:				verdana, helvetica, sans-serif;
}

div#topnav {
	text-align:					right;
	padding-top:				20px;
}

a:link, a:visited,
a:active {
	color:						#a43f29;
	padding-left: 				0 5px 0 5px;
	text-decoration:			none;
}

a:hover {
	color:						#666666;
}

div#topnav a:link, div#topnav a:visited,
div#topnav a:active {
	color:						#666666;
	padding-left: 				5px;
	padding-right: 				5px;
	text-decoration:			none;
}

div#topnav a:hover {
	color:						#a43f29;
}

/******************************************************************************
* Header - Logo
******************************************************************************/

div#header_right {
	float: 						right;
}

img#logo {
	background-image:			url('../img/logo.jpg');
	border-style:				none;
}

/******************************************************************************
* Navigation
******************************************************************************/

div#navigation {
    width:                      685px;
}

div#navigation ul {
    list-style-type:            none;
}



a.tab {
	display: 					block;
	float: 						left;
	height: 					19px;
	padding-top: 				3px;
	padding-left:				15px;
	padding-right:				15px;
	color:						white;
}

ul#nav {
	padding: 					0px;
	margin: 					0px;
}

ul#nav li {
	padding: 					0px;
	list-style-type: 			none;
    background:			        url("../img/nav_bg.jpg");
	float: 						left;
	height:						24px;
	border-left:				2px solid white;
}

ul#nav li:hover {
	background:			        url("../img/nav_bg_hover.gif");
}

ul#nav li.current
{
    background:                	#e4e4e4;
	height: 27px;
}

ul#nav li a {
	display:                    block;
    margin:                     0;
	width: 						100%;
	padding-top:				4px;
	height:						20px;
	font-weight:				bold;
	text-decoration:            none;
	padding-left: 				17px;
	padding-right: 				17px;

}

ul#nav li a:link, ul#nav li a:visited, ul#nav li a:hover, ul#nav li a:active {
	color:						#efefef;
	font-size:					12px;
	font-family:				Arial, Helvetica, sans-serif;
}

ul#nav li a:hover {
	color:                      #ffffff;
}

ul#nav li.current a {
	color:						#666666;
}

div#main {
    border: 					0px solid blue;
	width:						980px;
    background:                 transparent url('../img/main_bg.jpg') no-repeat;
    background-position:        left top;
}

input#search_field_box {
	border: 					1px solid #9f9f9f;
	width: 						160px;
	color:						#9f9f9f;
	float: 						left;
	margin-top: 				20px;
}

select.language {
	border: 					1px solid #9f9f9f;
	width: 						160px;
	color:						#9f9f9f;
	display:      block;
	padding-left:		20px;
	background-position:	2px 4px;
	background-repeat:	no-repeat;
	background-color: transparent;
}

select.language option
{
	padding-left:		20px;
	background-position:	0px 2px;
	background-repeat:	no-repeat;
	display:        block;
}

select.language option.de { background-image: url("../img/flag_de.gif"); }
select.language option.en { background-image: url("../img/flag_en.gif"); }
select.language option.es { background-image: url("../img/flag_es.gif"); }
select.language option.fr { background-image: url("../img/flag_fr.gif"); }
select.language option.it { background-image: url("../img/flag_it.gif"); }
select.language option.ru { background-image: url("../img/flag_ru.gif"); }
 

input#search_field_img {
	float: 						left;
	margin-top: 				20px;
	margin-left: 				4px;
	cursor: 					pointer;
}

div#leftpane {
	width: 						185px;
	background:					0;
	float: left;
}

div#leftpane_login {
	width:						260px;
	background:					0;
	float: left;
}

div#leftpane_footer {
	width: 						185px;
	height:						7px;
	float: right;
	background-image:			url("../img/foot_border_default.png");
	background-position:		left bottom;
	background-repeat:			no-repeat;
}

div#rightpane {
    border: 					0px solid magenta;
    width:                      190px;
	float: 						right;
	background:					white;
}

/******************************************************************************
* Centerpane
******************************************************************************/

div#centerpane_wrapper {
	width: 						980px;
	float:						left;
	text-align:					left;
	margin-top: 				20px;
	margin-left: 2px;
}

div#centerpane_default_inner_wrapper {
	width: 795px;
	float: left;
}

div#content0 {
	display: block;
}

div#centerpane_shadow {
	width: 						100%;
	float: 						right;
	background:					url("../img/right_border.png") repeat-y;
	background-position:		right;
}

div#centerpane_start, div#centerpane_default
{
	float:						left;
}

div#centerpane_start {
	background:					url('../img/center_bg.jpg') repeat-x;
}

div#centerpane_login {
	width:						670px;
	float: 						right;
}

div#centerpane_default {
	background-color: white;
	float: left;
}

div#centerpane_head, div#centerpane_default_head {
    border-top: 				0px solid #bf6240;
	height:						6px;
	background-image:			url("../img/head_border.png");
	background-position:		right;
	background-repeat:			repeat-y;

}

div#teaser_line {
	float: left;
}

div#teaser_content {
	float: left;
}

img.teaser_image {
	margin-top: -15px;
	cursor: pointer;
}

img#teaser_image_first {
	margin-top: 0px;
}

div#centerpane_head {
	width: 						980px;
}

div#centerpane_default_head {
	width: 						795px;
}

div#content_start{
	margin-left: 30px;
	margin-right: 20px;
}

div#content_default{
	margin-left: 30px;
	width: 525px;
	float:		left;
	margin-bottom: 12px;
}

div#centerpane_footer, div#centerpane_default_footer  {
    border-top: 				0px solid #bf6240;
	height:						6px;
	background-position:		right;
	background-repeat:			no-repeat;
	float: 						left;
}

div#centerpane_footer {
	background-image:			url("../img/foot_border_center.png");
	width: 						980px;
}

div#centerpane_default_footer {
	background-image:			url("../img/foot_border_default.png");
	width: 						795px;
}

div#centerpane_default {
	width: 						788px;
}

div#centerpane_start {
	background:					url('../img/center_start_bg.jpg') repeat-x;
	width: 						973px;
}

div#rightpane h3 {
	font-size:					11px;
	font-weight:				bold;
	color:						black;
}

div#rightpane hr {
	height: 					1px;
	color:						white;
	background:					white;
	border:						0;
	border-top:					1px dashed black;
}

div#centerpane h2 {
	font-size:					15px;
	font-weight:				bold;
	color:						#7d7d7d;
}

div#content ul {
	list-style-type:			square;
}

div#footer {
    border: 					0px solid brown;
    width:                      100%;
    padding-top:                15px;
    background-image:           url('../img/footer_background.jpg');
    background-repeat:          no-repeat;
    background-position:        top;
    text-align:                 center;
	clear:						both;
    font-size:                  11px;
}

div#footer a:link, div#footer a:visited, div#footer a:active {
	font-size:					11px;
	color: 						black;
}

div#footer a:hover {
	color: 						#A33325;
}

ul#subnav {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

ul#subnav li {
	background: #d2d2d2;
	height: 25px;
	width: 100%;
	border-left: 4px solid #c89989;
	border-bottom: 1px solid #bebebe;
}

ul#subnav li:hover {
	background-color: #bebebe;
}

ul#subnav li.current {
	background: #f2f2f2;
	border-left: 4px solid #bd6340;
}

ul#subnav li a, ul#subnav li.current a {
	display: block;
	width: 100%;
	height: 20px;
	padding-left: 10px;
	padding-top: 5px;
	text-decoration: none;
}

ul#subnav li a:active, ul#subnav li a:visited,
ul#subnav li a:link {
	color:						#696969;
	font-size:					12px;
	font-family:				Arial, Helvetica, sans-serif;
}

ul#subnav li a:hover {
	color:						#a43f29;
}

div#content h2 {
	color:						#9c9c9c;
	font-family:				Verdana, Helvetica, sans-serif;
	font-weight:				bold;
	font-size:					15px;
 }
div#webdescription
{
 	width:                      980px;
	margin: 					100px auto 20px auto;
	color:						#8F8F8F;
}

/******************************************************************************
* Formatierungen
******************************************************************************/

.align_left {
    text-align:                 left;
}

.align_right {
    text-align:                 right;
}

.align_center {
    text-align:                 center;
}

.align_justify {
    text-align:                 justify;
}

.allcaps {
    text-transform:             uppercase;
}

.float_left {
    clear:                      left;
    float:                      left;
}

.float_right {
    clear:                      right;
    float:                      right;
}

.clear_right {
	clear:	right;
}

.emphasized {
    color:                      #6b6b6b;
}

.clear {
	clear:						both;
}

/******************************************************************************
* Textblock
******************************************************************************/

div#rightpane div.textblock {
	width: 180px;
	background-color: #d2d2d2;
	color: #a33325;
	text-align:center;
}

div#rightpane div.textblock  h2, div#rightpane div.textblock  a.headlink {
	font-weight: 		bold;
	width: 				170px;
	display: 			block;
	text-align:			left;
	font-family:		Verdana, Helvetica, sans-serif;
	margin: 			0;
	color: 				#a33325;
	height: 			22px;
	font-size:			8pt;
	padding-left:		10px;
	padding-top:		3px;
	background: 		#e9e9e9;
}

div#rightpane div.textblock a {
	text-align: left;
}

div#rightpane div.textblock  a.headlink {
	background-image:	url(../img/hyper_arrow.jpg);
	background-repeat:	no-repeat;
	background-position:right;
	width: 165px;
}

div#letterbox,
div#letterbox2
 {
	margin-left: 5px;
	width: 275px;
	height: 200px;
	float: left;
}

div#letterbox div#letterbox_header,
div#letterbox2 div#letterbox2_header
{
	background: white;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	height: 19px;
	color: #585858;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 2px;
}

div#letterbox div#letterbox_content,
div#letterbox2 div#letterbox2_content

 {
	background: white;
	width: 100%;
	height: 160px;
	margin-top: 4px;
}

div.tabbox {
	margin-left: 0px;
	float: left;
}

div#rightpane div.textblock  a.headlink:hover {
	color: 				#666666;
}

img.teaser_image {
	border:				0;
	margin-bottom:   15px!important;
}

div#teaser_images {
	float:				left;
	padding-top:		30px;
}

div#teaser_texts {
	float: 				left;
	padding-top:		40px;
	width:				455px;
}

div#teaser {
	float: 						left;
	border: 					0px solid #cccccc;
	background: 				transparent;
	margin-top: 				3px;
	min-height:					340px;
	margin-bottom: 20px;
	padding-top: 				0px;
}

div.teaser_text {
	float: 				left;
	width:				400px;
	padding-left: 		10px;
}

div#product_box {
	float: 				left;
}

div.teaser_box {
 margin-left: -5px;

}

div#rightpane div.textblock p {
	text-align:			left;
	font-family:		Verdana, Helvetica, sans-serif;
	margin:				10px;
	margin-top:			15px;
	font-size:			8pt;
}

div.textblock
{
    margin-top:					8px;
	margin-bottom:				10px;
    /*float:                      left;*/
}

img
{
    border-style:               none !important;
}

div.textblock a.ltb
{
	border: 0px !important;
}

div.textblock img,
div.textblock object
{
    margin-top:                 5px;
    margin-bottom:              5px;
}

div.textblock img.float_left,
div.textblock object.float_left
{
    margin-left:                0px;
    margin-right:               15px;
    margin-top:                 10px;
}

div.textblock img.float_right,
div.textblock object.float_right
{
    margin-left:                15px;
    margin-right:               0px;
    margin-top:                 10px;
}


div.textblock strong
{
	margin:                     0 0 -10px 0;
	padding:                    0;
}

div.textblock h2 {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#727272;
	font-weight:				normal;
}

div.textblock {
	color: 						#666666;
	font-family:				Verdana, Helvetica, sans-serif;
	font-size:					10pt;
	line-height:				18px;
}

div.textblock h1 {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					16px;
	color:						#727272;
	font-weight:				bold;
}

div.textblock h3 {
	color:						#666666;
	font-family:				Verdana, Helvetica, sans-serif;
	font-weight:				bold;
	font-size:					12px;
}

div.textblock strong.textblock_subline {
	display:                    block;
    font-style:                 italic;
    margin-bottom:              10px;
}

div.textblock ul {
	display:					inline;
	text-align:					left;
	list-style-type:			none;
}

div.textblock li {
	margin-left:				10px;
	background:					url(../img/li.gif) no-repeat scroll left 5px;
	line-height:				150%;
	padding:					0px 0px 0px 10px;
}

div.textblock.textblock_default {
	border: 					0px solid yellow;
}

div.textblock.textblock_small,
div.textblock.textblock_defaultsmall
{
	font-size:					11px;
}
div.textblock.textblock_small img.float_left
{
	margin:						5px 4px 0px 0px;
}

div.textblock.textblock_small img.float_right
{
	margin:						5px 0px 0px 4px;
}

div.textblock.textblock_edgingsmall
{
	font-size: 11px;
}

div.textblock.textblock_bordered,
div.textblock.textblock_edging,
div.textblock.textblock_edgingsmall,
div.textblock.textblock_edgingoverflow
 {
	border: 					1px solid #cccccc;
	background: 				white;
	padding: 					15px;
	margin-top: 				3px;
	min-height:					150px;
	padding-top: 				4px;
	padding-bottom:             8px;
	width:						600px;
	height: 					100%;
	float: 						left;
}

div.textblock.textblock_bordered
{
	width:						100%;
}
div.textblock.textblock_edgingoverflow
{
    float: 						left;
    margin-top: 				-4px;
    padding-bottom:              12px;
	border: 					0px solid;
	border-left:				1px solid #cccccc;
	border-right:				1px solid #cccccc;
    min-height:					10px;
}

div.textblock.textblock_inline
{
	float: 						left;
	margin:                     0;
	padding: 					0px 15px 8px 15px;
	margin-top: 				-12px;
    margin-bottom: 				0px;
	padding-bottom:             8px;
	background: 				white;
	border: 					0px solid;
	border-left:				1px solid #cccccc;
	border-right:				1px solid #cccccc;
	width:						600px;
}

div.textblock.textblock_inline ul
{
    padding:                    0;
}
div.textblock.textblock_inline h3,
div.textblock.textblock_edging h3,
div.textblock.textblock_edging img,
div.textblock.textblock_edgingsmall h3,
div.textblock.textblock_edgingsmall img
{
    margin:                     0 15px 10px 0;
    padding:                    0;
}


div#content_login div.tabbox div.tabpanel { 
	/*height: 					500px;
	*/
}