/*
--------------------------------------------------------------------------------

Client: 3E Logistic AG

Agency: kubus media | Interaktive Medien, Basel
Author: Amadeus Paulussen for kubus media

--------------------------------------------------------------------------------
*/

html, body {
	margin: 0 0 10px 0;
	padding: 0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	background-color: #F1F1F1;
	text-align: center;
}

a {
	color: #0E3192;
	text-decoration: none;
}

a:hover {
	color: #19913F;
	text-decoration: none;
}

hr {
	border: 0;
	height: 1px;
	color: #0E3192;
	background-color: #0E3192;
	margin: 1em 0 1em 0;
}

* html hr {
	border: 0;
	height: 1px;
	color: #0E3192;
	background-color: #0E3192;
	margin: 0 0 1em 0;
}

ul {
	list-style-type: square;
}

/*  ------------------------------------------------------------------------  */

.clearfloat {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
}

/*  ------------------------------------------------------------------------  */

#wrapper {
	background-color: #ffffff;
	width: 80em;
	min-width: 970px;
	margin: 0 auto;
	padding-bottom: 2em;
	text-align: left;
	background-image: url('../pictures/base/top_bg.png');
	background-position: top left;
	background-repeat: repeat-x;
	border-left: 1px solid #19913F;
	border-right: 1px solid #19913F;
	border-bottom: 1px solid #19913F;
}

/*  ------------------------------------------------------------------------  */

#logo {
	height: 140px;
	width: 80em;
	min-width: 970px;
	padding: 0;
	margin: 0 0 2em 0;
	background-image: url('../pictures/base/top_motiv.png');
	background-position: top right;
	background-repeat: no-repeat;
}

#logo_left {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

#logo_right {
	width: 700px;
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}

#logo_left img {
	margin: 18px 0 0 1em;
	padding: 0;
}

* html #logo_left img {
	margin: 18px 0 0 2em;
	padding: 0;
}

/*  ------------------------------------------------------------------------  */

#navigation {
	float: left;
	width: 15em;
	margin: 0 2em 0 1em;
}

#navigation a {
	text-transform: uppercase;
	font-size: 1em;
	color: #19913F;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-bottom: 0.5em;
	background-image: url('../pictures/navigation/navigation_bg.png');
	background-position: bottom left;
	background-repeat: repeat-x;
}

#navigation a:hover {
	text-transform: uppercase;
	font-size: 1em;
	color: #F4BA0B;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#navigation .active {
	color: #0E3192;
	font-weight: bold;
	display: block;
}

.level1 {
	margin-left: 1em;
}

.level2 {
	margin-left: 2em;
}

/*  ------------------------------------------------------------------------  */

#content {
	width: 44em;
	min-width: 500px;
	float: left;
	text-align: left;
}

#content h1 {
	font-size: 1.3em;
	color: #0E3192;
	padding: 0;
	margin: 0 0 1em 0;
	text-transform: uppercase;
}

#content h2 {
	font-size: 1.1em;
	color: #0E3192;
	padding: 0;
	margin: 0 0 1em 0;
	text-transform: uppercase;
}

#content h3 {
	font-size: 1em;
	color: #19913F;
	padding: 0;
	margin: 0 0 0.5em 0;
	text-transform: uppercase;
}

#content img {
	border: 8px solid #19913F;
}

#content small {
	color: #0E3192;
	font-size: 0.9em;
}

/*  ------------------------------------------------------------------------  */

#tools {
	width: 14em;
	float: right;
	text-align: right;
	margin: 0 15px 0 2em;
}

* html #tools {
	width: 13em;
	float: right;
	text-align: right;
	margin: 0 5px 0 2em;
}

#anfrage {
	text-align: left;
}

* html #anfrage {
	text-align: left;
	padding-bottom: 1em;
}

#anfrage a {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}

#anfrage a:hover {
	color: #F4BA0B;
}

/*  ------------------------------------------------------------------------  */

#box_green_container {
	padding-top: 1em;
	color: #ffffff;
}

* html #box_green_container {
	padding-top: 1em;
	padding-bottom: 1em;
	color: #ffffff;
}

#box_green_container a {
	color: #ffffff;
	text-decoration: none;
	background-image: none;
	display: inline;
	font-weight: normal;
	height: 0.75em;
}

#box_green_container a:hover {
	color: #F4BA0B;
	text-decoration: none;
	background-image: none;
	display: inline;
	font-weight: normal;
	height: 0.75em;
}

.box_green_bl3 {
	background: url('../pictures/base/boxes/box_green_bl.gif') 0 100% no-repeat #19913F;
	width: auto;
	text-align: left;
	margin-top: 0;
}

.box_green_bl2 {
	background: url('../pictures/base/boxes/box_green_bl.gif') 0 100% no-repeat #19913F;
	width: 20em;
	text-align: center;
	padding: 10px;
}

.box_green_bl {
	background: url('../pictures/base/boxes/box_green_bl.gif') 0 100% no-repeat;
	width: 20em;
	text-align: center;
}

.box_green_br {
	background: url('../pictures/base/boxes/box_green_br.gif') 100% 100% no-repeat;
}

.box_green_tl {
	background: url('../pictures/base/boxes/box_green_tl.gif') 0 0 no-repeat;
}

.box_green_tr {
	background: url('../pictures/base/boxes/box_green_tr.gif') 100% 0 no-repeat;
}

.box_green_tr2 {
	background: url('../pictures/base/boxes/box_green_tr.gif') 100% 0 no-repeat; 
	padding: 10px;
}

* html .box_green_tr2 {
	background: url('../pictures/base/boxes/box_green_tr.gif') 100% 0 no-repeat; 
	padding: 10px 10px 2px 10px;
}

.box_green_bl3 img {
	border: 0;
}

/*  ------------------------------------------------------------------------  */

#box_blue_container {
	padding-top: 1em;
	color: #ffffff;
}

* html #box_blue_container {
	padding-top: 1em;
	padding-bottom: 1em;
	color: #ffffff;
}

#box_blue_container a {
	color: #ffffff;
	padding-left: 20px;
	text-decoration: none;
	background-position: 0 0.25em;
	background-repeat: no-repeat;
	display: inline;
	font-weight: normal;
	height: 0.75em;
}

#box_blue_container a.print {
	background-image: url('../pictures/base/tools/print.gif');
}

#box_blue_container a.sitemap {
	background-image: url('../pictures/base/tools/sitemap.gif');
}

#box_blue_container a.forward {
	background-image: url('../pictures/base/tools/forward.gif');
}

#box_blue_container a.search {
	background-image: url('../pictures/base/tools/search.gif');
}

#box_blue_container a.print:hover,
#box_blue_container a.forward:hover,
#box_blue_container a.sitemap:hover,
#box_blue_container a.search:hover{
	color: #F4BA0B;
	padding-left: 20px;
	display: inline;
	font-weight: normal;
	height: 0.75em;
}

.box_blue_bl3 {
	background: url('../pictures/base/boxes/box_blue_bl.gif') 0 100% no-repeat #094FA3;
	width: auto;
	text-align: left;
	margin-top: 0;
}

.box_blue_bl2 {
	background: url('../pictures/base/boxes/box_blue_bl.gif') 0 100% no-repeat #094FA3;
	width: 20em;
	text-align: center;
	padding: 10px;
}

.box_blue_bl {
	background: url('../pictures/base/boxes/box_blue_bl.gif') 0 100% no-repeat;
	width: 20em;
	text-align: center;
}

.box_blue_br {
	background: url('../pictures/base/boxes/box_blue_br.gif') 100% 100% no-repeat;
}

.box_blue_tl {
	background: url('../pictures/base/boxes/box_blue_tl.gif') 0 0 no-repeat;
}

.box_blue_tr {
	background: url('../pictures/base/boxes/box_blue_tr.gif') 100% 0 no-repeat;
}

.box_blue_tr2 {
	background: url('../pictures/base/boxes/box_blue_tr.gif') 100% 0 no-repeat; 
	padding: 10px;
}

* html .box_blue_tr2 {
	background: url('../pictures/base/boxes/box_blue_tr.gif') 100% 0 no-repeat; 
	padding: 10px 10px 2px 10px;
}

.box_blue_bl3 img {
	border: 0;
}

/*  ------------------------------------------------------------------------  */

#box_yellow_container {
	padding-top: 1em;
	color: #ffffff;
}

* html #box_yellow_container {
	padding-top: 1em;
	padding-bottom: 1em;
	color: #ffffff;
}

#box_yellow_container a {
	color: #19913F;
	text-decoration: none;
	background-image: none;
	display: inline;
	font-weight: normal;
	height: 0.75em;
}

#box_yellow_container a:hover {
	color: #0E3192;
	text-decoration: none;
	background-image: none;
	display: inline;
	font-weight: normal;
	height: 0.75em;
}

#box_yellow_container h2 {
	font-size: 1.1em;
	color: #0E3192;
	padding: 0;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#box_yellow_container h3 {
	font-size: 1em;
	color: #0E3192;
	padding: 0;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#box_yellow_container small {
	color: #19913F;
	font-size: 0.9em;
}

.box_yellow_bl3 {
	background: url('../pictures/base/boxes/box_yellow_bl.gif') 0 100% no-repeat #F4BA0B;
	width: auto;
	text-align: left;
	margin-top: 0;
}

.box_yellow_bl2 {
	background: url('../pictures/base/boxes/box_yellow_bl.gif') 0 100% no-repeat #F4BA0B;
	width: 20em;
	text-align: center;
	padding: 10px;
}

.box_yellow_bl {
	background: url('../pictures/base/boxes/box_yellow_bl.gif') 0 100% no-repeat;
	width: 20em;
	text-align: center;
}

.box_yellow_br {
	background: url('../pictures/base/boxes/box_yellow_br.gif') 100% 100% no-repeat;
}

.box_yellow_tl {
	background: url('../pictures/base/boxes/box_yellow_tl.gif') 0 0 no-repeat;
}

.box_yellow_tr {
	background: url('../pictures/base/boxes/box_yellow_tr.gif') 100% 0 no-repeat;
}

.box_yellow_tr2 {
	background: url('../pictures/base/boxes/box_yellow_tr.gif') 100% 0 no-repeat; 
	padding: 10px;
}

* html .box_yellow_tr2 {
	background: url('../pictures/base/boxes/box_yellow_tr.gif') 100% 0 no-repeat; 
	padding: 10px 10px 2px 10px;
}

.box_yellow_bl3 img {
	border: 0;
}

/*  ------------------------------------------------------------------------  */

#box_green_container .lang_de_de {
	color: #F4BA0B;
}

#box_green_container .lang_en_en {
	color: #F4BA0B;
}

#box_green_container .lang_fr_fr {
	color: #F4BA0B;
}

#box_green_container .lang_it_it {
	color: #F4BA0B;
}

#box_green_container .lang_es_es {
	color: #F4BA0B;
}

/*  ------------------------------------------------------------------------  */

.list_left {
	float: left;
	width: 125px;
}

.list_right {
	width: auto;
}

.detail_left {
	float: left;
	width: 175px;
}

.detail_right {
	width: auto;
}

/*  ------------------------------------------------------------------------  */
form {
	width: 100%;
}

.form_left {
	float: left;
	width: 20em;
	margin-right: 1em;
}
.form_right {
	float: left;
	width: 20em;
}

.form_flexible {
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.form_input {
	width: 100%;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.form_textarea {
	width: 100%;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

/*  ------------------------------------------------------------------------  */

.pdf {
	padding-left: 14px;
	text-decoration: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: inline;
	font-weight: normal;
	height: 0.75em;
	background-image: url('../pictures/base/tools/pdf.gif');
}

/*  ------------------------------------------------------------------------  */

table {
	width: 100%;
}

td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	background-color: #FFFFFF;
	border-bottom: solid 1px #0E3192;
	padding: 0.2em 0 0.2em 0;
}

.title_td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	background-color: #FFFFFF;
	border-bottom: solid 1px #0E3192;
	padding: 0.5em 0 0 0.2em;
	background-color: #DAEDE0;
}

.blue_title_td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	background-color: #FFFFFF;
	border-bottom: solid 1px #0E3192;
	padding: 0.5em 0 0.3em 0.2em;
	background-color: #CEDCED;
}

.white_td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	background-color: #FFFFFF;
	border: none;
	padding: 0.5em 0 0.2em 0;
}

.input_td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	background-color: #FFFFFF;
	border-bottom: none;
	padding: 0.3em 0 0.3em 0;
}

.input_left_hack {
	padding-right: 1em;
}

/*  ------------------------------------------------------------------------  */

.references {
	float: left;
	width: 20em;
	margin-bottom: 1em;
}

/*  ------------------------------------------------------------------------  */

.team_left {
	float: left;
	width: 180px;
}

.team_right {
	width: auto;
}

/*  ------------------------------------------------------------------------  */

#footer {
	color: #DBDBDB;
	font-size: 90%;
}

#footer a {
	color: #DBDBDB;
}

#footer a:hover {
	color:#C9DCC0;
}

/*  ------------------------------------------------------------------------  */