html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html{  min-height: 101%;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
a{ text-decoration: none; color:#000;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -------------------- */
body{
  	font-size: 13px;
	line-height: 140%;
	font-family:Arial, Helvetica, sans-serif;
	background: #6B6B6F url(img/wrapper.png) repeat-y 50% 0;
	color: #333;
}
div#wrapper{
	position:relative;	
	margin: 0 auto;
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
/* -------------------- header */ 
div#header{
	position:relative;
	width: 960px;
	height: 290px;
	background: #000 url(img/header.gif) repeat-x;
	z-index:0;
	font-family: Verdana, Geneva, sans-serif;	
}
div#header h1{ /* logo */
	position:absolute;
	left: 0px;
	top: 145px;
	display: block;
	text-indent: -9000px;
	width: 960px;
	height: 100px;
	background-image:url(img/logo.png)
}
ul#language{
	position:absolute;
	right: 0px;
	top: 70px;	
	height: 20px;
	width: 150px;	
}
ul#language li{
	display: block;
	text-indent: -9000px;	
	height: 20px;
	width: 20px;
 	float: left; 	
	margin-right: 14px;
}
ul#language li a{
	display: block;
	height: 20px;
	width: 20px;
}
li#de a{background: url(img/language.gif) no-repeat 0 -20px;}
li#en a{background: url(img/language.gif) no-repeat -34px -20px;}
li#fr a{background: url(img/language.gif) no-repeat -66px -20px;}
li#es{}

li#de a:hover{background: url(img/language.gif) no-repeat 0 0;}
li#en a:hover{background: url(img/language.gif) no-repeat -34px 0;}
li#fr a:hover{background: url(img/language.gif) no-repeat -66px 0;}
li#es{}

body.de li#de a{background: url(img/language.gif) no-repeat 0 0;}
body.en li#en a{background: url(img/language.gif) no-repeat -34px 0;}
body.fr li#fr a{background: url(img/language.gif) no-repeat -66px 0;}
body.es li#es{}


p#info{
	position: absolute;
	left: 640px;
	top: 244px;
	width: 255px;
	height: 60px;
	line-height:120%;
	z-index: 100;
	color:#ddd;
	font-size: 12px;
	font-weight:bold;
	background:url(img/info.png) left top no-repeat;
	padding: 10px 0 0 55px;	
	}
p#info a{
	color: #FFF;
	display:block;
	text-decoration: none;
}	
p#info a:hover{
	color:#FC0;
}
/* -------------------- */
ul#imprint{
	position:absolute;
	left: 170px;
	top: 10px;
	font-size:10px;
	color:#999;	
	}
ul#imprint a{
	color:#999;
	}
/* -------------------- */
ul#mainmenu{
	position: absolute;
	left: 170px;
	top: 268px;
} 
ul#mainmenu li{
	float:left;
	height: 20px;
	margin-right: 33px;	
} 
ul#mainmenu a{
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
ul#mainmenu a:hover,
ul#mainmenu a.active{
	border-bottom: 4px solid #FC0;
}
/* -------------------- */
div#left{
	width: 170px;
}
/* -------------------- */
div#content{
	position: absolute;
	left: 170px;
	width: 700px;	
	padding-top: 45px;
	padding-bottom: 75px;
	min-height: 100%;
	height: auto !important;
	height: 100%;		
	background: url(img/welt.gif) no-repeat top left;  
}
body#contact div#content{
	background: url(img/welt_adressen.gif) no-repeat top left;  
}
div#content h2 {
	font-family: Verdana, Geneva, sans-serif;		
	text-transform: uppercase;
	color: #000;
	font-size: 15px; 
	margin-bottom: 20px;	
}
div#content h3 {
	font-family: Verdana, Geneva, sans-serif;		
	text-transform: uppercase;
	color: #000;
	font-size: 13px;
	margin-top: 20px;	
}
div#content p{
	width: 600px;
	margin-bottom:10px;
}
div#content ol {list-style: decimal;}
div#content ul {list-style: square;}
div#content li {margin-left: 15px;}

div#content hr{
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
div#content a{
	color: #000;
	text-decoration: underline;
}
div#content a:hover{
	color:#666;
}
/* -------------------- */
#skiplink{
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;	
}
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}