/*
 * Project: Hansatank Luxemburg S.A.R.L.-Website
 * copyright (c) 2009 Creativ-Studio Christiane Kaus 
   Grafik | Webdesign | Internet (http://www.kaus-online.de)
 * Project owner:
 * Hansatank Luxemburg S.A.R.L.
 * L - 1941 Luxembourg
 * http://www.hansatank.lu 
 
 Verwendete Farben

#474C53 dunkelgrau
#6b778a mittelgrau
#b5b5c6 hellgrau
#e4ebf6 hellblau
#006AC3 blau
Schriften:
#88888a Schriftfarbe
#006ac3 Linkfarbe
#e4ebf6 activelink
#216bbf Überschriften 
*/
 
* {
	margin: 0;
	padding: 0;
	border: 0 solid;
}
html {
	height: 100%; 
	margin-bottom: 1px;
}
body {
	background: #474c53 url(../images/bg.gif) repeat-x;
	font: 106% Verdana, Arial, Helvetica, sans-serif; 
	color: #88888a;
}
a {
	color: #006ac3; 
	padding: 2px 1px;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #6b778a;
}
a:hover, a:active, a:focus, abbr a:hover, acronym a:hover {
	color: #e4ebf6;
	background: #6b778a;  
	text-decoration: none;
}
b, strong {
   font-weight: bold;
}
abbr, acronym {
   cursor: help;
   border-bottom: 1px dashed #746B70;
   background: #6b778a; 
}
address {
	padding: 25px 0;
	font-size: 75%;
	line-height: 19px;
	font-variant: normal;
	font-style: normal;
}
p, a, li, caption, td, th {
font-size: 0.82em;
}
h1 a, h2 a, h3 a, h4 a, p a, address a, li a, li li, li li a, li p, li h2, li h3, li h4, dt a, dd a, th h2, th h3, th h4, th p, td h2, td h3, td h4, td p, th a, td a, label a {
font-size: 100%;
}
h1 {
	font-size: 1.5em;
	color: #6b778a;
	margin: 0 0 .5em 0;
	padding: 0px 0 20px 0px;
	text-transform: uppercase;
	line-height: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 1.2em;
	color: #216bbf;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 .5em 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 1.1em;
	color: #216bbf;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
h4 {
	font-size: 1.0em;
	line-height: 21px;
	color: #6b778a;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
hr {
	border: none 0;
	border-top: 1px solid #cccccc;
	height: 1px;
}
caption{
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
}
table {
	margin: 0px 10px 20px 22px;
	width: 96%;
	background: transparent;
	clear: left;
}
th,td {
	margin-right: 5px;
	padding: 5px 5px;
	text-align: left;
	vertical-align: top;
}
tr.grey {
	background-color: #b5b5c6;
}
tr {
	background-color: transparent;
}
td {
	border-bottom: dotted #b5b5c6 1px;
}
ol {
	margin-left: 2em;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 1em;
	background: url(../images/punkt.gif) no-repeat left center;
}


/* Navigation */
#navi { 
	background-color: #474C53;/*e4ebf6*/
	width: 1005px; 
	height: 60px; 
	margin: 0 auto; 
	border-left: 5px solid #6b778a; 
}
#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi li { 
	background-image: none; 
	background-repeat: repeat; 
	background-attachment: scroll; 
	background-position: 0 0; 
	padding: 0; 
	display: inline; 
}
#navi a, #navi a:link, #navi ul li a, #navi ul li a:active { 
	color: #e4ebf6;
	
}
#navi a {
	display: block;
	float: left;
	height: 40px;
	padding: 20px 20px 0 20px;
	font-size: 92%;
	font-weight: bold; 
	
}
#navi ul li a:visited {
color: #bec4ce;
}
#navi a:hover {
	color: #e4ebf6;
	background: #6b778a;
	text-decoration: none;
	
}
#navi ul li a.first {
	background-color: #474c53;
	color: #e4ebf6;
	text-decoration: underline;
}
#foto {
	width: 1010px;
	height: 180px;
	margin: 0 auto;
	background: #e4ebf6 url(../images/foto.jpg)
}
#logo {}
#logo a {
	text-decoration: none;
	color: #FFFFFF;
}
#logo a {
	display: block;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0 none;
}
/* Inhaltsbereich */
#inhaltcon {
	width: 1010px;
	margin: 0 auto;
	padding-top: 25px;
	background: #fff url(../images/bg_inhaltcon.gif) repeat-y;
}

#inhalt {
	float: left;
	width: 704px;
	background: transparent;
	padding: 20px 20px 20px 25px;
}
/*#ohnespalte #inhalt {
	width: 700px;
}*/
#inhalt .rechts1, #inhalt .rechts2 {
	float: left;
	width: 320px;
	margin-right: 20px;
	background: transparent;
}
#inhalt hr {
	border: none 0;
	border-top: 1px solid #cccccc;
	margin: 0px 0 0px 25px;
	height: 1px;
}
#inhalt p {
	line-height: 19px;
	color: #474C53;
	margin: 0 0 0px 0px;
	text-align: justify;
	
}
#inhalt p a, #inhalt table a {
	text-decoration: none;
	color: #216bbf;
	border-bottom: 1px dotted #006AC3;
	padding: 2px 2px 2px 2px;
}
#inhalt p a:hover, #inhalt table a:hover {
	text-decoration: none;
	color: #e4ebf6;
	background-color: #6b778a;
	padding: 2px 2px 2px 2px;
}
#inhalt li {
	line-height: 20px;
	color: #474C53;
	margin: 0 0 0 15px;
}
#inhalt ul, #inhalt ol {
	margin: 0 0 20px 0px;
	padding: 0;
}
#inhalt ul ul {
	margin-bottom: 0px;
}
#inhalt ul li, #inhalt ol li {
	list-style: square outside;
	margin-left: 25px;
	padding: 2px 0;
}
#inhalt img { background-color: transparent; margin: 25px 0 15px; padding: 4px; border: solid 5px #6b778a; }
#rechtespalte {
	float: right;
	width: 220px;
	padding: 20px;
	background:transparent;
}

blockquote {
	margin: 20px 0 20px 0;
	padding-left: 1em;
	background: #e4ebf6;
	border-left: 5px solid #6b778a;
	border-top: 1px solid #6b778a;
	border-right: 1px solid #6b778a;
	border-bottom: 1px solid #6b778a;
}
blockquote p {
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1.4em;
	font-style: italic;
}

/* Fußbereich */

#footer {
	height: 50px;
}
#footer .con {
	width: 1010px;
	margin: 0 auto;
	background:#474C53;
	color: #e4ebf6;
}
#footer .weblinks {
	float: left;
	width: 704px;
	height: 34px;
	padding: 15px 30px 15px 25px;
	background: #6b778a;
	font-size: 65%;
}
#footer .rechtliches {
	float: right;
	width: 231px;
	height: 34px;
	margin: 0 auto;
	padding: 15px 20px 15px 0;
	background: #e4ebf6;
	text-align: right;
	font-size: 65%;
	color: #6b778a;
	line-height: 1.4em;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #e4ebf6; 
	text-decoration: none;
}
#footer a:hover {
	color: #e4ebf6;
	text-decoration: underline;
}
/* Karte */

#osmmap {
 padding: 5px 20px 10px 0;
 background: transparent;
}

#map {
overflow: hidden;
position: relative;
width: 700px;
height: 500px;
background: transparent;
padding: 0; margin: 0;
border-left: 5px solid #ccc;
border-top: 5px solid #ccc;
border-bottom: 5px solid #9d9c9c;
border-right: 5px solid #9d9c9c;
}
#map img {
padding: 0; margin: 0;
width: 700px;
height: 500px;
border: none;
}

#maptext {
	padding: 20px 0px;
}
.maplink {
	padding-top: 10px;
	color: #889fb5;
}
.maplink a {
	color: #7b90a3;
	font-size: 105%;
}
/*Formular*/

#formular { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-align: left;
	color : #535161;  
	background : #e4ebf6;
	padding-bottom: 40px;
	width: 700px;
} 
fieldset {
	border: 1px solid #ccd3dc;
	margin: 0px 0 10px 0px;
	padding: 10px 20px 16px 20px;
	width: 650px;
	background: transparent;
}
legend {
	color: #535161; 
	font-size: 120%;
}
#formular p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: normal;
	clear: both;
}
#formular p.daten  {
	padding: 15px 0 1px 0;
	background-color: transparent;
} 
#formular label.definition {
	display : daten;
	float : left;
	text-align : left;
	width : 16em;
	font-size : 110%;
}
#formular label.firstdefinition {
	display : daten;
	float : left;
	text-align : left;
	width : 16em;
	font-size : 120%;
}
#formular .datenfeld, #formular input.datenfeldsm {
	font-weight : normal;
	width : 21em;
	border : 1px dashed #ccc;
	margin : 2px 0 0 0;
	padding : 2px 3px;
	background : #e4ebf6;
}
#formular input.datenfeld {
	padding : 2px 3px;
	width : 28em;
} 
#formular input.datenfeldsm {
	padding : 2px 3px;
	width : 12.5em;
} 
textarea {
	color : #535161; 
	background: #e4ebf6;
	border: 1px solid #666;
}
textarea.form {
	padding: 0 3px;
	width: 28em; 
}
#formular p.captcha {
	margin-left: 15px;
}

.sendbutton {
	margin: 30px 10px 10px 20px;
	padding: 6px;
	background: #ccd3dc;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #ccc;
	border-right-style: solid;
	border-right-width: 3px;
	border-right-color: #666;
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #666;
}
.stern {
	color: #a31036;
	font-size: 120%;
	font-weight: bold;
}
.select { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	color: #535161;  
	background: #e4ebf6;
	border: 1px dashed #ccc;
	font-size: 110%; 
	width: 15.5em;  
}
.headline { 
	font-size: 120%; 
	font-weight: bold; 
}
#printtitel {
	left: -2000em;
	position: absolute;
}

/* Klassen */ 
a.on, a.on:hover, a.on:active, a.on:focus  {
	font-weight: bold;
}
.aktiv {
	font-weight: bold;
}
a.skip { 
	text-decoration:none; 
	outline-style:none; 
}
a.skip em {
	display: none;
}
a.skip:hover {
	text-decoration: none; 
}
a.skip:hover, a.skip:active, a.skip:focus {
	background: transparent;
}
a.skip:active span, a.skip:focus span {
	display: none;
}
a.skip:active em, a.skip:focus em {
	text-align: justify; 
	margin-top: 10px; 
	display: block; 
	color: #666666;
	width: 100%; 
	font-style: normal; 
	font-weight: 600; 
	font-size: 100%;
	cursor: default;
}
.clearer {
	clear: both; height: 1px;
}
.just { text-align: justify; 
}
img.alignleft {
	float: left;
	margin: 0 15px 5px 0px;
}
img.alignright {
	float: right;
	margin: 0 0 5px 15px;
}