@charset "utf-8";

/*

	Styles for www.eurobox.at
	(c) 2007-2009 by viamedia (www.viamedia.at)

*/





/**
 * Main Styles
 * ---------------------------------------------- */
* { outline: 0; }
html, body {
	padding: 0;
	margin: 0;
}
body {
	background:url(../images/hg_body.gif) top left repeat-x #CCC;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
img {
	border: 0;
}
a, a:link, a:visited {
	color:#666;
	text-decoration:underline;
}
a:hover, a:focus, a:active {
	color:#999;
	text-decoration:none;
}
p {
	padding: 0;
	margin: 0 0 11px 0;
}

h2 {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	padding:0;
}
.header {
	font-size:16px;
	margin: 0 0 16px 0;
}
.header_2 {
	font-size:13px;
	margin: 0 0 5px 0;
}
em {
	color:#E15A00;
	font-style:normal;
}




/**
 * Main Section wrappers
 * ------------------------------------------------ */
#wrapper {
	width:942px;
	height:auto;
	margin: 0  auto 20px auto;
}
#nav_top_bg {
	position:absolute;
	top:0;
	margin: 0 auto;
	width:100%;
	height:27px;
	overflow:hidden;
	display:none;
}
#nav_top {
	width:942px;
	height:27px;
	background:url(../images/hgpic_oben.png) top left no-repeat;
	margin: 0 auto;
}
* html #nav_top {
	background:url(../images/hg_topnav.gif) top left no-repeat;
}
#logo_wrapper {
	width:892px;
	margin:17px auto;
	text-align:right;
}
#seite {
	width:938px;
	border:2px white solid;
	margin: 0 auto;
	background:#FFF;
}
#page_end {
	width:938px;
	border:0;
	display:block;
	height:25px;
	margin:0 auto;
}
#colums {
	width:938px;
	margin:1px 0 0 0;
	background:url(../images/hg_colums.gif) top left repeat-y #FFF;
}




/**
 * Searchbox and navigation on top
 * ------------------------------------------------- */
#upeco-logo {
	display: bock;
	height: 18px;
	width: 65px;
	margin: 5px 10px 0 0;
	float: left;	
}
.search {
	padding:6px 0 0 6px;
	width:203px;
	float:left;
}
.search .swords {
	width:100px;
	padding:1px 3px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:#FFF;
	border:none;
}
.search a {
	margin: 0 0 0 15px;
}
.search img {
	margin: 0 0 0 10px;
}
.search a:link, .search a:visited {
	color:#fff;
	text-decoration:none;
}
#topmenu {
	height:27px;
	background:url(../images/punkte_border_nav_top.gif) bottom left no-repeat;
	overflow:hidden;
	margin: 0;
	padding:0;
}
#topmenu li {
	float:left;
	padding:7px 34px 7px 10px;
	margin: 0;
	background:url(../images/punkte_border_nav_top.gif) bottom right no-repeat;
	overflow:hidden;
}

#topmenu li a {
	color:#FFF;
	text-decoration:none;
}
#topmenu li a:hover {
	color:#000;
}


#topmenu li.active {
	float:left;
	padding:7px 33px 7px 10px;
	margin: 0 0 0 1px;
	background:url(../images/hg_meta_aktiv.gif) bottom right no-repeat;
	overflow:hidden;
}





/**
 * Main navigation
 * ------------------------------------------------- */
#mainnav {
	height:32px;
	background:white;
	list-style-type:none;
	margin:0;
	padding:0;
	border-bottom:5px solid #E15A00;
	background:url(../images/hg_rot_nav.gif) top left repeat-x;
}
#mainnav li {
	float:left;
	display:block;
	height:32px;
	overflow:visible;
	margin:0;
	padding:0;
}
#mainnav li.divider {
	float:left;
	width:2px;
	background:url(../images/mainnav_divider.gif) top left no-repeat;
}
#mainnav li a {
	display:block;
	padding:0 0 0 21px;
	line-height: 32px;
	height:32px;
	font-size:14px;
	width:165px;
	color:#E15A00;
	white-space: nowrap;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/bg_mainnav_no.gif) top left repeat-x;
}
#mainnav li a:hover {
	color:#333;
}
#mainnav li.active a {
	display:block;
	line-height: 32px;
	height:32px;
	font-size:14px;
	width:165px;
	color:#FFF;
	white-space: nowrap;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/hg_mainnav_act.gif) top left repeat-x;
}
#mainnav li.active a:hover {
	color:#333;
}

#inhalt td {
	padding: 0 6px 6px 0;
	vertical-align:top;
	text-align:left;
}
#inhalt td > p,
#inhalt td > div {
	margin:0;
	padding: 0;
}
/*
#inhalt td > div.inhalt_padding {
	padding:25px 25px 0 25px;
}
#inhalt td > div.inhalt_image {
	padding:25px 25px 0 25px;
}
*/

#inhalt td > div {
	padding:15px 25px 0 25px;
}
#inhalt td > div:last-child {
	padding:15px 25px 25px 25px;
}
#inhalt td > div:first-child {
	padding:25px 25px 0 25px;
}

#inhalt div > p:last-child {
	margin-bottom: 0;
}



/**
 * Inhaltsspalten
 * ------------------------------------------------- */
.left {
	width:245px;
	float:left;
	overflow:hidden;
}
.rechts {
	margin: 0 0 0 246px;
	width:692px;
}

* html .left {
	width:245px;
	border:0;
	overflow:hidden;
}
* html .rechts {
	border:0;
	margin: 0 0 0 0;
	float:right;
	overflow:hidden;
}

#active_page {
	display:block;
	background:url(../images/hg_active_page.gif) top left repeat-x;
	width:225px;
	height:23px;
	color:#FFF;
	font-weight:bold;
	padding:10px 0 0 20px;
	margin:0;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#inhalt {
	width:692px;
	background:url(../images/hg_inhalt_1.gif) top left repeat-x;
	border-top:1px solid #BEBEBE;
	min-height:250px;
}
* html #inhalt {
	height:250px;
	padding: 0 0 25px 0;
}
*+html #inhalt { 
	padding: 0 0 25px 0;
}
#inhalt ul { padding: 0; margin: 0 0 0 13px;}
#inhalt li { margin: 0 0 3px 0; }
.inhalt_padding {
	padding:25px;
	padding-bottom:10px;
}
/*
.csc-textpic-text { position: relative; } */











/**
 * Submenü links vom Inhalt
 * ------------------------------------------ */
#submenu {
	list-style-type:none;
	margin: 1px 0;
	padding: 0;
	background:url(../images/hg_submenu.gif) top left repeat-x;
}
#submenu li {
	display:block;
	margin:0;
	padding:0 0 1px 0;
	width:245px;
	background:url(../images/punkte_subnav_bg.gif) bottom repeat-x;
}
#submenu ol {
	list-style: none;
	margin: 2px 0 8px 20px;
	padding: 0;
	background:none;
}
#submenu ol ol { margin-left: 0; }

#submenu li.active ol li {
	display:block;
	margin:0 0 0 20px;
	padding:0 0 0 0;
	width:200px;
	background:none;
}
#submenu li.active ol li a {
	display:block;
	padding: 3px 20px 3px 0;
	width:180px;
	color:#333;
	text-decoration:none;
}
#submenu li.active ol li.active a {
	display:block;
	padding: 3px 20px 3px 0;
	width:180px;
	color:#E15A00;
	text-decoration:none;
}
#submenu li.active ol li.active a:hover {
	color:#999;
}



#submenu li.active ol li.active ol li a,
#submenu li.active ol li.active ol li.active ol li a {
	color: #333; }

#submenu li a {
	display:block;
	padding: 6px 20px;
	width:205px;
	color:#333;
	text-decoration:none;
}
#submenu li.active a {
	display:block;
	padding: 6px 20px;
	width:225px;
	color:#E15A00;
	text-decoration:none;
}
#submenu li a:hover, #submenu li.active a:hover {
	color:#999;
}



#text-unten {
	width:154px;
	height:auto;
	border:1px solid red;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	overflow:hidden;
	background-color:#FFFFFF;
	z-index:90;
	display:none;
}








/**
 * Rootline Menü oberhalb des Inhalts
 * ------------------------------------------ */
#navtrail {
	height:22px;
	width:630px;
	background:url(../images/hg_breadcrumb.gif) left top repeat-y;
	padding:10px 0 0 25px;
	border-bottom:1px solid white;
}
#navtrail a {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}
#navtrail a:hover {
	color:#999;
}
#navtrail img {
	margin:0 10px 1px 10px;
}





/**
 * CSS Styled Content
 * ------------------------------ */
*+html div.csc-textpic-imagerow {
	margin-bottom:25px;
}
.csc-textpic-caption {
	padding-top:3px;
}
*+html .csc-textpic-caption, * html .csc-textpic-caption {
	margin-top:3px;
}






/**
 * Footer unten
 * ------------------------------------------ */
#footer {
	width:898px;
	height:30px;
	background:url(../images/hg_footer.gif) top left repeat-x;
	overflow:hidden;
	clear:both;
	padding:17px 20px 0 20px;
	color:#ccc;
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer a {
	color:#ccc;
	text-decoration:none;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color:#666;
}


#footer p.creators {
	float:right;
}




/**
 * CSC Mailform
 * ------------------------------------------ */
fieldset.csc-mailform {
	border: 0;
	margin: 11px 0 0 50px;
	display:block;
}
.csc-mailform-field {
	display:block;
	width:500px;
	clear:both;
	margin: 0 0 7px 0;
}
.csc-mailform div.package {
	width:200px;
	margin: 0 0 5px 85px;
}
.csc-mailform-field label {
	width:125px;
	display:block;
	overflow:visible;
	float:left;
}
.csc-mailform-field input,
.csc-mailform-field select {
	width:298px;
	border:1px solid #C8CEC4;
	margin: 0 0 0 65px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background:inherit;
	padding: 1px 3px;
	margin: 0 0 0 25px;
}
.csc-mailform-field select {
	width:307px;
}
.csc-mailform-field input.csc-mailform-check {
	height:auto;
	width:auto;
	padding: 0;
	border:0;
}

.csc-mailform-checkbox input.csc-mailform-check {
	height: auto;
	width: 14px;
	float: left;
	border:0;
	margin: -2px 0 0 150px;
}

.csc-mailform-checkbox label {
	margin-left: 10px;
	width: 270px;
}

.csc-mailform-checkbox label:after {
	content: ".";
	height: 8px;
	font-size:0;
	line-height: 0;
	height:0;
	clear: both;
	float: none;
	overflow: hidden;
}


.csc-mailform-field textarea {
	width:298px;
	height:100px;
	border:1px solid #C8CEC4;
	margin: 0 0 0 65px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background:inherit;
	padding: 1px 3px;
	margin: 0 0 0 25px;
}
.csc-mailform-field input.csc-mailform-submit {
	width:auto;
	background:#E15A00;
	color:#FFFFFF;
	border:0;
	margin: 0 0 0 393px;
	padding:3px 10px;
}
*+html .csc-mailform-field input.csc-mailform-submit {
	margin: 0 0 0 389px;
}
* html .csc-mailform-field input.csc-mailform-submit {
	margin: 0 0 0 392px;
}

.tx-packages-pi1_package-name {
	display:block;
	margin: 0 0 0 65px;
}
* html .tx-packages-pi1_package-name {
	margin: 0 0 0 67px;
}



/**
 * Text links, unterhalb der Subnavigation
 * ------------------------------------------ */
#text_links_unten {
	height:200px;
	width:245px;
	margin:-200px 0 0 0;
	position:absolute;
	z-index:30;
}




/**
 * Produkt FCE
 * ------------------------------------------ */
#inhalt td > div#pdf_request,
#pdf_request {
/*	margin-left:295px;			ALTE STYLES MIT DEM BESTELLEN BUTTOn 
	margin-top:67px;  */
/*	float:right; */
	float: none;
	margin-right: 25px;
	margin-bottom: 35px;
	margin-left: 20px;
	padding-top: 0px;
}
#inhalt td > div#shop_request,
#shop_request {
	float:right;
	text-align:right;
	margin-right:23px;
	margin-bottom:0px;
}
#shop_request .req_form {
	margin-top:10px;
}
#bestellbutton {
	display:block;
	background:url(../images/buttons/aktionsshop_bestellung.gif);	
	width: 181px;
	height:43px;
	padding:0;
	border:none;
	margin:0;
	cursor:pointer;
	margin-left:0px;
/*	margin-top:10px; */
}
#stueck {
	margin-right:-4px;	
	width:91px;
	text-align:right;
	margin-left:5px;
}

#shop_request input,
#shop_request select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#verpackung {
	width:95px;
	text-align:right;
	margin-left:5px;
	margin-bottom:5px;
}

.csc-mailform-field #verpackung,
.csc-mailform-field #stueck {
	width:100px;
	margin-left:25px;
	margin-right:10px;
	text-align:right;
}
.csc-mailform-field #verpackung {
	margin-left:10px;
	margin-right:0px;
}


#request {
	float:right;
	width:auto;
	text-align:right;
	margin: 5px 25px 0 0;
}
* html #request, *+html #request {
	margin: 5px 25px 0 0;
}
a.request-package-link {
	white-space:nowrap;
	display:block;
	width:62px;
	padding:5px 11px 5px 9px;
	margin: 0 0 0 0;
	background:#999;
	overflow:hidden;
	text-decoration:none;
	color:#FFF;
}

#request a.request-package-link {
	float:left;
	
}

a.request-package-link:hover {
	color:#ccc;
}
a.request-package-link img {
	margin: 0 0 0px 10px;
}

#header_row {
	width: 500px;
	padding: 5px 0 0 25px;
}
* html #header_row, *+html #header_row {
	width: 500px;
	padding: 5px 0 1px 25px;
}

#header_row a, #header_row a:link, #header_row a:visited, #header_row a:active, #header_row a:focus {
	display:block;
	width:auto;
	float:left;
	padding:5px 34px 5px 9px;
	margin: 0 1px 1px 0;
	background:#EBEBEB;
	overflow:hidden;
	text-decoration:none;
	color:#333;
}

#header_row a:hover {
	color:#666;
}

#header_row a.active, #header_row a.active:link, #header_row a.active:visited, #header_row a.active:active, #header_row a.active:focus  {
	background:#E15A00;
	color:#FFF;
}
#header_row a.active:hover{
	color:#333;
}
#switcher_content {
	border-top:1px solid #ccc;
	clear:both;
	width:692px;
}




/**
 * Suche
 * ------------------------------ */
  /* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:normal; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#E15A00; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }



 /* Eigene Styles */
.tx-indexedsearch-searchbox {
	margin: 20px 0 25px 0;
}
.tx-indexedsearch-searchbox label {
	width:100px;
}
.tx-indexedsearch-searchbox input {
	width:298px;
	border:1px solid #C8CEC4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background:inherit;
	padding: 1px 3px;
	margin: 0;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.submit {
	color:#333333;
	background:white;
	padding: 0px 3px 0px 3px;
	width:auto;
}

.tx-indexedsearch-browsebox {
	margin: 3px 0 25px 0;
}

div.tx-indexedsearch-res td.tx-indexedsearch-descr, div.tx-indexedsearch-res td.descr {
	width:640px;
	white-space:normal;
}




/**
 * External Thumbnails - Smooth Galley
 * --------------------------------------------- *(
/* div with the gallery inside */
#ext-thumbnails{
  height:320px;
  text-align:center;
  margin:25px 0 0 -10px;
  border:0;
  width:640px;
  background-color:#fff;
  overflow:auto;
  padding: 0 0 0 0;
}

/* div around the imgs */
.carouselWrapper {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* single thumbnail */
.thumbnail {
  float:left;
  padding:4px;
  border:1px solid #999;
  background:#fff;
  margin:0 5px 15px  0;
  display:block;
  overflow:show;
}
.jdExtCarousel {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* label = title of an image */
.label {
  display:none;
}

.thumbnail {
	cursor: pointer;
}

/* number of the image */
.number {
  text-align:left;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-style:italic;
}











/**
 * Dividers, Helpers and others
 * ------------------------------------------ */
.bg_unter_subnav {
	width:245px;
	height:58px;
	background:url(../images/hg_unter_subnav.gif) top left repeat-x;
	display:block;
}
.clearer {
	height:1px;
	width:1px;
	display:block;
	clear:both;
}
*+html .csc-textpic-imagerow, * html .csc-textpic-imagerow {
	margin-bottom:10px;
}




/**
 * Tooltips
 * ------------------------------------------- */
.tx_tooltiptable_pi1-tooltip {
	position: absolute;
	display: none;
	left:0px;
	top:0px;
	background-color: #F8F8F8;
	padding:3px 5px 3px 5px;
	border:1px solid #DCDCDC;
	max-width:200px;
}
.tx_tooltiptable_pi1-image {
	border:0;
}

.tx_tooltiptable_pi1-picrow {
	display:block;
	padding: 0;
	margin: 0 0 0 0;
	clear:both;
}
.tx_tooltiptable_pi1-piccell_first, .tx_tooltiptable_pi1-piccell {
	margin: 0 10px 10px 0;
	float:left;
}
.tx_tooltiptable_pi1-piccell_last {
	margin: 0 0 10px 0;
	float:left;
}