/**
  * TUI - Wolters - Content
  *
  * @copyright       NEUSTA GmbH
  * @author          mschaefer
  * @version         
  *
  * @revision        $Revision: 4373 $
  * @lastmodified    $Date: 2010-04-27 15:45:01 +0200 (Di, 27 Apr 2010) $
  * @last author	 $Author: tgrove $
  */

/**
  * @section General
  *
  * 
  */
body 						{font-family:Arial,Helvetica,Geneva,sans-serif; color:#002d41; font-size: 16px;}

a 							{color:#002d41;cursor:pointer;text-decoration:underline;}
a:visited 					{color:#666666;}
a:hover						{color:#EF0000;}
a.accentuated				{background:transparent url(../img/blue-bullet.png) no-repeat scroll 3px center; padding-left:20px; text-decoration:none; white-space:nowrap;}

h1,
h2,
h3,
h4,
h5,
h6 							{font-weight: normal; color: #111; } 
h1 							{font-size: 3em; line-height: 1; margin-bottom: 0.5em; } 
h2 							{ font-size: 2em; margin-bottom: 0.75em; } 
h3 							{ font-size: 1.5em; line-height: 1; margin-bottom: 1em; } 
h4 							{ font-size: 12px; line-height: 1.25; font-weight:bold;} 
h5 							{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 
h6 							{ font-size: 1em; font-weight: bold; } 

#wrapper 					{font-size:1em; line-height:1.3em;}

hr							{color:#C79100;}

.left						{float:left;}
.right						{float:right;}

table						{border:1px solid #505050;}
table td					{padding:4px; border:1px solid #505050;}
#content table td p			{margin-bottom:0;}

/**
  * @section Content
  *
  * 
 */
#content h2 				{background:transparent url(../img/main-content-headline.png) no-repeat scroll center bottom; color:#002d41; font-size:1.125em; font-weight:500; line-height:1.2em; margin-bottom:6px; margin-top:6px; text-indent:4px; width:490px;}
#content h3					{color:#002d41; font-size:0.9em; font-weight: bold; margin-bottom:6px;margin-top:20px;}
#content p					{font-size:12px; line-height:16px; margin-bottom: 12px;}
#page_2 #content .box.medium p	{margin-bottom:0;}
*+html #page_2 #content .box.medium p	{padding-right:5px;}
#content p.text11			{font-size:11px;}
#content .box				{background:#E9E7DD; margin-bottom:20px;padding:3px 3px 10px; border:1px solid #E9E7DD;}
#content #right-col .box	{clear:both; overflow:hidden; width:332px;}
* html #content #right-col .box	{clear:none;}
#content .box div.csc-header{background:transparent url(../img/content-box-headline-sidebar.jpg) no-repeat scroll right bottom; padding-right: 1px;}
#content .medium div.csc-header	{background:none;}
#content .box h2				{background:transparent url(../img/content-box-headline-bg.jpg) bottom left no-repeat; color: #000; height: 1.91em; font-size:12px; line-height: 2em; font-weight: 600; margin: 0; width:199px;} 
#content .box.highlight.homepage h2		{background:transparent url(../img/content-box-headline-bg.jpg) bottom left no-repeat !important; color: #000 !important; height: 1.91em; font-size:12px; line-height: 2em; font-weight: 600; margin: 0; width:199px;}
#content .box.highlight		{background:#E9E7DD; border:1px solid #EDE6CE; float:left;}
#content .box.highlight h2	{background:transparent url(../img/side-content-box-headine-highlight.png) repeat-x scroll 0 0; color:#FFFFFF;}
#page_2 #content .box.medium		{width:417px;}
* html #page_2 #content .box.medium	{width:425px;}
#content .box.medium h2		{width:100%; color:#001E50; margin-bottom:5px;}
#page_2 #content .box.medium h2		{margin-bottom:0;}
#content .box.scndhighlight		{background: #EDE6CE; border:1px solid #EDE6CE;}
#content .box.scndhighlight h2	{color:#001E50;}
/*#content .box.homepage		{background: #e9e7dd; border:1px solid #DFE1C9;}
* html #content .box.homepage	{height:155px;}
#content .box.homepage h2	{color:#001E50;}*/
#content .box.transparent	{background:#fff; border:1px solid #fff;}
#content .box.transparent h2 	{background:transparent url(../img/side-content-box-headine-highlight.png) repeat-x scroll 0 0; width:332px; margin-bottom:5px;}
#content #right-col .box.transparent h2	{width:335px; margin-bottom:0;}
#content .box.search h2 	{background:transparent url(../img/side-content-box-headine-highlight.png) repeat-x scroll 0 0; color:#001E50; font-size:12px; height:24px; overflow:hidden; width:416px; margin-bottom:12px;}

#content .small				{width:201px; float:left; margin-right:6px; display:inline;}
* html #page_2 #content .small	{height:170px; overflow-y:hidden;}
* html #content .small		{margin-right:8px;}
* html #content #c2366		{margin-right:0;}
* html #content #c185		{margin-right:0;}
* html #content #icebox_container_58 .small {height:auto; overflow-y:visible;}

#content .small li			{background:transparent url(../img/double-arrow.png) no-repeat scroll 4px 6px; margin-bottom:4px; padding-left:16px; list-style:none; margin-left:0; line-height:20px;}
#content ul.csc-menu		{list-style-type:none; list-style-image:none; background-color:#F0F0F0; border:1px solid #CCCCCC; font-size:0.813em; line-height:1.3em; padding:8px; margin-bottom: 0.375em;}
#content ul.csc-menu li		{background:transparent url(../img/blue-bullet.png) no-repeat scroll left 3px; padding-left:18px; margin:0;}
#content ul.csc-menu li a	{text-decoration:none; font-size:12px;}
#content .box.highlight.homepage	{float:left; margin-right:9px; display:inline; height:302px; width:200px;}
* html #content .box.highlight.homepage p {width:200px;}

.top						{background:transparent url(../img/top.png) no-repeat scroll left center; padding-left:12px; line-height:16px; margin-left:4px; font-size:11px; text-decoration:none;}
#footer .top				{padding-left:18px;}
.print						{background:transparent url(../img/16_printer.png) no-repeat scroll left center; padding-left:22px; height:13px; padding-top:3px;}
* html .print				{height:16px;}
#page_36 .print				{display:none;}

p.align-right				{text-align:right;}
p.align-left				{text-align:left;}
p.align-center				{text-align:center;}

#content ul					{list-style-type:disc; margin:5px 0; list-style-image:url(../img/double-arrow.png)}
#page_79 #content ul,
#content .container ul,
#content .box.highlight ul	{list-style-image:none;}
#content li					{font-size:12px; margin-left:5px; line-height:16px; margin-bottom:4px;}
#content li a				{text-decoration:none;}
#content .csc-textpic-text ul,
#content .default ul		{list-style-image:none; margin:5px 0 10px 0;}
#content .csc-textpic-text li a	{text-decoration:underline;}
#content .csc-textpic-text h3 {margin-top:10px;}

#left-col div.csc-header	{margin-top:23px;}
#left-col div.csc-header-n1	{margin-top:13px;}

#page_23 #right-col .bodytext {margin:8px 0 13px 5px;}
#right-col .csc-header h2	{text-indent:6px;}
#right-col p				{margin-left:4px;}
#right-col h4				{margin-left:6px;}

#content p.searchresult-counter	{border:3px solid #999999; font-size:14px; margin:40px 0; padding:15px;}

.icebox_container			{float:left; width:430px;}
#icebox_container_61		{width:434px;}
* html #icebox_container_61	{width:433px;}
.container .icebox_container	{float:left; width:340px; background:#E9E7DD; margin-bottom:10px;}
.container .icebox_container .container	{padding:20px 8px 0 8px; border-top:1px solid #B7C3A8; float:left;}
#content .container .icebox_container .container h3	{margin-top:0;}

.csc-mailform-submit		{float:right; padding: 4px 12px !important;color: #FFFFFF;background: #ef0000 url(../img/submitbutton.png) no-repeat left center;height: 24px;width: 68px !important;border: 1px outset #ef0000 !important;text-align: left;font-weight: 800;font-size:11px;font-family:ARIAL;}
.csc-mailform-field input,
.csc-mailform-field textarea {border: 1px inset #CCCCCC; padding:2px 0; width:285px;}
.csc-mailform-field textarea {height:156px;}
.csc-mailform-field label 	{width: 155px; display: block; float: left; text-align: right; margin-right: 4px; font-size:13px; display:inline;}
.csc-mailform-field	input	{margin-bottom:5px;}
.csc-mailform-label			{font-size:10px;}

#newsletter_archiv_content .nlarchiv li{
	border-bottom: 1px solid #CCCCCC;
	list-style-type: none;
	margin: 5px;
	padding-bottom: 5px;
}
#newsletter_archiv_content .nlarchiv li a{ color: #777777; text-decoration: none;}

/**
  * @section forms
  *
  * 
  */
#catalogues #formsTop				{margin-bottom:10px;}
fieldset 							{border:1px solid #999; padding:20px; color:#002D41;}
fieldset.csc-mailform				{background-color:#E9E7DD; border:1px solid #C8C8B4; position:relative; margin-bottom: 12px; padding:9px 20px 10px; margin-top:10px;}
* html fieldset.formsheet 			{padding-top: 0; margin-bottom: 20px;}
fieldset.formsheet strong.stronger 	{color:#000;}
fieldset					 		{background-color:#e9e7dd; border:1px solid #c8c8b4; clear: left;}
legend 								{color:#002D41; padding:0px 5px; font-weight:bold; font-size:13px; margin-left:-5px;}
select,
input,
textarea							{font-size:11px;}
.select, .input, .checkbox, 
.submit, .radio, .textarea, 
.checkboxes, .form-inline 			{clear:both; margin-bottom:6px;}
.radio.inline label.main 			{float:left; width:150px; display: block; text-align:right; margin-right:4px;}

.formsheet .checkbox label			{font-size: 12px;}
.select label, .input label, 
.textarea label,
.tx-felogin-pi1 label				{width:155px; display:block; float:left; text-align:right; font-size:12px; margin-right:4px;}
.select select, .input input, 
.textarea textarea,
.tx-felogin-pi1 input				{border:1px inset #CCC; padding:2px; width:275px;}
.input input.zipcode 				{width:100px; float:left; margin-right:8px;}

* html .input input.zipcode 		{width:92px; margin-left:3px;}

.input input.city 					{width:161px; margin-right:0px;}
.formsheet .required-label 			{float:left; margin-left:150px; font-size:10px;}
.alignright 						{text-align: right;}

.submit input						{background:transparent url(../img/searchbutton.png) repeat-x scroll right 0; color:#FFFFFF; font-size:11px; font-weight:800; padding:4px 12px; border:1px outset;}
.submit input#search_submit			{background:transparent url(../img/searchbutton.png) repeat-x scroll 0 0; padding-left:24px; margin-right:9px; border:0; border:1px outset #649AFC; width:126px;}
* html .submit input#search_submit	{border:0; height:24px;}
label								{font-size:12px;}
span.required						{color:#EF0000;}

fieldset.formsheet .checkbox input 	{margin:0 4px 0 0;}

#press label,
#press .radio label.main			{width:110px;}
#press input						{width:160px;}
#press .radio input					{width:auto;}
#press .radio label					{width:auto;}
#press .submit input				{width:80px; margin-left:115px;}

.tx-felogin-pi1 div					{clear:both; margin-bottom:6px;}
.tx-felogin-pi1 .login input		{width:80px; float:right; border:1px outset #649AFC; margin:0 9px 0 0;}

.catalog-order label				{display:block;}
.catalog-order input				{width:430px;}
.catalog-order .submit input		{height:23px; padding:0 8px; float:right; width:auto;}
.catalog-order .submit				{overflow:hidden; margin-top:15px;}
.catalog-order span					{float:left; font-size:10px;}

.raffle label						{display:block;}
.raffle input						{width:430px;}
.raffle .submit input				{height:23px; padding:0 8px; float:right; width:auto;}
.raffle .submit						{overflow:hidden; margin-top:15px;}
.raffle span						{float:left; font-size:10px;}

.cbset label						{display:block; float:left; width:420px; line-height:16px; margin-bottom:6px;}
.cbset input						{float:left; clear:left; margin-bottom:6px; margin-right:12px;}

.captchaimage						{margin-left:160px; margin-top:-20px;}

/**
  * @section Header
  *
  * 
  */
#header-desc p,
#header-desc h4 			{color:#002d41; font-size:0.75em; line-height:1.333em;}
#header-desc h4 			{font-weight:bold; margin-bottom:15px;}
#header	#top-bar a			{background:transparent url(../img/green-bullet.png) no-repeat scroll left 3px;font-size:12px;margin-left:15px;padding-left:18px;text-decoration:none;}
#header img 				{margin: 30px 0 0 50px;}
#header-desc 				{margin: 27px 0 0 50px; width: 250px;}
#header #top-bar ul li 		{float: left; padding-top:5px;}

/**
  * @section Breadcrumb
  *
  * 
  */
#page_2	#breadcrumb			{display:none;}
#page_2	.scroller			{margin-top:21px;} /*because of missing breadcrumb this space is additionally needed*/
#breadcrumb ul li 			{font-size:0.688em;}
#breadcrumb ul li a			{color:#777777; text-decoration: none;}
#breadcrumb					{border-bottom:1px solid #CCCCCC;height:1.25em;margin-bottom:1.25em; padding-top: 0.5em;}
#breadcrumb ul li			{float: left; background:transparent url(../img/breadcrumb.png) no-repeat scroll right center; padding-left:8px;padding-right:12px;}
#breadcrumb ul li.first 	{padding-left:0;}
#breadcrumb ul li.last 		{background:transparent none repeat scroll 0 0;}

/**
  * @section footer
  *
  * 
  */
#footer						{padding-top: 20px; line-height: 1em; color:#777777; font-size:0.688em; height:107px;}
* html #footer				{height:127px;}
#footer a					{color:#777777;}
#footer ul li 				{float: left; border-right:1px solid #CCCCCC;margin-bottom:5px;margin-right:4px;padding-right:4px;}
#footer ul li.last			{border: 0;}
#footer img					{margin-right: 30px; float: left;}
#footer #footer-middle		{float: left; width: 600px;}
#footer ul					{float: left;}
#footer p					{float: left;}
#footer #footer-settings 	{float: right;}
#footer #footer-settings li	{border: 0; float: none;}
* html #footer #footer-settings li {width: 100px;}

#footer-middle .copyright	{clear:both;}
* html #footer-middle .copyright	{padding-top:5px;}

/**
  * @section Search
  *
  * 
  */
#content .box.search		{width:416px; height:126px; margin-bottom:8px;}
* html #content .box.search	{height:127px; overflow:hidden; width:424px;}
* html #main-content,
* html #side-content		{margin-right:50px;}

.search .half				{width:205px;}
.search .select label		{width:80px; display:inline;}
.search .select select		{width:120px; font-size:10px;}
* html .search .select select	{width:115px;}
.search .weak				{font-size:10px; margin-left:20px;}
.search .submit input#search_submit.searchSubmit	{width:80px; margin-right:13px;}

/**
  * @section error
  *
  * 
  */
fieldset.errorformsheet		{margin-bottom:15px;}
p.error						{color:#FF0000;}


/**
  * @section Temp
  *
  * 
  */
.scroller					{position:relative;}
.prev						{display:block; background:transparent url(../img/carousel-left.png) no-repeat scroll 0 0; width:50px; height:50px; position:absolute; left:-50px; top:80px; z-index:2000; overflow:hidden; text-indent:-100px; line-height:100px;}
.next						{display:block; background:transparent url(../img/carousel-right.png) no-repeat scroll 0 0; width:50px; height:50px; position:absolute; right:-40px; top:80px; z-index:2000; overflow:hidden; text-indent:-100px; line-height:100px;}
* html .next				{right:2px;}

.scrollable .items img		{width:200px; height:135px;}
#content .scrollable .box	{background:#fff; border:1px solid #ccc;}
#content .scrollable .box h2	{color:#001E50; width:200px; height:24px; overflow:hidden; font-size:12px;}
* html #content .scrollable .box h2 {font-size:11px !important;}
#content .scrollable .box div.csc-header	{background:none; padding:0;}
#content .scrollable .small	{width:200px; padding:3px; margin-right:9px;}
* html #content .scrollable .small	{margin-right:8px;}
#content .small p			{margin-bottom:1px; width:200px;}
.scrollable a.accentuated	{display:block; float:right;}
* html .scrollable a.accentuated {text-align:left;}

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 860px;
    height:245px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
    float:left;
	width:200px;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}

/**
  * @section rte
  *
  * only for the backend editor
  */
.text11,
span.text11,
p.text11, 
li.text11,
td.text11						{font-size:11px;} 

.textRed,
span.textRed,
p.textRed, 
li.textRed,
td.textRed						{color:#cc0033;}

.textKhaki,
span.textKhaki,
p.textKhaki, 
li.textKhaki,
td.textKhaki					{color:#c8c8b4;}

.text13,
span.text13,
p.text13, 
li.text13,
td.text13						{font-size:13px;}

.text13Red,
span.text13Red,
p.text13Red, 
li.text13Red,
td.text13Red					{font-size:13px; color:#cc0033;}

.text13Khaki,
span.text13Khaki,
p.text13Khaki, 
li.text13Khaki,
td.text13Khaki					{font-size:13px; color:#cc0033;}

.text14,
span.text14,
p.text14, 
li.text14,
td.text14						{font-size:14px;}

.text14Red,
span.text14Red,
p.text14Red, 
li.text14Red,
td.text14Red					{font-size:14px; color:#cc0033;}

.text14Khaki,
span.text14Khaki,
p.text14Khaki, 
li.text14Khaki,
td.text14Khaki					{font-size:14px; color:#cc0033;}

.colouredBackground,
span.colouredBackground,
p.colouredBackground, 
li.colouredBackground,
td.colouredBackground			{background-color:#E9EFDD;}

/**
  * @section typo3
  *
  * 
  */
#page_185 div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
#page_185 div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
#page_185 div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image	{margin-right:6px;}
#page_402 div.csc-textpic-imagewrap .csc-textpic-image {margin-left:0 !important; margin-right:5px !important;}
#page_402 div.csc-textpic-imagewrap .csc-textpic-image.csc-textpic-lastcol {margin-right: 0 !important;}

/**
  * Extended
  */
#content .icebox_container .box		{padding-bottom:5px;}
* html #content .icebox_container .box	{}
#content .items .box				{height:230px;}
* html #content .items .box				{height:236px !important;}
#content .default .icebox_container ul		{list-style-image:none; margin:3px 0 10px 0; height: 114px;}

/**
  * @section news
  *
  *
  */
.news-image				{float:left; width:158px; margin:5px 5px 0px 0px;}
.news-single-img-clear	{clear:both;}
.news-single-imgcaption	{display:none;}
.news-single-backlink	{font-size:12px; margin-top:20px;}