/* MOTOYAMAdesign.com  December 2007 */
/* --- General Pre Settings --- */
* { margin: 0; padding: 0; }


hr {
  color: #d2d09f; /* Mozilla */
  background-color: #d2d09f; /* Ie */
  border: #d2d09f; /* Opera */
  height: 1px;
}

/* --- STRUCTURE --- */
body {
	font-family: Verdana, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	color: #1c1c1c;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #b1b1b1;
	/*font-size: 16px;#   Set correct font-size for safari browsers  mit Pound Safari Post Semicolon Hack*/
	font-size: 101.1%;
	}

/* Navigation */
a { text-decoration: none; color: #1c1c1c; }
a:hover {color: #e51218; }
a:hover { color:#e51218; }

/* --- General Helpers --- */
.killfloat { overflow: hidden; height: 0; clear: both; font-size: 0; }
.hidden { display: none; visibility: hidden; }
.floatLeft { float: left; }
.floatLeftB { float: left; width: 265px; }
.floatLeftB p { width: 265px; }
.floatRight { float: right; }
img { border: 0; }

/*Headlines*/

#content h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: #e51218;
	padding: .8em 0 1.1em 0;}

#glossar h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #999;
	padding: .3em .5em .3em 0;
	display: inline;}

#content h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #e51218;
	padding: .8em 0 1.1em 0;}

/* * Structure Elements * */
#container {
	font-size: 0.625em; /* 1em is 10px */
	}

p { font-size: 1.2em; width: 520px; padding-bottom: 1em; } 

#content li { font-size: 1.2em; margin-left: 3em; } 

#content ul { padding-bottom: 2em; } 

#content ol { padding-bottom: 2em; } 

ol.abc { list-style-type: upper-alpha;}

#containerB { position: absolute; }

#content {
	margin-left: 88px;
	width: 539px;
	min-height: 66em;
	background-color: #FFF;
	position: relative;
	padding: 34px 0 0 280px;
	}

#schlauch {
	padding-top: 300px;
	width: 265px;
	position: absolute;
	z-index: 10;}
	
#logo {
	top: 25px;
	left: 118px;
	width: 161px;
	position: absolute;
	z-index: 40;}	

#navi {
	top: 170px;
	left: 88px;
	position: absolute;
	z-index: 20;}


	#navi li { list-style-type: none; }
	
	#navi li a {
		color: #1c1c1c;
		display: block;
		width: 15.1em;
		height: 3.1em;
		font-size: 1.2em;
		line-height: 2.4em;
		padding-left: 3.3em;
		background-image: url(../images/button_low.gif);
		background-repeat: no-repeat;
		position: relative;}
		
			#navi li ul li a {
			color: #1c1c1c;
			display: block;
			width: 24.1em;
			height: 3.1em;
			font-size: 1.2em;
			line-height: 2.4em;
			padding-left: 4.3em;
			background-image: url(../images/button_low.gif);
			background-repeat: no-repeat;
			position: relative;}
	
	#navi li a:hover {
		color: #e51218;
		background-image: url(../images/button_high.gif);
		}
		
	#navi li a.current {
		color: #e51218;
		background-image: url(../images/button_high.gif);
		}
	
#bottom {
	left: 68px;
	width: 85.4em;
	padding-bottom: 3em;
	position: relative;
	}	
	
	#bottom ul { padding-left: 1.8em; }
	
	#bottom li {
		list-style-type: none;
		display: block;
		padding-right: 2.5em;
		padding-bottom: 1em;
		float: left;}
		

#flags {
	position: absolute;
	z-index: 20;
	padding: 2em 0 0 82.6em;}
	
	#flags img { padding-right: 1em; }
	
#photos { margin-left: -.8em; }

#photosB { margin-left: -3em; }

#photosC { margin-left: -4px; padding-top: 10px; }

#glideflexLogo { padding: 0 0 1.5em 33em; }

#picSmall { 
	position: absolute; 
	z-index: 10;
	width: 214px;
	height: 324px; 
	margin: 724px 0 0 768px;
	background-image: url(../images/biegeradien_knickfest.png);
	background-repeat: no-repeat; }

#picSmallB { 
	position: absolute; 
	z-index: 10;
	width: 214px;
	height: 324px; 
	margin: 473px 0 0 775px;
	background-image: url(../images/glideflex_metallic.png);
	background-repeat: no-repeat; }
	
#glossar { width: 50em; padding: 10em 0 3em 0; }