@charset "utf-8";
/* CSS Document - Joerg Gahr*/


/* 01.A >> basics */

body {
		background: url(../img/specific/bg.jpg) repeat;
		padding-bottom:20px;
}

img {
		border:0;		
}

#wrap {
	 	margin:10px auto;
		width:750px !important;
		padding-top: 0px;
}

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

/* 02 >> header */

#header {
		width: 750px;
		height: 350px;
		padding: 0px;
}

#logo {
		width: 400px;
		height: 115px;
		padding: 0px;
		float: left;
}

#lang1 {
		width: 350px;
		height: 95px;
		padding: 0px;
		text-align: right;
		float: left;
}

#line {
		width: 750px;
		height: 1px;
		float:left;
		background: url(../img/header/line.png);
}


/* 02.A >> navmain */

#navmain, #navmainen {
		width: 350px;
		height: 20px !important;
		padding: 0px;
		float:left;
}

#navmain ul, #navmainen ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

#navmain li, #navmainen li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	text-indent: 0; 
}

#navmain li a, #navmain li div { 
	float: left; 
	height: 20px; 
	line-height: 20px; 
	width: 75px; 
	overflow: hidden; 
	text-indent: -999em; 	
	background: url(../img/header/navi_de.png) no-repeat;
}

#navmainen li a, #navmainen li div { 
	float: left; 
	height: 20px; 
	line-height: 20px; 
	width: 86px; 
	overflow: hidden; 
	text-indent: -999em; 	
	background: url(../img/header/navi_en.png) no-repeat;
}


#navmain li div, #navmainen li div {
	display:none;	
	position:absolute;
}

#navmain #mp1 div, #navmainen #mp1 div { background-position: 0 0px; }


/* global navi buttons */
#navmain #mp1 a { background-position: 0 0; width: 75px; }
#navmain #mp2 a { background-position: -75px 0; width: 69px; }
#navmain #mp3 a { background-position: -144px 0; width: 60px; }
#navmain #mp4 a { background-position: -204px 0; width: 84px; }
#navmain #mp5 a { background-position: -288px 0; width: 62px; }

#navmainen #mp1 a { background-position: 0 0; width: 86px; }
#navmainen #mp2 a { background-position: -86px 0; width: 78px; }
#navmainen #mp3 a { background-position: -164px 0; width: 58px; }
#navmainen #mp4 a { background-position: -222px 0; width: 86px; }
#navmainen #mp5 a { background-position: -308px 0; width: 42px; }

/* mouseover */
#navmain #mp1 a:hover { background-position: 0 -20px; }
#navmain #mp2 a:hover { background-position: -75px -20px; }
#navmain #mp3 a:hover { background-position: -144px -20px; }
#navmain #mp4 a:hover { background-position: -204px -20px; }
#navmain #mp5 a:hover { background-position: -288px -20px; }

#navmainen #mp1 a:hover { background-position: 0 -20px; }
#navmainen #mp2 a:hover { background-position: -86px -20px; }
#navmainen #mp3 a:hover { background-position: -164px -20px; }
#navmainen #mp4 a:hover { background-position: -222px -20px; }
#navmainen #mp5 a:hover { background-position: -308px -20px; }

/* mouse pressed */
#navmain #mp1 a:active { background-position: 0 -40px; }
#navmain #mp2 a:active { background-position: -75px -40px; }
#navmain #mp3 a:active { background-position: -144px -40px; }
#navmain #mp4 a:active { background-position: -204px -40px; }
#navmain #mp5 a:active { background-position: -288px -40px; }

#navmainen #mp1 a:active { background-position: 0 -40px; }
#navmainen #mp2 a:active { background-position: -86px -40px; }
#navmainen #mp3 a:active { background-position: -164px -40px; }
#navmainen #mp4 a:active { background-position: -222px -40px; }
#navmainen #mp5 a:active { background-position: -308px -40px; }

/* active button */
#navmain a.active 		  { cursor: default; }
#navmain #mp1 a.active { background-position: 0 -60px; }
#navmain #mp2 a.active { background-position: -75px -60px !important; }
#navmain #mp3 a.active { background-position: -144px -60px !important; }
#navmain #mp4 a.active { background-position: -204px -60px !important; }
#navmain #mp5 a.active { background-position: -288px -60px !important; }

#navmainen a.active 		  { cursor: default; }
#navmainen #mp1 a.active { background-position: 0 -60px; }
#navmainen #mp2 a.active { background-position: -86px -60px !important; }
#navmainen #mp3 a.active { background-position: -164px -60px !important; }
#navmainen #mp4 a.active { background-position: -222px -60px !important; }
#navmainen #mp5 a.active { background-position: -308px -60px !important; }


/* 02.B >> fader */

#fitting {
			width: 61px;
			height: 225px;
			float: left;
			margin-bottom: 4px;
			margin-top: 4px;
			background: url(../img/specific/fitting.png);
}

#fadepics {
			width: 152px;
			height: 225;
			float: left;
			margin: 4px 0px 4px 4px;
}

#columnpics {
			width: 620px;
			height: 225px;
			float: left;
			margin: 4px;
}


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

/* 03 >> typo */

body, p, h1, div, a, table {
		font-family: Arial, Verdana, Tahoma, sans-serif;
}

table {
		font-size: 11px;
		font-weight: normal;
		color: #544020;
		line-height: 1.25em;
		vertical-align:text-top;
}

a {
		color: #a68e5d;
		outline-style: none;
		border: none;
		text-decoration: none;
}

a:link {
			color: #a68e5d;
			text-decoration:none;
}

a:hover {
			color: #76bcc2 !important;
}

a:active {
			color: #76bcc2;
}

a:visited {
			color: #222526;
}

h1 {
		font-size: 14px;
		font-weight:bolder;
		color: #544020;

}

h2 {
		font-size: 11px;
		font-weight:bold;
		color: #a68e5d;
}

p {
		font-size: 11px;
		font-weight: normal;
		color: #544020;
		line-height: 1.25em;
}


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

/* 03 >> content */

#content {
		float:left;
		margin-top:20px;
		width: 685px !important;
		height: 400px;
		overflow: auto;
}

#content_text {
		float:left;
		height:auto;
		width: 330px;
		overflow:auto;
}

#content_text2 {
		float:left;
		height:auto;
		width: 665px;
		overflow:auto;
		margin-top:10px;
}

#content_column {
		float: left;
		margin: 20px 0px 0px 4px;
		width: 61px;
		height: 400px;
}

img.newsline {
		width: 685px;
		height: 1px;
		float: left;
		margin: 0px 0px 20px 0px;
		overflow: hidden;
}

#gallery_content {
		float:left;
		margin-top:20px;
		width: 685px !important;
		height: 400px;
		overflow: hidden;
}

#gallery_column {
		margin-top:20px;
		margin-right: 4px;
		width: 61px;
		height: 400px;
		float: left;
}

#gallery1 {
			float:left;
			height: 80px;
			width: 204px;
			margin: 0px 0px 4px 0px;
			outline-color: #544020;
			outline-style: solid;
			outline-width: 1px;
			overflow: hidden;
}

#gallery2 {
			float:left;
			height: 80px;
			width: 203px;
			margin: 0px 4px 4px 4px;
			outline-color: #544020;
			outline-style: solid;
			outline-width: 1px;
			overflow: hidden;
}

#gallery1:hover, #gallery2:hover {outline-color: #76bcc2;}