/**************************
 * TAUSCH.COM
 *************************/

/**************************
 * Reset CSS
 *************************/
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: 0;
                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;
}

/**************************
 * Global Tausch CSS
 *************************/
html {	overflow-y:scroll;}
body {
                background: #fff url('./img/background.gif') repeat-x;
                font-size: 12px;
                color: #9c9e9f;
                font-family: arial, verdana, tahoma, sans-serif;
                margin: 0 0 20px 0;
}

a {
                color: #000;
                text-decoration: none;
}

h2 {
                color: #8c8b8d;
                font-size: 28px;
                font-weight: normal;
                margin: 0 0 15px 0;
}

h3 {
                color: #e2001a;
                font-size: 22px;
                font-weight: normal;
                margin: 20px 0 10px 0;
}

h4 {
                color: #000;
                font-size: 18px;
                font-weight: normal;
                margin: 20px 0 0 0;
                height: 24px;
                line-height: 24px;
}

p {
                line-height: 14px;
}

.clearfix {
                clear:both;
}

#container {
                margin: 0 auto;
                width: 980px;
}

#languagebar {
                color: #9c9e9f;
                font-size: 12px;
                text-align: right;
                height: 34px;
                line-height: 34px;
                width: 853px;
                padding: 0 10px 0 0;
}

#languagebar a {
                color: #9c9e9f;
                text-decoration: underline;
}

#languagebar .active {
                color: #000;
}

#sidebar {
                background: transparent url('./img/menu_separator.gif') no-repeat 14px bottom;
                font-size: 14px;
                float: left;
                display: inline;
                width: 253px;
}

#sidebar h1 {
                margin: 18px 0 27px 0;
}

#sidebar h1 a {
                background: transparent url('./img/logo.gif') repeat-x;
                display: block;
                text-indent: -9999px;
                width: 187px;
                height: 104px;
}

#sidebar ul {
                background: transparent url('./img/menu_separator.gif') no-repeat;
                margin: 0 0 0 14px;
                padding: 11px 0;
}

#sidebar ul li ul {
                background: none;
                margin: 0 0 0 0;
                padding: 0;
}

#sidebar ul li.active ul li.active a,
#sidebar li.active a {
                background: transparent url('./img/menu_active.gif') no-repeat 0 3px;
                color: #000;
                font-weight: bold;
}

#sidebar .divider, #exhibitions {
                padding-top: 28px;
                background: transparent url('./img/menu_separator.gif') no-repeat 0 14px;
}

#sidebar ul li a {
                line-height: 17px;
                padding: 0 0 0 39px;
}

#sidebar ul li.active ul li a,
#sidebar ul li ul li a {
                background: none;
                font-weight: normal;
                color: #575757;
                line-height: 17px;
                padding: 0 0 0 74px;
}

#sidebar #menu.disabled ul li ul {
                display: none;
}

#sidebar #menu.disabled ul li a {
                color: #b6b6b6;
}

#content {
                float: left;
                display: inline;
                min-height:565px;
                height:auto !important;
                height:565px;
}

/**************************
 * Standard page CSS
 *************************/
.standard-wrapper {
                background: #fff;
                width: 560px;
                padding: 25px;
                margin: 0 0 0 5px;
}



a.link {
                background: #e2e2e2;
                color: #9c9e9f;
                padding: 5px 8px;
}

img.right {
                float: right;
                margin: 0 0 0 20px;
}

#pagination p {
	font-size: 12px;
	font-weight: bold;
	color: #9c9e9f;
}

#pagination p span {
	font-weight: normal;
}

#pagination a {
	float: left;
	display: inline;
	line-height: 30px;
	color: #9c9e9f;
	background: #eeeeee;
	width: 127px;
	margin: 10px 8px 0 0;
	text-align: center;
}

#pagination a.disabled {
	cursor: auto;
	height: 28px;
	line-height: 12px;
	padding: 2px 20px 0 20px;
	width: 87px;
}

/**************************
 * Homepage CSS
 *************************/
.homepage-wrapper {
                background: transparent;
                width: 720px;    
                margin: -5px 0 0 0;
}

.homepage-wrapper .item {
                background: transparent url('./img/home_block.png') no-repeat;
                float: left;
                display: inline;
                height: 185px;
                width: 260px;
                padding: 125px 25px 0 25px;
                position: relative;
}

.homepage-wrapper .item.news{
                background: transparent url('./img/home_news_block.png') no-repeat;
}

.homepage-wrapper .item.about{
                background: transparent url('./img/home_about_block.png') no-repeat;
}

.homepage-wrapper .item.excellence{
                background: transparent url('./img/home_excellence_block.png') no-repeat;
}

.homepage-wrapper .item.projects{
                background: transparent url('./img/home_projects_block.png') no-repeat;
}

.homepage-wrapper .item h2 {
                font-size: 23px;
                margin: 0 0 15px 0;
}

.homepage-wrapper .item p {
                
}

.homepage-wrapper .item a.more {
                display: block;
                background: #e2e2e2;
                color: #9c9e9f;
                position: absolute;
                padding: 5px 8px;
                top: 265px;
                left: 25px;
}

/**************************
 * News page CSS
 *************************/
.news-item,
.news-item-full {
                background: transparent url('./img/news_separator.gif') repeat-x bottom left;
                padding: 17px 0;
                overflow: hidden;
                width: 100%;
}

.news-item-full {
                background: none;
}

.news-item-full img,
.news-item img {
                float: right;
                margin: 0 0 0 20px;
}

.news-item-full .details,
.news-item .details {
                color: #000;
}

.news-item-full .details {
                margin: 0 0 15px 0;
}

.news-item-full .details .date,
.news-item .details .date {
                float: right;
}

.news-item h3 {
                color: #000;
                font-size: 14px;
                font-weight: bold;
}

.news-item-full p,
.news-item p {
                margin: 0 0 15px 0;
}

.news-item-full a,
.news-item a {
                color: #000;
                font-weight: bold;
}

/**************************
 * Contact CSS
 *************************/
address {
                display: inline;
                font-style: normal;
                float: left;
                width: 185px;
                margin: 0 20px 0 0;
}

address a#route {
                display: block;
                background: #e2e2e2;
                color: #9c9e9f;
                padding: 5px;
                text-align: center;
                cursor: pointer;
}

address #startaddress {
                border: 1px solid #a5a5a5;
                border-right: 1px solid #e1e1e1;
                border-bottom: 1px solid #e1e1e1;
                width: 179px;
                padding: 3px 2px;
                margin: 8px 0;
}

#tausch_map {
                display: inline;
                float: left;
                height: 247px;
                width: 352px;
}

#form li {
                clear: both;
}

#form #error {
                display: none;
                color: #e2001a;
                background: #f5e0e1;
                border: 1px solid #d0afaf;
                padding: 5px 10px;
                width: 430px;
                margin: 0 0 9px 0;
}

#form #error li {
                margin: 3px 0;
}

#form label {
                width: 205px;
                display: block;
                float: left;
                padding: 4px 0 0 0;
}

#form label.radio {
                width: auto;
                padding: 4px 16px 0 7px;
}

#form textarea,
#form input {
                float: left;
                font-size: 11px;
                color: #9c9e9f;
                font-family: arial, verdana, tahoma, sans-serif;
                margin: 0 0 9px 0;
}

#form textarea,
#form input.small,
#form input.medium,
#form input.large {
                border: 1px solid #cccccc;
                padding: 2px;
}

#form input.small {
                width: 92px;
}

#form input.medium {
                width: 138px;
                margin-right: 5px;
}

#form input.large {
                width: 241px;
}

#form input.radio {
                padding: 0;
                margin: 3px 0 0 0;
                height: 11px;
}

#form textarea.large {
                width: 241px;
                height: 82px;
}

#form input.submit {
                padding: 5px 40px;
                background: #eeeeee;
                color: #9c9e9f;
                border: 0;
                margin: 0 0 0 205px;
}

/**************************
 * D/E CSS
 *************************/
h4.heart {
                background: transparent url('./img/heart_icon.gif') no-repeat left 5px;
                padding: 0 0 0 27px;
}

h4.team {
                background: transparent url('./img/team_icon.gif') no-repeat left 5px;
                padding: 0 0 0 27px;
}

h4.material {
                background: transparent url('./img/material_icon.gif') no-repeat left 5px;
                padding: 0 0 0 27px;
}

h4.production {
                background: transparent url('./img/production_icon.gif') no-repeat left 5px;
                padding: 0 0 0 27px;
}

h4.communication {
                background: transparent url('./img/communication_icon.gif') no-repeat left 5px;
                padding: 0 0 0 27px;
}

/**************************
 * Overview CSS
 *************************/
#overview {
	margin: 0 0 95px -18px;
}
#overview a {
	color: #fff;
	float: left;
	display: inline;
	width: 101px;
	height: 102px;
	padding: 25px 13px 0 13px;
	text-align: center;
	margin: 24px 0 0 18px;
}

#overview a:hover {
	background: #e2001a;
}

#overview h3 {
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	margin: 3px 0 0 0;
}

/**************************
 * Showcase CSS
 *************************/
#showcase {

}

.brand {
	float: right;
	margin: 40px 10px 19px 0;
	width: 158px;
	display: inline;
	text-align: center;
}

#showcase h3 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
}

.galleria{list-style:none;width:168px; float: left; display: inline; margin: 0; }
.galleria li{display:inline;width:74px;height:74px;overflow:hidden;float:left;margin:0 0 10px 10px}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
.galleria_wrapper img { width: 378px; height: 378px; }
.galleria_wrapper { width: 378px; height: 378px; display: block; }
.galleria_container { float: left; display: inline; width: 378px; margin: 30px 12px 0 0; }
* html .galleria li div span{width:400px} /* MSIE bug */
.replaced {
	position: absolute;
	z-index: 0;
}

a.close {
	background: url('./img/close.gif') no-repeat right 2px;
	float: right;
	padding: 0 20px 3px 0;
	font-size: 11px;
	line-height: 15px;
	color: #9c9e9f;
	cursor: pointer;
}
.imageZoom { height: 620px; width: 565px; position: absolute; top: 40px; background: #fff; z-index: 200; visibility: hidden; }
.imageZoom img { width: 565px; margin: 5px 0 0 0; }

/**************************
 * Popup CSS
 *************************/
div#tausch_overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: none;
                z-index: 30;
}

div#tausch_loading {
                position: absolute;
                height: 40px;
                width: 40px;
                cursor: pointer;
                display: none;
                overflow: hidden;
                background: transparent;
                z-index: 100;
}

div#tausch_loading div {
                position: absolute;
                top: 0;
                left: 0;
                width: 40px;
                height: 480px;
                background: transparent url('./img/tausch_progress.png') no-repeat;
}

div#tausch_outer {
                position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#tausch_inner {
                position: relative;
                width:100%;
                height:100%;
                background: #FFF;
}

div#tausch_content {
                margin: 0;
                z-index: 100;
                position: absolute;
}

div#tausch_div {
                background: #000;
                color: #FFF;
                height: 100%;
                width: 100%;
                z-index: 100;
}

img#tausch_img {
                position: absolute;
                top: 0;
                left: 0;
                border:0; 
                padding: 0; 
                margin: 0;
                z-index: 100;
                width: 100%;
                height: 100%;
}

div#tausch_close {
                position: absolute;
                top: -12px;
                right: -15px;
                height: 30px;
                width: 30px;
                background: url('./img/tausch_closebox.png') top left no-repeat;
                cursor: pointer;
                z-index: 181;
                display: none;
}

#tausch_frame {
                position: relative;
                width: 100%;
                height: 100%;
                display: none;
}

#tausch_ajax {
                width: 100%;
                height: 100%;
                overflow: auto;
}

a#tausch_left, a#tausch_right {
                position: absolute; 
                bottom: 0px; 
                height: 100%; 
                width: 35%; 
                cursor: pointer;
                z-index: 111; 
                display: none;
                background-image: url("data:image/gif;base64,AAAA");
                outline: none;
                overflow: hidden;
}

a#tausch_left {
                left: 0px; 
}

a#tausch_right {
                right: 0px; 
}

span.tausch_ico {
                position: absolute; 
                top: 50%;
                margin-top: -15px;
                width: 30px;
                height: 30px;
                z-index: 112; 
                cursor: pointer;
                display: block;
}

span#tausch_left_ico {
                left: -9999px;
                background: transparent url('./img/tausch_left.png') no-repeat;
}

span#tausch_right_ico {
                right: -9999px;
                background: transparent url('./img/tausch_right.png') no-repeat;
}

a#tausch_left:hover, a#tausch_right:hover {
                visibility: visible;
                background-color: transparent;
}

a#tausch_left:hover span {
                left: 20px; 
}

a#tausch_right:hover span {
                right: 20px; 
}

#tausch_bigIframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: transparent;
}

div#tausch_bg {
                position: absolute;
                top: 0; left: 0;
                width: 100%;
                height: 100%;
                z-index: 70;
                border: 0;
                padding: 0;
                margin: 0;
}
                
div.tausch_bg {
                position: absolute;
                display: block;
                z-index: 70;
                border: 0;
                padding: 0;
                margin: 0;
}

div#tausch_bg_n {
                top: -20px;
                left: 0;
                width: 100%;
                height: 20px;
                background: transparent url('./img/tausch_shadow_n.png') repeat-x;
}

div#tausch_bg_ne {
                top: -20px;
                right: -20px;
                width: 20px;
                height: 20px;
                background: transparent url('./img/tausch_shadow_ne.png') no-repeat;
}

div#tausch_bg_e {
                right: -20px;
                height: 100%;
                width: 20px;
                background: transparent url('./img/tausch_shadow_e.png') repeat-y;
}

div#tausch_bg_se {
                bottom: -20px;
                right: -20px;
                width: 20px;
                height: 20px;
                background: transparent url('./img/tausch_shadow_se.png') no-repeat;
}

div#tausch_bg_s {
                bottom: -20px;
                left: 0;
                width: 100%;
                height: 20px;
                background: transparent url('./img/tausch_shadow_s.png') repeat-x;
}

div#tausch_bg_sw {
                bottom: -20px;
                left: -20px;
                width: 20px;
                height: 20px;
                background: transparent url('./img/tausch_shadow_sw.png') no-repeat;
}

div#tausch_bg_w {
                left: -20px;
                height: 100%;
                width: 20px;
                background: transparent url('./img/tausch_shadow_w.png') repeat-y;
}

div#tausch_bg_nw {
                top: -20px;
                left: -20px;
                width: 20px;
                height: 20px;
                background: transparent url('./img/tausch_shadow_nw.png') no-repeat;
}

div#tausch_title {
                position: absolute;
                z-index: 100;
                display: none;
}

div#tausch_title div {
                color: #FFF;
                font: bold 12px Arial;
                padding-bottom: 3px;
                white-space: nowrap;
}

div#tausch_title table {
                margin: 0 auto;
}

div#tausch_title table td {
                padding: 0;
                vertical-align: middle;
}

td#tausch_title_left {
                height: 32px;
                width: 15px;
                background: transparent url('./img/tausch_title_left.png') repeat-x;
}

td#tausch_title_main {
                height: 32px;
                background: transparent url('./img/tausch_title_main.png') repeat-x;
}

td#tausch_title_right {
                height: 32px;
                width: 15px;
                background: transparent url('./img/tausch_title_right.png') repeat-x;
}

/**************************
 * Mooflow CSS
 *************************/
#MooFlow {
	width: 560px;
}
.mf{visibility: hidden; z-index:1; color:#fff; font-size:14px}
.mf * {
	outline:none;
	border:none;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:45%;
	width:100%;
	background:url('./img/loader.gif') no-repeat 50% 0;
	padding:50px 0;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:1em auto;
	bottom:50px;
	width:100%;
}
.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url('./img/play.gif') no-repeat;
}
.mf a.stop{
	background:url('./img/stop.gif') no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url('./img/left.gif') no-repeat;
}
.mf a.sliderPrev{
	background:url('./img/right.gif') no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:25px;
	height:16px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url('./img/resize.gif') no-repeat;
}
.mf div.slider{
	background:url('./img/middle.gif') repeat-x;
	height:16px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:16px;
	background:url('./img/middle-slider.gif') repeat-x right center;
}
.mf div.knobleft{
	background:url('./img/left-slider.gif') repeat-x center;
	width:8px;
	height:16px;
}

.mf a.show {
	position:absolute;
	margin-left:-142px;
	width:284px;
	height:354px;
	top:25px;
	left:50%;
	z-index:1000;
	cursor:pointer;
}
.mf a.show.image{
	background:url('./img/open_image.png') no-repeat 50%;
}
.mf a.show.viewerload{
	background:url('./img/loader.gif') no-repeat 50%;
}
.mf a.show.link{
	background: transparent url('./img/tooltip.png') no-repeat 99999px 0;
	padding: 0;
}
.mf div.tooltip{
	background:url('./img/tooltip.png') no-repeat 50%;
	width:262px;
	margin-left:-151px;
	height:70px;
	padding:20px;
	position:absolute;
	z-index:101;
	top:0;
	left:50%;
	text-align:center;
	display: none;
	visibility: hidden;
}