@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700');
body {
	margin:8px;
	padding:0;
	color:black;
    font-family : 'Open Sans','Trebuchet MS','Bitstream Vera Sans','Arial','Helvetica','sans-serif';
    font-size:11pt;
    background-repeat:no-repeat;
	background-attachment:scroll;
    background-position:280px 0px;
	background-repeat:repeat-y;
 }
 
#menu {
	right:0px;
	top:10px;
	width:400px;
	position:absolute;
	margin-top:0px;
}

#top {
	width:1068px;
	padding:0px 0px 0px 0px;
}

#left {
    width:268px;
    float:left;
	padding:0px 2px 0px 2px;
}

#right {
	max-width: 780px;
	overflow:hidden;
	padding:0px 20px 0px 20px;
}

#full {
    width:1068px;
    float:left;
	padding:0px 2px 0px 2px;
}

h1 {
    font-size : 14pt;
    padding-top : 14pt;
	padding-bottom: 0px;	
}
  
h2 {
    font-size : 12pt;
    padding-top : 6pt;
}

h3 {
    font-size : 11pt;
    padding-top : 3pt;
}

p{
	font-size:11pt;
}

p.wide {
    letter-spacing : 0.1em;
    word-spacing : 0.15em;
}

em {
	font-style:normal;
	font-weight:bold;
}
  
em.bold {
    font-style:normal;
    font-weight:bold;
}

em.model {
    font-style:normal;
    font-weight:bold;
    text-decoration:underline;
}
  
td {
	vertical-align:top;
}  

td.left {
    padding-left:30px;	
  }

address {
    font-style : normal;
	padding-left : 20px;	
    padding-top : 1px;
    padding-bottom : 1px;
    letter-spacing : 0.1em;
    word-spacing : 0.15em;
}

a {
    color:black;
}  

a.impressum {
    font-size:12pt;
    color:black;
} 
  
a.email {
    color:rgb(0, 51, 128);
}
  
a.email-bold {
    color:rgb(170, 33, 173);
	font-weight:bold;
  }

h1.disclaimer {
    font-size:12pt;
  }

p.disclaimer, a.disclaimer, ul.disclaimer, li.disclaimer {
    font-size:10pt;
  }

.transparent{
	background-color:rgba(255,255,220,0.95);
	color:black
}
  
.highlight{
	clear:both
}
  
.highlight:hover, .highlight{
	color:black
}

.highlight:hover{
	background-color:rgba(255,255,220,1);
}

tr.highlight, td.highlight{
	background-color:rgba(255,255,220,0.0);
}

tr.highlight:hover, td.highlight:hover{
	background-color:rgba(255,255,220,0.90);
}

.banner
{
	position:absolute;
	top:320px;
	left:300px;
	text-shadow: 3px 3px 5px #606060;
	transform: rotate(345deg);
	-webkit-transform: rotate(345deg);
	-moz-transform: rotate(345deg);
	-o-transform: rotate(345deg);
	-ms-transform: rotate(345deg);
}

:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }

q:before { content:open-quote; }
q:after { content:close-quote; }
q q:before { content:open-quote; }
q q:after { content:close-quote; }

li.fake_sm2_link, a.fake_sm2_link{
	display:inline-block; 
	padding-left:22px;
	min-height:16px;
	vertical-align: middle;
	background-color:rgba(240,240,240,0.33);
	border-radius:3px;
	padding:2px 2px 2px 25px;
	min-width:15em;
	text-decoration:none;
	font-weight:normal;
	color:black;
}

img.non-filtered {
	-webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
	filter:none;
}

.preview
{
	position:absolute;
	left:823px;
	top:15px;
	margin-top:0px;
	margin-top:75px;
	width:300px;
}

.press
{
	position:absolute;
	left:330px;
	top:220px;
	width:700px;
	background-color:rgba(255,255,220,0.95);
	padding:30px;
}

div.bandfloat
{
	float:left;
	margin-top:10px;
	margin-left:5%;
	margin-right:5%;
	width:100%;
}

div.bandfloatcolumn
{
	float:left;
	width:30%;
	margin:2pt;
	padding:10pt;
	background-color:rgba(255,255,220,0.95)
}
  
.mobileonly{
	display: none;
}

/* --------------- MENU PLACEMENT -------------------------- */
@media screen and (min-width: 1200px){
  #menu {
    left:783px;
	top:10px;
	width:400px;
	position:absolute;
	margin-top:0px;
  }
}
@media screen and (max-width: 700px){
  #menu {
    left:280px;
	top:10px;
	width:400px;
	position:absolute;
	margin-top:0px;
  }
}
/* --------------- MENU PLACEMENT -------------------------- */

/* --------------- GRAYSCAL CONVERSION --------------------- */
/**-/
img {
	//filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter:gray;
}

body {
    background-image:url(wallpaper.jpg);
    background-color: #d8d8d8;
}
/* --------------- GRAYSCAL CONVERSION --------------------- */

/* --------------- SEPIA CONVERSION ------------------------ */
/**/
img {
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'sepia\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#sepia");*/
	filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id=\'sepia\'><feColorMatrix in=\'SourceGraphic\' type=\'matrix\' values=\'.393 .769 .189 0 0    .349 .686 .168 0 0    .272 .534 .181 0 0    0 0 0 1 0\' /></filter></svg>#sepia");
	/*filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id=\'sepia\'><feColorMatrix in=\'SourceGraphic\' type=\'matrix\' values=\'.343 .669 .119 0 0 .249 .626 .130 0 0 .172 .334 .111 0 0 .000 .000 .000 1 0\' /></filter></svg>#sepia");*/
    -webkit-filter:sepia(1);
    -webkit-filter:sepia(100%);
    -moz-filter:sepia(100%);
    -ms-filter:sepia(100%);
    -o-filter:sepia(100%);
    filter:sepia(100%);
}

body {
    background-image:url(wallpaper-sepia.jpg);
	background-color:#FEEEB0;
}
/* --------------- SEPIA CONVERSION ------------------------ */

/* --------------- PRINTER FRIENDLYNESS -------------------- */
@media print {
  body {
    background-image:none;
    background-color:#FFFFFF;
  }
  
  .dontprint {
	display: none;
  }

  .press{
  }
  
  #left {
	width:28%;
	float:left;
	padding:0% 2% 0% 0%;
  }

  #right {
	width:68%;
	float:left;
	padding:0% 0% 0% 2%;
  }
  
  a {
	text-decoration: none;
  }
}
/* --------------- PRINTER FRIENDLYNESS -------------------- */

/* --------------- MOBILE DEVICES -------------------------- */


@media screen and (max-width: 480px){
  body {
	background-position:0px 0px;
    background-image:none
  }
  
  . {
	display: inline;
  }

  .dontmobile {
	display: none;
  }

  .press {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	float:left;
	padding:0% 0% 0% 0%;
	margin-top:0px;
	background-color:rgba(255,255,220,0.95);
  }

  div.bandfloat {
	float:left;
	margin-top:0px;
	margin:0% 0% 0% 0%;
	width:100%;
  }

  div.bandfloatcolumn {
	float:left;
	width:100%;
	margin:2pt;
	padding:5% 0% 0% 0%;
	background-color:rgba(255,255,220,0.95)
  }

  .preview{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	margin-top:0px;
  }

  #menu {
    left:0px;	
	top:0px;
	position:fixed;
	margin-top:0px;
	background-color:#FEEEB0;
	z-index: 100;	
	width: 100%;
  }
  
  #top {
	width:100%;
	float:left;
	padding:50px 0% 0% 0%;
 }
 
  #left {
	width:100%;
	float:left;
	padding:0% 0% 0% 0%;
  }

  #right {
	width:100%;
	float:left;
	padding:0% 0% 0% 0%;
  }

  #full {
	width:100%;
	float:left;
	padding:0% 0% 0% 0%;
  }
}

/* --------------- MOBILE DEVICES -------------------------- */