@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, 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;
	}
	
img { border: none; }
ol, ul {list-style: none;}



html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0px;
}


/* -------------------------------------------------- */
body  {
	background-image:url(graphics/background.jpg);
	background-repeat:repeat-x;
	background-position: center top;
	margin: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	background-color: #E3E3E3;
	}

#frame {
	width: 980px;
	margin:auto;
	}
	
	#header {
		width: 980px;
		height: 300px;
		background-image:url(graphics/header-background.jpg);
		}
	#en-header {
		width: 980px;
		height: 300px;
		background-image:url(graphics/en-header-background.jpg);
		}
	#cz-header {
		width: 980px;
		height: 300px;
		background-image:url(graphics/cz-header-background.jpg);
		}
	

		
	#main {
		width: 980px;
		min-height:300px;
			}
						
		#mainleft {
			width: 220px;
			float:left;
				}
			#navigation {
				width: 180px;
				float:left;
				margin: 40px 20px 0px 20px;
					}
			#language {
				width: 180px;
				float:left;
				margin: 40px 20px 0px 20px;
					}			
							
		#mainright {
			width: 760px;
			float:right;
				}
			#content {
				width: 720px;
				float:left;
				margin: 40px 20px 0px 20px;
					}
				#contentheader {
				width: 720px;
				height: 30px;
				float:left;
				margin: 0px 0px 0px 0px;
					}
				#contenttext {
				width: 720px;
				float:left;
				margin: 0px 0px 20px 0px;
					}
				
				
				#loop1 {
				width: 640px;
				float:left;
				margin: 0px 0px 70px 0px;
					}
				#loop2 {
				width: 640px;
				float:right;
				margin: 0px 0px 70px 0px;
					}
					#loopleft {
					width: auto;
					margin: 0px 0px 0px 0px;
						}
						#looppic {
						width: auto;
						height:auto;
						float:left;
						margin: 0px 0px 0px 0px;
						-webkit-box-shadow: 2px 2px 5px black;
						-moz-box-shadow: 2px 2px 5px black;
						box-shadow: 2px 2px 5px black;
							}
					#loopright {
					width: 440px;
					float:left;
					margin: 0px 0px 0px 0px;
						}						
						#loopheader {
						width: 420px;
						height:30px;
						float:left;
						margin: 0px 0px 0px 20px;
							}
						#looptext {
						width: 420px;
						min-heigt: 30px;
						float:left;
						margin: 0px 0px 0px 20px;
							}
						#loopgallery {
						width: 420px;
						float:left;
						margin: 0px 0px 0px 20px;
							}
							#loopgallerypic {
							width:auto;
							height: 55px;
							float:left;
							margin: 10px 0px 0px 20px;
							-webkit-box-shadow: 2px 2px 5px black;
							-moz-box-shadow: 2px 2px 5px black;
							box-shadow: 2px 2px 5px black;
								}
				
				
				#werkstoffe {
				width: 300px;
				float:left;
				margin: 20px 30px 20px 30px;
					}
					#werkstoffhead {
				width: 300px;
				float:left;
				margin: 0px 0px 0px 0px;
				text-align:center;
					}
					#werkstoff {
				width: 150px;
				float:left;
				margin: 10px 0px 0px 75px;
				text-align:center;
					}
				#skin {
				float:left;
				margin: 10px 0px 0px 180px;
				text-align:center;
					}
					
				
					
				
				 #patina {
				width: 720px;
				float:left;
				margin: 20px 0px 20px 0px;
					}
					#patinahead {
				width: 720px;
				float:left;
				margin: 0px 0px 0px 0px;
				text-align:center;
					}
					#patin {
				width: 80px;
				height: 120px;
				float:left;
				margin: 11px 8px 0px 8px;
					}
								
			#textblock {
		width: 400px;
		float:left;
		margin: 40px 0px 120px 0px;
				}
			
			
			#picture {
		width: auto;
		float:left;
		margin: 10px 10px 10px 0px;
		-webkit-box-shadow: 2px 2px 5px black;
		-moz-box-shadow: 2px 2px 5px black;
		box-shadow: 2px 2px 5px black;
				}
			#pictureright {
		width: auto;
		float:right;
		margin: 10px 0px 0px 10px;
		-webkit-box-shadow: 2px 2px 5px black;
		-moz-box-shadow: 2px 2px 5px black;
		box-shadow: 2px 2px 5px black;
				}
		#kontaktform {
		width: 400px;
		float:left;
		margin: 0px 0px 40px 0px;
				}
		#kontaktadress {
		width: 300px;
		float:left;
		margin: 0px 0px 0px 20px;
				}
				
	#footer {
	width: 980px;
	padding: 30px 0px 0px 0px;
	text-align: center;
		}
	
/* -------------------------------------------------- */
a.LInavi:link, a.LInavi:visited, a.LInavi:active, a.LInavi:focus, a.LInavi:hover{
	font-weight:normal;
	color:#666;
	text-decoration:none;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

a.LIext:link, a.LIext:visited, a.LIext:active, a.LIext:focus, a.LIext:hover{
	font-weight:normal;
	color:#595959;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}


a.link:link, a.link:visited, a.link:active, a.link:focus{
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	color:#5978A6;
	font-size: 10px;
	font-family:sans-serif;
 }
a.link:hover {
	text-decoration:underline;
	font-weight:normal;
	color:#5978A6;
	font-size: 10px;
	font-family: sans-serif;
 }

ul#navigation {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul#navigation li {
    background-image: url(/graphics/arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 4px; 
    padding-left: 15px;
}


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

.navigation {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#4E8F0C;
	font-weight: normal;
	text-align: justify;
}
.headgrey {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color:#666;
	font-weight: bold;
}

.TXTxsm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 6px;
}
.TXTsm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
.TXTsmlightgrey {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#666;
}
.TXTmed {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

.german {
	display:block;
	width: 25px;
	height: 20px;
	float:left;
	background-image:url(german.jpg);
}
.german:hover {filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}

.english {
	display:block;
	width: 25px;
	height: 20px;
	float:left;
	background-image:url(english.jpg);
}
.english:hover {filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}