@charset "utf-8";

/* 

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

*/





/**
 * Main Styles
 * ---------------------------------------------- */
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: 11px 0 0 0;
}

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




/**
 * 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;
}
#nav_top {
	width:825px; /*723px; */
	height:27px;
	padding-left: 0;
	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: #FFF;
	min-height:350px;
	background:url(../images/startseite/hg_oben.gif) top left repeat-x #FFF;
}
#colums ul { padding: 0; margin: 6px 0 0 17px; }
#colums li { margin: 0 0 3px 0; }


.margin_left {
	margin-left:20px;
}

/**
 * Searchbox and navigation on top 
 * ------------------------------------------------- */
 #upeco-logo {
	display: block;
	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:#ccc;
}








/**
 * Main navigation
 * ------------------------------------------------- */
#mainnav {
	height:37px;
	background:white;
	overflow:hidden;
	list-style-type:none;
	margin:0;
	padding:0;
	background:url(../images/hg_rot_nav.gif) top left repeat-x;
}
#mainnav li {
	float:left;
	display:block;
	height:32px;
/*	overflow:hidden; */
	margin:0;
	padding:0;
	border-bottom:5px solid #E15A00;
}
#mainnav li.divider {
	float:left;
	width:2px;
	height:37px;
	background:url(../images/startseite/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;
	padding:8px 0 0 21px;
	line-height: 32px;
	height:32px;
	font-size:14px;
	width:165px;
	color:#FFF;
	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;
}




/**
 * 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;
	min-height:120px;
	background:url(../images/hg_inhalt_1.gif) top left repeat-x;
	border-top:1px solid #BEBEBE;
	min-height:250px;
}


* html #inhalt {
	height:250px;
}
.inhalt_padding {
	padding:9px 20px 20px 20px;
}


#first_row {
	white-space:nowrap;
	min-height:260px;
	clear:both;
}
* html #first_row{ 
	height:260px;
}
#first_row .content {
	width:186px;
	padding: 0 2px 0 0;
	background:url(../images/startseite/divider_content_oben.gif) right top no-repeat;
	min-height:100px;
	float:left;
	margin: 0;
	overflow:hidden;
}
#first_row .content_last, #first_row .content_last_long {
	width:186px;
	padding: 0 0 0 0;
	min-height:100px;
	float:left;
	margin: 0;
	overflow:hidden;
	background-image:none;
}
#first_row .content_last_long {
	background-image:none;
	width:562px;
}

#second_row {
	white-space:nowrap;
	min-height:220px;
	background:url(../images/startseite/hg_unten.png) top left no-repeat;
}
* html #second_row {
	height:220px;
}
#second_row .part1 {
	width:186px;
	padding: 0 2px 0 0;
	min-height:100px;
	float:left;
	margin: 0;
	overflow:hidden;
}
#second_row .part2 {
	width:372px;
	padding: 0 2px 0 0;
	min-height:100px;
	float:left;
	margin: 0;
	overflow:hidden;
}
#second_row .long2 {
	width: 560px;
}
#first_row .inhalt_padding p, #second_row .inhalt_padding p {
	white-space:normal;
}




/**
 * 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 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:580px;
	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;
}






/**
 * 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-field label {
	width:65px;
	display:block;
	float:left;
}
.csc-mailform-field input {
	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;
}
.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 65px;
}
* html .csc-mailform-field textarea {
	margin: 0 0 0 68px;
}
.csc-mailform-field input.csc-mailform-submit {
	width:auto;
	margin: 0 0 0 315px;
	background:#E15A00;
	color:#FFFFFF;
	border:0;
}
 *+html .csc-mailform-field input.csc-mailform-submit {
	margin: 0 0 0 305px;
}
* html .csc-mailform-field input.csc-mailform-submit {
	margin: 0 0 0 307px;
}

.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:160px;
	width:245px;
	margin:-157px 0 0 0;
	position:absolute;
	z-index:30;
}




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

#request a:hover {
	color:#666;
}
#request 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;
}






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

/* div around the imgs */
.carouselWrapper {
}

/* single thumbnail */
.thumbnail{
  float:left;
  padding:4px;
  border:1px solid #ccc;
  background:#fff;
  margin:5px;
  display:block;
  overflow: visible;
}

/* label = title of an image */
.label {
  font-weight:bold;
}

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


#colums table {
	empty-cells:show;
}

.divider_oben {
	background:url(../images/startseite/divider_content_oben.gif) top left no-repeat;
	width:2px;
	height:226px;
	empty-cells:show;
}
.content {
	text-align:left;
	vertical-align:top;	
}
.c1 {
	width:186px;
}
.c2 {
	width:185px;
}
.c3 {
	width:184px;
}
.c4 {
	width:183px;
}







/**
 * 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;
}