/*
Original design: In Response (v1.1 - May 15th, 2013)
For more information, see http://andreasviklund.com/dt_portfolio/in-response/
*/
@font-face {
	font-family: myfont_menge;

	src: url("../style/font/ArchivoNarrow-Regular.otf");

}
@font-face {
	font-family: myfont_regular;

	src: url("../style/font/Oswald-Regular.otf");

}
@font-face {
	font-family: myfont_bold;

	src: url("../style/font/Oswald-Bold.otf");
	font-weight: normal;

}
/* General styles */
body {
	background:#fff;
	color:#000; 
	font-family: myfont_regular, sans-serif; 
	margin:0px; 
}
body.menuiframe {

	background: transparent;
}
a {
	color:#d06060; 
	text-decoration:none; 
}	
a:hover {
	
	text-decoration:underline;
}

/* Main layout container */
#layout {
	width:100%;
	margin:0px; 
	padding:0px
}
.layouthell {
	background-image: url("../images/bgverlauf_weiss.png");
    position: relative;
}
.layoutblack {
	background-image: url("../images/bgverlauf_darkbraun.png");
    position: relative;
}
.layoutcubu {
	background-image: url("../images/bgverlauf_cubu.png");
    position: relative;
}
.layout3player {
	background-image: url("../images/bgverlauf_3player.png");
    position: relative;
}
.layoutmcbeam {
	background-image: url("../images/bgverlauf_mcbeam.png");
    position: relative;
}
.layoutspeedy {
	background-image: url("../images/bgverlauf_speedy.png");
    position: relative;
}
.row {
	width:960px; 
	margin:auto;
	background:#fff;
	overflow:hidden;
}
.row3col {
	width:670px; 
	overflow:hidden;
	padding: 0;
}
.halftrans {
	height:200px;
	background:rgba(0, 0, 0, 0);
}
.transtop {
	height:280px; 
	width:10%; 
	margin:auto; 
	background:transparent;
}
.bgimage {
	width:100%; 
	position: fixed;
	z-index: -1000;
}
/* -----------------------------test----------------------------------- */
#randomimage {
	position: relative;
	background: transparent;
	display: none;
	z-index: 500;
	width:100%; 
	top: 0px;
}
/* -----------------------------test----------------------------------- */
/* Grid classes, fixed width, 960px with 12 columns */
.col {
	width:100%;
	float:left; 
	margin:10px;
	overflow:hidden; 
	display:inline;
}
.txtcenter {
	float:middle; 
}

.col img {
	max-width:100%;
}

.c1 {width:940px;}
.c2 {width:460px;}
.c3 {width:300px;}
.c4 {width:220px;}
.c30 {width:223px;}

h1 {font-family: myfont_bold, sans-serif; font-weight:normal; font-size:80px; line-height:88px; margin-bottom:10px; margin-top:10px;}
h1 a {color:#000; text-decoration:underline;}
h1 a:hover {text-decoration:none; color:#ff4800;}

h2 {font-family: myfont_bold, sans-serif; font-weight:normal; font-size:46px; line-height:56px; margin-bottom:0; margin-top:0;}
h2 a {color:#000; text-decoration:underline;}
h2 a:hover {text-decoration:none; color:#000;}

h3 {font-family: myfont_bold, sans-serif; font-weight:normal; font-size:32px; line-height:40px; margin-top:0px; margin-bottom:-10px;}
h3 a {color:#000; text-decoration:underline;}
h3 a:hover {text-decoration:underline; color:#ff4800;}
h3regular {font-family: myfont_regular, sans-serif; font-weight:normal; font-size:32px; line-height:44px;}

h4 {font-family: myfont_bold, sans-serif; font-weight:normal; font-size:24px; line-height:30px; margin-top:0px; margin-bottom:-16px;}
h4regular {font-family: myfont_regular, sans-serif; font-weight:normal; font-size:24px; line-height:28px;}


p {font-family: myfont_menge, sans-serif; color:#000; font-size:20px; line-height:26px;
}
pp {font-family: myfont_menge, sans-serif; color:#000; font-size:24px; line-height:30px;
}

.typoweiss {color:#fff;}


/* Additional text classes */
.alignleft {margin: 10px;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.nomargin {margin:0; padding:0;}
.larger {font-size:1.2em;}
.smaller {font-size:0.9em;}
.textblack {color: #000;}

.sliderwidth_hundred {width:100%; margin:20px auto 0px;}
.sliderwidth_seventy {width:70%; margin:20px auto 0px;}

.titeldistance {margin:0px auto 200px; }
.titeldistance_start {margin:0px auto 100px; }
.widthsmale {width:40%;}
.widthmiddle {width:60%;}
.widthlarge {width:80%;}

.headerimage img {width:96%; height:auto;}
.hundred img {width:100%; margin: auto;}
.ninety img {width:90%; margin: auto;}
.eighty img {width:80%; margin: auto;}
.seventy img {width:70%; margin: auto;}
.sixty img {width:60%; margin: auto;}
.fifety img {width:50%; margin: auto;}
.twofife img {width:25%; height:auto;}
.cdinlay img {width:56%; margin: auto;}
.cd img {width:50%; margin: auto;}
.comic img {width:70%; margin: auto;}
.comicglobi img {width:55%; margin: auto;}
.posterhoch img {width:60%; margin: auto;}
.start img {width:100%; height: auto;}
.hophop img {width:640px; height: auto;}

.sliderhistory img {width:960px; margin: auto;}
.sketchcubu img {width:40%; margin: auto;}



.bgdark {background:#333;}
.bghell {background:#999;}
.bgblack {background:#000;}
.bggreen {background:#00ff00;}
.bgred {background:#ff0000;}
.bgposter {background:#fff;}/*56523b*/
.bgcd {background:#fff;}/*233519*/
.bglp {background:#fff;}/*123142*/
.bgcomic {background:#fff;}
.bgcubu {background:#a1d6b5;}
.bgcubu_dark {background:#4d7f60;}
.bgmcbeam {background:#f6e979;}/*bbe7f2 / c2e6ef / e7d98e*/
.bgmcbeam_dark {background:#8f863c;}/*bbe7f2 / c2e6ef / e7d98e*/
.bgtrans {background:transparent;}
.bgspeedy {background:#ffff44;}
.bgBgames {background:#370000;}
.bg3player {background:#b98121;}/*b98121*/
.bg3player_dark {background:#76450c;}/*9c671b*/


img.middle {vertical-align: middle;}




@media only screen and (max-width : 960px){
#layout {
	width:100%; 
	margin:0px; 
	padding:0px;
}
.row {
	width:90%; 
	margin:auto; 
}
.row3col {
	width:90%; 
}
.halftrans {
	height:100px;
	background:rgba(0, 0, 0, 0);
}
.transtop {
	height:220px; 
	width:20%; 
	margin:auto; 
	background:transparent;
}
.row_max {
	width:100%; 
	position: fixed;
	z-index: -1000;
}

.c1 {width:96%;}
.c2 {width:96%;}
.c3 {width:45%;}
.c4 {width:45%;}
.c30 {width:70%;}

/* Additional text classes */
.nomargin {margin:0; padding:0;}

.sliderwidth_seventy {width:90%; margin:20px auto 0px;}

.titeldistance {margin:0px auto 100px; }
.widthsmale {width:60%;}
.widthmiddle {width:90%;}
.widthlarge {width:100%;}

.headerimage img {width:100%; margin:auto;}
.ninety img {width:94%; margin: auto;}
.eighty img {width:90%; margin: auto;}
.seventy img {width:80%; margin: auto;}
.sixty img {width:70%; margin: auto;}
.fifety img {width:60%; margin: auto;}
.twofife img {width:25%; height:auto;}
.cdinlay img {width:77%; margin: auto;}
.cd img {width:70%; margin: auto;}
.comic img {width:100%; margin: auto;}
.comicglobi img {width:80%; margin: auto;}
.posterhoch img {width:70%; margin: auto;}
.start img {width:80%; height: auto;}
.hophop img {width:95%; height: auto;}

.sliderhistory img {width:100%; margin: auto;}
.sketchcubu img {width:80%; margin: auto;}

.bgposter {background:#fff;}
.bgcomic {background:#fff;}
.bgcd {background:#fff;}/*233519*/
.bglp {background:#fff;}/*123142*/
.bgdark {background:#333;}
.bghell {background:#999;}
.bgblack {background:#000;}

h1 {font-size:60px; line-height:66px; margin:10px auto 10px;}
h2 {font-size:34px; line-height:42px;}
h3 {font-size:26px; line-height:34px;}
h3regular {font-family: myfont_regular, sans-serif; font-weight:normal; font-size:26px; line-height:38px;}
h4 {font-size:18px; line-height:24px;}
h4regular {font-family: myfont_regular, sans-serif; font-weight:normal; font-size:20px; line-height:28px;}

p {color:#000; font-size:20px; line-height:24px;
}
pp {font-family: myfont_menge, sans-serif; color:#000; font-size:22px; line-height:28px;
}

}



@media only screen and (max-width : 640px){
.bgimage {
	width:128%; 
	position: fixed;
	margin-left: -15%;
	z-index: -1000;
}
.titeldistance {margin:0px auto 55px; }

}