/* Reset */
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: 50;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0; }

/* Clear Fix */
.fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fix { display: inline-block }
* html .fix { height: 1% }
.fix { display: block }

/* General */
body { color: #333; background: #eceff4 url('../img/top.png') repeat-x top }
a { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline }

#bg {background: url('../img/bottom.png') repeat-x bottom }

#site { width: 960px; margin: auto }

/* Header */
#header { height: 180px }
#top { height: 38px; float: right }
#top img { margin: 0 7px 0 12px }
#top a { color: #999; margin: 10px 0 0 0; line-height: 16px; float: left }
#logo { margin: 18px 0 0 20px; float: left }
#homeButton { margin: 90px 0 0 120px; float: left }
#productButton { margin: 90px 0 0 40px; float: left }
#germanButton { margin: 100px 0 0 60px; float: left }
#englishButton { margin: 100px 0 0 15px; float: left }
/* Menu */
#menu {
	clear: both;
	height: 120px;
	border: 1px solid #ccc;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #fff 0 1px 1px;
	background: url('../img/menu.png') repeat-x;
}
#menu li {
	height: 50px;
	line-height: 48px;
	padding: 0 30px;
	background: url('../img/line.png') no-repeat left;
	float: left
}
#menu li.first {
	background: none;
}
#menu li.first:hover {
	background: url('../img/menu-hov.png') no-repeat right;
}
#menu li:hover {
	background: url('../img/menu-hov.png') no-repeat left;
}
#menu a:hover { text-decoration: none }

/* Lang */
#lang { padding: 4px 10px; margin: 20px 0 0 0; float: right }
#lang .icon { width: 16px; height: 14px; float: left }
#lang .line { width: 16px; height: 14px; float:left; background: url(../img/t-line.png) center center no-repeat }

/* Search */
#search { margin: 20px 0 0 0; float: right }
#search .inp { width: 140px; font-size: 10px; padding: 3px 4px; margin: 0 5px; border: 1px solid #cbcbc9; float: left }
#search .sub { width: 18px; height: 20px; display: block; border: none; background: url(../img/search.png) no-repeat center center; float: left }

/* Slide */
/* #slide { padding: 4px; border: 1px solid #ccc; margin: 0 0 20px 0; background: #fff } */

/* Welcome */
#welcome { padding: 30px 0 15px 0; border: 1px solid #ccc; margin: 0 0 20px 0; background: #fff }
#welcome .side { width: 450px; margin: 0 0 0 25px; float: left}
#welcome .normal { width: 900px; margin: 0 0 0 25px; float: left}
#welcome .title { height: 70px; font-size: 20px; font-weight: bold; text-transform: uppercase }
#welcome .description { font-size: 14px; color: #4f4f4f; padding: 0 0 15px 0; line-height: 18px}
#welcome .list { padding: 0 0 5px 0 }
#welcome .name { font-size: 14px; font-weight: bold }
#welcome .date { font-size: 12px; padding: 5px 0; color: #fea807 }
#welcome .text { line-height: 18px }

/* Block */
#block { padding: 30px 0; border: 1px solid #ccc; color: #ccc; margin: 0 0 20px 0; background: #4a4d52 }
#block a { color: #ccc }
#block .side { width: 440px; margin: 0 0 0 25px; float: left}
#block .title { height: 50px; font-size: 18px; color: #fff; font-weight: bold; text-transform: uppercase }
#block .list { line-height: 18px; padding: 0 0 20px 0 }
#block .img { width: 80px; height: 60px; background: #fff; padding: 2px; margin: 0 15px 0 0; float: left}
#block .name { font-size: 14px; font-weight: bold; display: block }

/* Content */
#content { padding: 0 25px 30px 25px; border: 1px solid #ccc; margin: 0 0 20px 0; background: #fff }
#content .left { width: 640px; float: left}
#content .right { width: 244px; float: right}
#content .title { padding: 30px 0; font-size: 18px; font-weight: bold; text-transform: uppercase }
#content .description { font-size: 14px; color: #4f4f4f; padding: 0 0 15px 0; line-height: 18px}
#content .list { padding: 0 0 15px 0 }
#content .name { font-size: 14px; font-weight: bold }
#content .date { font-size: 12px; padding: 5px 0; color: #fea807 }
#content .text { line-height: 18px; font-size: 14px; color: #4f4f4f }
#content .info { line-height: 20px; font-size: 14px; padding: 0 0 20px 0; color: #4f4f4f }
#content ul { padding: 0 10px 20px 0; }
#content li {  padding: 5px 20px; background: url('../img/li.png') no-repeat left center; }

/* Location */
#location { margin: -25px 0 0 0; height: 30px; font-size: 10px }
#location a { padding: 0 10px 0 0 }
#location a:hover { color: #fe7c25 }

/* Attached */
#attached { font-size: 11px;  color: #4f4f4f; margin: 90px 0 0 0 }
#attached a { color: #4f4f4f }
#attached .a-img { margin: 0 0 30px 0; border: 2px solid #ccc }
#attached .a-title { font-weight: bold; margin: 0 0 8px 0 }
#attached .a-list { margin: 5px 0 }
#attached .a-icon { width: 30px; float: left }
#attached .a-name { width: 214px; margin: 2px 0 0 0; float: left }

/* Contact */
#contact { color: #555; font-size: 11px }
#contact .c-name { width: 115px; line-height: 22px; float: left }
#contact .inp { width: 165px; font-size: 11px; padding: 4px; margin: 2px 250px 2px 0; border: 1px solid #ccc; float: left }
#contact .area { width: 400px; height: 150px; padding: 4px; margin: 2px 0 10px 0; border: 1px solid #ccc; float: left }
#contact .button { width: 70px; height: 25px; text-align: center; line-height: 25px; margin-left: 115px; background: #fe7c25; text-transform: uppercase; border: 1px solid #ccc; clear: both }
#contact .button a { color: #fff }

/* Gallery */
#gallery { }
#gallery .g-list { margin: 10px 10px 10px 0; float: left }
#gallery .g-img { width: 190px; height: 150px; padding: 4px; border: 1px solid #e6e6e6 }
#gallery .g-name { padding: 15px 0 0 2px }

/* Footer */
#footer { height: 60px }
#copyright { font-size: 11px; padding: 0 30px 0 5px; float: left }
#share { float: left }
#digital { margin: 5px 0; float: right }
