﻿/**/

/*->  Reset  --*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,
details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,
hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,
samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp
{margin:0;border:0;padding:0;font-size:100%}
html,body {height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
b,strong {font-weight:bold}
img {color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
ol,ul {list-style:none}
li {display:list-item}
table {border-collapse:collapse;border-spacing:0}
th,td,caption {font-weight:normal;vertical-align:top;text-align:left}
q {quotes:none} q:before,q:after {content:'';content:none}
sub,sup,small {font-size:75%} sub,sup {line-height:0;position:relative;vertical-align:baseline}
sub {bottom:-0.25em} sup{top:-0.5em} svg{overflow:hidden}

/*->  Allgemene Einstellungen  --*/
a {cursor:pointer;}
br.clear {clear:both; margin-top:-15px;}
img {max-width:100%; height:auto; width:auto\9; /* ie8 */}
.img-fixed {position:fixed; width:100%; height:100%; top:0px; left:0px}

input[type=number] {text-align:left;}
input[placeholder], textarea[placeholder] {color:#777; font-size:11px;}
/*
:-moz-placeholder {color:red; font-size:11px;}
::-webkit-input-placeholder {color:red; font-size:11px;}
*/
.wrap {white-space:normal; word-wrap:break-word;}
Q {quotes:"\00ab" "\00bb";}

.active {display:block; }
.nonactive {display:none; }
.noborder {border: 0px !important;}

.pd12 {padding-left:12px; padding-right:12px;}
.pd24 {padding-left:24px; padding-right:24px;}
.w33 {width:33%;}
.w50 {width:49%;}

/*->  CSS3  --*/
.text_shadow {text-shadow:2px 2px 2px #aaa;}
.shadow {box-shadow:10px 10px 5px #888; -webkit-box-shadow:10px 10px 5px #888; -moz-box-shadow:10px 10px 5px #888; -khtml-box-shadow:10px 10px 5px #888;}
.shadow-none {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.rotate {-webkit-transform:rotate(5deg);}

.border-radius-0 {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.border-radius-4 {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.gradient {
	background-image:-webkit-gradient(linear, left 20, left bottom, color-stop(0, #525559), color-stop(1, #1E1E1F)) !important;
	background-image:-moz-linear-gradient(center top, #525559 0%, #1E1E1F 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#525559', EndColorStr='#1e1e1f');
}


/*->  Haupt  --*/
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y:scroll;}
body { 
	font-size:62.5%; font-family:Helvetica, "Helvetica Neue", Arial, Verdana;
	line-height:1.4em;
	color:#25292c;
	background:#fff; /*url(http://kultur.gomexlive.com/layout/images/bg_body.png) repeat-x top left;*/
}

.main {margin:auto; width:960px;}
.wrapper {width:auto; overflow:hidden; zoom:1;}
.wrapper:after {clear:both; content:" "; display:block; height:0; visibility:hidden; zoom:1;}

/*->  Layout Blocks  --*/
#page {background:#eee;}
div {font-size:13px; line-height:17px;}


/*->  IE Fixes  --*/
.lt-ie9 img {width:100%; padding:0 !important;}
.lt-ie9 input[placeholder], .lt-ie9 textarea[placeholder] {font-size:12px;}
/*.lt-ie8 img {}
.lt-ie7 img {}*/
.lt-ie7 .col-1, .lt-ie7 .col-2, .lt-ie7 .col-3, .lt-ie7 .col-4, .lt-ie7 .col-5, .lt-ie7 .col-6, .lt-ie7 .col-7, 
.lt-ie7 .col-8, .lt-ie7 .col-9, .lt-ie7 .col-10, .lt-ie7 .col-11, .lt-ie7 .col-12 {margin:0 1.2% 20px;}

/*->  Mobile: Smartfons  --*/
@media screen and (max-device-width:480px) {
	.list {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.main {width:100% !important;}
	.wrapper {margin:0;}

	.col-container {margin:0 !important; width:100%; }
	#page .col-1, #page .col-2, #page .col-3, #page .col-4, #page .col-5, #page .col-6, 
	#page .col-7, #page .col-8, #page .col-9, #page .col-10, #page .col-11, #page .col-12 {
		margin:0 10px 20px !important;
		display:block !important; 
		width:98% !important;
	}
}
@media screen and (max-device-width:480px) and (orientation:portrait) {
	#offline-text {
		font-size: 10px;
	}

}
@media screen and (max-device-width:480px) and (orientation:landscape) {
	#offline-text {
		font-size: 10px;
	}

}

/*->  Mobile: Retina Display  --*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {}

/*->  Mobile: Tablets  --*/
@media screen and (min-device-width:485px) and (max-device-width:1024px) {
	.main {width:100% !important;}
	.wrapper {margin:0;}

}
@media screen and (min-device-width:485px) and (max-device-width:1024px) and (orientation:portrait) {
	.main {width:100% !important;}
}
@media screen and (min-device-width:485px) and (max-device-width:1024px) and (orientation:landscape) {}

/*->  Desktop  --*/
@media screen and (min-device-width:1030px) {}