@charset 'utf-8';
@import url(resets.css);
@import url(lightbox.css);

/* ----------------------------------------------------- All browsers */


* {
	margin: 0;
	padding: 0;}
	
img { 
-ms-interpolation-mode: bicubic;
vertical-align:bottom;}

a:focus {outline: none;}
	
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

	
html {
	height: 100%;}
	

/* !Typography =================== */

body {
	font-size: 13px;
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;}
	
h2 {
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 0 10px 0;}
	
h2 span {
	font-weight: normal;}
	
h3 {
	font-size: 1.2em;
	color: #005ea8;
	margin: 1.2em 0 0.3em;}
	
h3 a {
	text-decoration: none;}	
	
#content p {
	margin: 0 0 0.75em;}
		
#content img {
border: none;}

#content img a {
border: none;}
	
p a {
	color: #005ea8;}
	
p a:hover {
	color: #00477e;}
	

/* !Lists ---------- */
	
#content ol, #content ul {
	list-style-type: disc;
	margin: 0 0 0.75em 20px;}
	
#content ul-2 {
	list-style-type: disc;
	margin: 0 0 0.75em 0px;}
	
#content ol.indent {
	list-style: none;
	margin: 0;}
	
ol.indent li {
	position: relative;
	padding-left: 60px;}
	
ol.indent li span {
	position: absolute; left: 0; top: 0;
	font-weight: bold;}	

.ie6 ol.indent li span {left: -45px;}

li li {
	list-style-type: circle;}


/* !Basic Layout =================== */

body {
	height: 100%;
	background: #fff url(img/graukeil_rahmen.jpg) no-repeat top center;
	text-align: center;}
	
#wrapper {
	position: relative;
	width: 500px; min-height: 100%;
	margin: 0 auto;
	background: #fff;}
		
#header {
	position: relative;
	width: 500px; height: 315px;}
	
/* #slogan {
	float: left;
	padding-bottom: 25px;} */
	
#content {
	width: 450px;
	padding: 25px 25px 25px 25px;
	text-align: left;
	background: #fff;}
	
.thumb_lang {
	border: 8px;
	border-style: solid;
	border-color: #e3e4e6;
	
	margin-bottom: 5px;
}	

#thumb {
	width: 220px;
	height: 200px;
	margin-bottom: 25px;
	
	float: left;
	
	font-size: 11px;}
	
#thumb img {
	border: 8px;
	border-style: solid;
	border-color: #e3e4e6;
	
	margin-bottom: 5px;
	
	/* width: 204px;
	height: 160px; */
}
	
#thumb a {
	text-decoration: none;
	
	color: #005ea8;}
	
#thumb a:hover {
	color: #00477e;}
	
#thumbspacer {
	width: 10px;
	
	float: left;}
	
#footer {
	position: absolute; left: 0 ; bottom: 0;
	width: 100%; height: 30px;
	text-align: center;
	background: #ffffff;}
	
#footer img {
	vertical-align:middle;}
	
#adresse {
	float: right;
	width: 180px; height: 250px;
	text-align: left;
	margin: 30px 30px 0 0;}
	

#angebot {
	position: absolute; 
	margin: auto;
	left: 550px; top: 225px; 
	width: 160px; height: 600px;}
	
#li {
	margin-left: 15px;}

	
/* !Layout Details =================== */
	
h1 {
	float: left;
	text-indent: -9999px;
	width: 330px; height: 110px;}
	
h1 a {
	position: absolute; bottom: 0;
	display: block; 
	width: 330px; height: 70px;}
	
#nav {
	position: absolute; bottom: 0; left: 0;
	height: 84px;
	width: 100%;}
	
.ie6 #nav {bottom: -5px;}
	
#navmain, #navsub {
	height: 84px;
	list-style: none;}
	
#nav a {
	color: #333;
	text-decoration: none;}
	
	
/* !Main Nav ---------- */

#navmain li {
	float: left; 
	width: 100px; height: 84px;
	text-align: center;}
					
	
#navmain li a {
	display: block; 
	width: 100px; height: 84px;
	margin: 0 auto;
	font-weight: bold;
	line-height: 100px;
	background: transparent url(img/mi43_button_2.jpg) 50% top no-repeat;}
	
#navmain li a:hover {
	background-position: 50% -84px;}
		

/* !Active Buttons ---------- */	

/* navmain */	
.ziel #ziel a,
.werbung #werbung a,
.kontakt #kontakt a,
.freude #freude a,
.start #start a {
	background-position: 50% -168px;}
	
.ziel #ziel a:hover,
.werbung #werbung a:hover,
.kontakt #kontakt a:hover,
.freude #freude a:hover,
.start #start a:hover {
	background-position: 50% -168px;}
	
	
/* !CONTENT PAGES ---------- */

#col1 {
	float: left;
	width: 450px;}
	
#col1a, #col1b {
	float: left;
	width: 265px;}
	
#col1a {
	margin: 0 25px 0 0;}
	
	
/* !footer_inner ---------- */

	
#navsupp {
	font-size: 0.8em;
	margin: 0 auto;
	line-height: 30px;
	line-width:500;}
	
#navsupp li {
	display: inline;
	color: #666;}
	

#navsupp li a {
	text-decoration: none;
	color: #666;}
	
#navsupp li a:hover {
	color: #000;}

/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }