/*  all material copyright 2017

    @author creativestep24
    @country germany
    @phone ++49 (0) 2224/960666
    @mail uwe.nowak@creativestep24.de
	22.12.2017

    thank you for examining our code
    feel free to ask us about webdesign, advertisment and editorial design
---------------------------------------------------------------------------------*/

/* reset styles 
--------------------------------------------------------------------------------------*/

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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; }
ol, ul { list-style: none; }

table {background-color: #ffffff; border:1px; margin: 10px; border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }

/* basics: starting styles
 -------------------------------------------------------------------------------------*/
body {min-width: 0px; font: normal 100% Open Sans, sans-serif; text-align: left; color: #56566E; background: #ffffff url('images/bg-gradient.gif') 0 3em repeat-x;  }
p { margin: 0; padding: 0; font: normal 1.0em Open Sans, sans-serif; color: #56566E;}


/* basics: header styles
-------------------------------------------------------------------------------------*/
h1 {font: bold 1.1em Open Sans, sans-serif; text-align: left; margin: 2px; padding: 0.3em 0 0 0; color: #56566E; }
h2 {font: bold 1.2em Open Sans, sans-serif; text-align: center; margin: 2px; padding: 0.3em 0 0 0; color: #56566E; }
h3 { font: italic 2.2em Open Sans, sans-serif; text-align: center; color: #AAE600; }

/* basics: share buttons
-------------------------------------------------------------------------------------*/
#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
float: right;
margin-right: 5px;
}

/* basics: link styles
---------------------------------------------------------------------------------*/
.navigation a { color: #56566E; font: 1.0em Open Sans, sans-serif; }
.navigation a:visited { color: #AAE600; }
.navigation a:hover { color: #AAE600; text-decoration: underline; }
.navigation a:focus {color: #AAE600;}

/* basics: images styles 
------------------------------------------------------------------------------------------*/
img.alignright { padding: 0px; margin: 0 0 0 0; display: inline; border: 0; }
img.alignleft { padding: 0px; margin: 0 0 0 0; display: inline; border: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: 0; }
.alignright { float: right; }
.alignleft { float: left; }

/* basics: unordered list styles
---------------------------------------------------------------------------------*/
ul {
    list-style: none;
    margin-left: 20px;
    margin-bottom: 20px;
}
	
ul li {
    background: url("../img/liststyle_1.png") no-repeat 0px 2px;
    padding-left: 0px;
    margin-bottom: 5px;
	font: normal 0.9em Open Sans, sans-serif;
}

ul li ul {
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 0;
}

ul li ul li {
    background: url("../img/liststyle_2.png") no-repeat 0px 2px;
    display: block;
    padding-left: 15px;
}

/* basics: unordered list styles -intro
---------------------------------------------------------------------------------*/
.intro {	
		font: normal 1.0em Open Sans;
}

.intro ul {
    list-style: normal;
    margin-left: 20px;
    margin-bottom: 20px;
}
	
.intro ul li {
    background: url("../img/liststyle_1.png") no-repeat 0px 2px;
    padding-left: 0px;
    margin-bottom: 5px;
}

/*  basics: form styles
---------------------------------------------------------------------------------*/
input {
    padding: 6px 6px 7px;
    border: #AAE600 solid 1px;
	border-bottom: #dddddd solid 1px;
    border-right: #dddddd solid 1px;
    width: 210px;
    outline: none;
}

input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:visited {
    color: #fff;
	background-color: #AAE600;
	text-decoration: none;
}


input[type=checkbox],
input[type=radio],
input.input_checkbox,
input.input_radio {
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    border: none;
}



/*  basics: form styles - rating eingabe
---------------------------------------------------------------------------------*/
input[type=number] {
    padding: 6px 6px 7px;
    border: #AAE600 solid 1px;
    border-bottom: #dddddd solid 1px;
    border-right: #dddddd solid 1px;
	font: normal 1.8em Open Sans, sans-serif; 
    width: 50px;
    outline: none;
}



/* basics: table styles
----------------------------------------------------------------------------------------------*/

table {
	background-color: #ffffff; 
	border: 1px; 
	width: 600px;
	font: normal 0.9em Open Sans, sans-serif; 
	text-align: left; 
	color: #56566E;
}

table th {
	font-weight: bold; 
	padding: 10px;
}

table td {
	background-color: #ffffff; 
	border: 1px solid; 
	padding: 10px;
	margin-bottom: 0px; 
}

table a { color: #56566E; font: 1.0em Open Sans, sans-serif; }
table a:visited { color: #56566E; }
table a:hover { color: #AAE600; text-decoration: underline; }
table a:focus {color: #AAE600;}

/* navigation: top navigation country auswahl
--------------------------------------------------------------------------------------------*/
#nav_topline0 {height: 20px; margin: 0; padding: 0px; text-align: center; font: normal 1.0em Open Sans, sans-serif; background-color: #fff; }
#nav_topline0 ul {margin-top: 10px;}
#nav_topline0 ul li { display: inline; color: #333; padding: 10px;}
#nav_topline0 ul li a { display: inline; color: #ffffff; padding: 10px; text-decoration: none; }
#nav_topline0 ul li a:hover { text-decoration: underline;}
#nav_topline0 #current { background: transparent url('images/indicator.gif') 50% 100% no-repeat; }


/* navigation: top navigation 
--------------------------------------------------------------------------------------------*/
#nav_topline {height: 80px; margin: 0; padding: 0px; text-align: center; font: normal 1.0em Open Sans, sans-serif; background-color: #fff; }
#nav_topline ul {margin-top: 10px;}
#nav_topline ul li { display: inline; color: #333; padding: 10px;}
#nav_topline ul li a { display: inline; color: #ffffff; padding: 10px; text-decoration: none; }
#nav_topline ul li a:hover { text-decoration: underline;}
#nav_topline #current { background: transparent url('images/indicator.gif') 50% 100% no-repeat; }

#loginpanel {
		font: 1.2em Open Sans, sans-serif; 
		margin-left: 800px
}
#loginpanel a:visited { color: #56566E; }
#loginpanel a:hover { color: #CC3300; font-weight: bold; text-decoration: underline; }
#loginpanel a:focus {color: #CC3300;}

/* navigation: banner 
--------------------------------------------------------------------------------------------*/
#banner {height: 250px; margin: 0; padding: 0px; text-align: center; font: normal 1em Open Sans, sans-serif; background-color: #fff; }

/* navigation: cube navigation
-------------------------------------------------------------------------------------------------*/
.nav1 {		
}

.nav2 {		
}

.action {		
}

.nav3 {		
}

.nav_left {		
}


/* navigation: footer styles
-------------------------------------------------------------------------------------------------*/
#footer { clear: both; width: 100%; height: 80px; color: #56566E; background-color: #56566E;}
#footer p { font: normal 0.8em Open Sans, sans-serif; margin: 0; padding: 0.8em 10px; text-align: center; color: #f8f8f8; }
#footer a { font: normal 0.8em Open Sans, sans-serif; color: #AAE600; font-weight: normal; }

/* content styles
---------------------------------------------------------------------------------------------*/
#container { text-align: left; width: 1280px; margin: 0 auto; }
#container a { font-weight: normal; }
#container p { line-height: 1.4; text-align: left; margin: 0 auto;}


/* Special Marker styles
-------------------------------------------------------------------------------------------------*/
.intro {		
		font-size: 1.1em;
}


#headline {		
		font-weight: normal;
}

#tasteyourwine24 {
		color: #CC3300;
		font-weight: bold;
}

#home {
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		font-size: 1.0em;
		font-family: sans-serif;
		font-size: 14px;
}

#home button {
		background-color: #56566E;		
}

.fehler {color: red;}
.richtig {color: #AAE600;}

#agb { margin: 0; padding: 0; font: normal 0.8em Open Sans, sans-serif; color: #56566E; }
#agb p { margin: 0; padding: 0; font: normal 0.9em Open Sans, sans-serif; color: #56566E; }
#agb h1 {font: bold 1.0em Open Sans, sans-serif; margin: 2px; padding: 0.3em 0 0 0; color: #56566E; }
#agb h2 {font: bold 1.1em Open Sans, sans-serif; margin: 2px; padding: 0.3em 0 0 0; color: #56566E; }
#bildunterschrift { margin: 0; padding: 0; font: normal 0.7em Open Sans, sans-serif; color: #56566E; text-align: center; }

#formular td {
	background-color: #ffffff; 
	border: 1px; 
	padding: 10px;
	margin-bottom: 0px;
	font-size: 1.0em;	
}


/* nav1 button style
-------------------------------------------------------------------------------------------------*/
.nav1.grid_2 button {
    border: none;
	color: #fff;
	height: 40px;
	width: 160px;
	background-color: #56566E;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	padding: 0px;
	-webkit-appearance: none;
}

.nav1.grid_2 button:hover,
.nav1.grid_2 button:active,
.nav1.grid_2:visited {
    color: #fff;
	background-color: #AAE600;
	text-decoration: none;
}

.nav1.grid_4 button {
    border: none;
	color: #fff;
	height: 40px;
	width: 320px;
	background-color: #56566E;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	padding: 0px;
	-webkit-appearance: none;
}

.nav1.grid_4 button:hover,
.nav1.grid_4 button:active,
.nav1.grid_4:visited {
    color: #fff;
	background-color: #AAE600;
	text-decoration: none;
}

.nav_left.grid_4 button {
    border: none;
	color: #fff;
	height: 40px;
	width: 280px;
	background-color: #56566E;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	padding: 0px;
	-webkit-appearance: none;
}

.nav_left.grid_4 button:hover,
.nav_left.grid_4 button:active,
.nav_left.grid_4:visited {
    color: #fff;
	background-color: #AAE600;
	text-decoration: none;
}


/* nav2 button style
-------------------------------------------------------------------------------------------------*/
.nav2.grid_1 button {
    border: none;
	color: #56566E;
	height: 60px;
	width: 60px;
	background-color: #AAE600;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	box-shadow: 0 1px 1px #333;
	padding: 0px;
	-webkit-appearance: none;
}

.nav2.grid_1 button:hover,
.nav2.grid_1 button:active,
.nav2.grid_1:visited {
	color: #fff;
	background-color: #AAE600;
}

.nav2.grid_2 button {
    border: none;
	color: #56566E;
	height: 140px;
	width: 140px;
	background-color: #EAEAEA;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	box-shadow: 0 1px 1px #333;
	padding: 0px;
	-webkit-appearance: none;
}

.nav2.grid_2 button:hover,
.nav2.grid_2 button:active,
.nav2.grid_2:visited {
	color: #fff;
	background-color: #AAE600;
}

/* nav2 button style
-------------------------------------------------------------------------------------------------*/
.action.grid_4 button {
    border: none;
	color: #CC3300;
	height: 40px;
	width: 300px;
	background-color: #EAEAEA;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	box-shadow: 0 1px 1px #333;
	padding: 0px;
	-webkit-appearance: none;
}

.action.grid_4 button:hover,
.action.grid_4 button:active,
.action.grid_4:visited {
	color: #fff;
	background-color: #AAE600;
}

.action.grid_8 button {
    border: none;
	color: #56566E;
	height: 50px;
	width: 480px;
	background-color: #AAE600;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	box-shadow: 0 1px 1px #333;
	padding: 0px;
	-webkit-appearance: none;
}

.action.grid_8 button:hover,
.action.grid_8 button:active,
.action.grid_8:visited {
	color: #fff;
	background-color: #AAE600;
}


/* nav3 button style
-------------------------------------------------------------------------------------------------*/
.nav3.grid_2 button {
    border: none;
	color: #fff;
	height: 40px;
	width: 160px;
	background-color: #56566E;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	padding: 0px;
	-webkit-appearance: none;
}

.nav3.grid_2 button:hover,
.nav3.grid_2 button:active,
.nav3.grid_2:visited {
    color: #fff;
	background-color: #AAE600;
	text-decoration: none;
}

.nav3.grid_4 button {
    border: none;
	color: #fff;
	height: 40px;
	width: 320px;
	background-color: #56566E;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	padding: 0px;
	-webkit-appearance: none;
}

.nav3.grid_4 button:hover,
.nav3.grid_4 button:active,
.nav3.grid_4:visited {
    color: #fff;
	background-color: #AAE600;
	text-decoration: none;
}

/* other button style
-------------------------------------------------------------------------------------------------*/
.grid_8.headline button {
    border: none;
	color: #fff;
	height: 40px;
	width: 640px;
	background-color: #56566E;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	padding: 0px;
	-webkit-appearance: none;
}

/* cube styles
----------------------------------------------------------------------------------------------*/
/* cube 80
----------------------------------------------------------------------------------------------*/
#cube_80 {
	height: 60px;
	text-align: center;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #fff}
#cube_80  p {line-height: 1.4; font: 0.7em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_80  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_80  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_80 a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_80 img{padding: 0px;}

#cube_80_rot {
	height: 60px;
	text-align: center;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #CC3300}
#cube_80_rot  p {line-height: 1.4; font: 0.7em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_80_rot  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_80_rot h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_80_rot a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_80_rot img{padding: 0px;}	
	
#cube_80_flieder {
	height: 60px;
	text-align: center;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #56566E}
#cube_80_flieder  p {line-height: 1.4; font: 0.7em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_80_flieder  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_80_flieder  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_80_flieder a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_80_flieder img{padding: 0px;}
	
#cube_80_grau {
	height: 60px;
	text-align: center;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #EAEAEA}
#cube_80_grau  p {line-height: 1.4; font: 0.7em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_80_grau  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_80_grau  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_80_grau a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_80_grau img{padding: 0px;}
#cube_80_grau a { color: #56566E; font: 1.1m Open Sans, sans-serif; text-decoration: none; }
#cube_80_grau a:visited { color: #CC3300; }
#cube_80_grau a:hover { color: #CC3300; text-decoration: underline; }
#cube_80_grau a:focus {color: #CC3300;}	
	
/* cube 160
----------------------------------------------------------------------------------------------*/
#cube_160 {
	height: 140px;
	text-align: center;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #fff}
#cube_160  p {line-height: 1.4; font: 0.8em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_160  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_160  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_160 a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_160 img{padding: 0px;}

#cube_160_rot {
	height: 140px;
	text-align: center;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #CC3300}
#cube_160_rot  p {line-height: 1.4; font: 0.8em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_160_rot  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_160_rot  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_160_rot a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_160_rot img{padding: 0px;}

#cube_160_flieder {
	height: 140px;
	text-align: center;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #56566E}
#cube_160_flieder  p {line-height: 1.4; font: 0.8em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_160_flieder  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_160_flieder  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_160_flieder a{font: 0.9em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_160_flieder img{padding: 0px;}

#cube_160_grau {
	height: 140px;
	text-align: center;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #EAEAEA}
#cube_160_grau  p {line-height: 1.4; font: 0.8em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_160_grau  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_160_grau  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_160_grau a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_160_grau  img{padding: 0px;}	
	
/* cube 320
----------------------------------------------------------------------------------------------*/
#cube_320 {
	height: 300px;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #fff}
#cube_320  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_320  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_320  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_320 a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_320 img{padding: 0px;}	

#cube_320_rot {
	height: 300px;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #CC3300}
#cube_320_rot  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_320_rot  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_320_rot  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_320_rot a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_320_rot img{padding: 0px;}	
	
#cube_320_flieder {
	height: 300px;
	margin-top: 20px;
	padding: 0px;
	border: 1px;
	background-color: #56566E}
#cube_320_flieder  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_320_flieder  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_320_flieder  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_320_flieder a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_320_flieder img{padding: 0px;}	
	
#cube_320_grau {
	height: 300px;
	margin-top: 20px;
	padding: 0px;
	border: 1px;
	background-color: #EAEAEA}
#cube_320_grau  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_320_grau  h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_320_grau  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_320_grau a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_320_grau img{padding: 0px;}	

/* cube 480
----------------------------------------------------------------------------------------------*/
#cube_480 {
	height: 460px;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #fff}
#cube_480  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_480 h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_480  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_480 a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_480 img{padding: 0px;}		

#cube_480_rot {
	height: 460px;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #CC3300}
#cube_480_rot  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_480_rot h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_480_rot  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_480_rot a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_480_rot img{padding: 0px;}		
	
#cube_480_flieder {
	height: 460px;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #56566E}
#cube_480_flieder p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_480_flieder h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_480_flieder h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_480_flieder a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_480_flieder img{padding: 0px;}	
	
#cube_480_grau {
	height: 460px;
	text-align: left;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #EAEAEA}
#cube_480_grau  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_480_grau h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_480_grau  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_480_grau a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_480_grau img{padding: 0px;}		

/* cube 640
----------------------------------------------------------------------------------------------*/
#cube_640 {
	height: 620px;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #fff}
#cube_640  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_640 h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_640  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_640 a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_640 img{padding: 0px;}		

#cube_640_rot {
	height: 620px;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #CC3300}
#cube_640_rot  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_640_rot h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: left;}
#cube_640_rot  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: left; }
#cube_640_rot a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_640_rot img{padding: 0px;}		
	
#cube_640_flieder {
	height: 620px;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #56566E}
#cube_640_flieder  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_640_flieder h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: left;}
#cube_640_flieder  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: left; }
#cube_640_flieder a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_640_flieder img{padding: 0px;}		

#cube_640_grau {
	height: 620px;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #EAEAEA}
#cube_640_grau  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_640_grau h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: left;}
#cube_640_grau  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: left; }
#cube_640_grau a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_640_grau img{padding: 0px;}		

#cube_800 {
	height: 780px;
	margin-top: 20px;
	border: 1px;
	padding: 0px;
	background-color: #fff}
#cube_800  p {line-height: 1.4; font: 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; margin: 0 auto;}
#cube_800 h1 {font: bold 1.0em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center;}
#cube_800  h2 {font: bold 1.1em Open Sans, sans-serif; padding: 10px; color: #56566E; text-align: center; }
#cube_800 a{font: 0.9em Open Sans, sans-serif; padding: 0px; color: #56566E; text-align: center;}
#cube_800 img{padding: 0px;}		


/* 1280 grid   16 Spalten x 80px
----------------------------------------------------------------------------------------------*/
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 1280px;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 5px;
  margin-right: 10px;
  text-align: center;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16 {
  position: relative;
}

.container_16 .grid_1 {
  width: 60px;
}

.container_16 .grid_2 {
  width: 140px;
}

.container_16 .grid_3 {
  width: 220px;
}

.container_16 .grid_4 {
  width: 300px;
}

.container_16 .grid_5 {
  width: 380px;
}

.container_16 .grid_6 {
  width: 460px;
}

.container_16 .grid_7 {
  width: 540px;
}

.container_16 .grid_8 {
  width: 620px;
}

.container_16 .grid_9 {
  width: 700px;
}

.container_16 .grid_10 {
  width: 780px;
}

.container_16 .grid_11 {
  width: 860px;
}

.container_16 .grid_12 {
  width: 940px;
}

.container_16 .grid_13 {
  width: 1020px;
}

.container_16 .grid_14 {
  width: 1100px;
}

.container_16 .grid_15 {
  width: 1180px;
}

.container_16 .grid_16 {
  width: 1260px;
}


/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
  padding-left: 80px;
}

.container_16 .prefix_2 {
  padding-left: 160px;
}

.container_16 .prefix_3 {
  padding-left: 240px;
}

.container_16 .prefix_4 {
  padding-left: 320px;
}

.container_16 .prefix_5 {
  padding-left: 400px;
}

.container_16 .prefix_6 {
  padding-left: 480px;
}

.container_16 .prefix_7 {
  padding-left: 560px;
}

.container_16 .prefix_8 {
  padding-left: 640px;
}

.container_16 .prefix_9 {
  padding-left: 720px;
}

.container_16 .prefix_10 {
  padding-left: 800px;
}

.container_16 .prefix_11 {
  padding-left: 880px;
}

.container_16 .prefix_12 {
  padding-left: 960px;
}

.container_16 .prefix_13 {
  padding-left: 1040px;
}

.container_16 .prefix_14 {
  padding-left: 1120px;
}

.container_16 .prefix_15 {
  padding-left: 1200px;
}

.container_16 .prefix_16 {
  padding-left: 1280px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
  padding-right: 80px;
}

.container_16 .suffix_2 {
  padding-right: 160px;
}

.container_16 .suffix_3 {
  padding-right: 240px;
}

.container_16 .suffix_4 {
  padding-right: 320px;
}

.container_16 .suffix_5 {
  padding-right: 400px;
}

.container_16 .suffix_6 {
  padding-right: 480px;
}

.container_16 .suffix_7 {
  padding-right: 560px;
}

.container_16 .suffix_8 {
  padding-right: 640px;
}

.container_16 .suffix_9 {
  padding-right: 720px;
}

.container_16 .suffix_10 {
  padding-right: 800px;
}

.container_16 .suffix_11 {
  padding-right: 880px;
}

.container_16 .suffix_12 {
  padding-right: 960px;
}

.container_16 .suffix_13 {
  padding-right: 1040px;
}

.container_16 .suffix_14 {
  padding-right: 1120px;
}

.container_16 .suffix_15 {
  padding-right: 1200px;
}

.container_16 .suffix_16 {
  padding-right: 1280px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
  left: 80px;
}

.container_16 .push_2 {
  left: 160px;
}

.container_16 .push_3 {
  left: 240px;
}

.container_16 .push_4 {
  left: 320px;
}

.container_16 .push_5 {
  left: 400px;
}

.container_16 .push_6 {
  left: 480px;
}

.container_16 .push_7 {
  left: 560px;
}

.container_16 .push_8 {
  left: 640px;
}

.container_16 .push_8 {
  left: 720px;
}

.container_16 .push_10 {
  left: 800px;
}

.container_16 .push_11 {
  left: 880px;
}

.container_16 .push_12 {
  left: 960px;
}

.container_16 .push_13 {
  left: 1040px;
}

.container_16 .push_14 {
  left: 1120px;
}

.container_16 .push_15 {
  left: 1200px;
}

.container_16 .push_16 {
  left: 1280px;
}


/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
  left: -80px;
}

.container_16 .pull_2 {
  left: -160px;
}

.container_16 .pull_3 {
  left: -240px;
}

.container_16 .pull_4 {
  left: -320px;
}

.container_16 .pull_5 {
  left: -400px;
}

.container_16 .pull_6 {
  left: -480px;
}

.container_16 .pull_7 {
  left: -560px;
}

.container_16 .pull_8 {
  left: -640px;
}

.container_16 .pull_9 {
  left: -720px;
}

.container_16 .pull_10 {
  left: -800px;
}

.container_16 .pull_11 {
  left: -880px;
}

.container_16 .pull_12 {
  left: -960px;
}

.container_16 .pull_13 {
  left: -1040px;
}

.container_16 .pull_14 {
  left: -1120px;
}

.container_16 .pull_15 {
  left: -1200px;
}

.container_16 .pull_16 {
  left: -1280px;
}

.clearfix:before,
.clearfix:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_16 {
  zoom: 1;
}