@charset "utf-8";
/* CSS Document */

.archivissue { padding: 1em 0; border-bottom: 1px solid #131113; border-top: 1px solid #373438; }
.first { border-top: none; padding: 0 0 1em 0; }
.last { border-bottom: none; }
.archivissue a { color: #888888; text-decoration: underline; font-size: 85%; }
.archivissue a:hover { color: white; text-decoration: none; }
.thumbs-archiv { margin-bottom: 5px; }
.box-wrapper .box-content .h1archiv { font-size: 108%; letter-spacing: -0.05em; margin-bottom: .5em; padding: 0; font-weight: bold; }


.hide { position: absolute; left: -99999px; }
.pagethroughbtn { position: absolute; top: 275px; left: -7px; display: block; background: red; width: 181px; height: 43px; background: transparent url(pagethrough_de.png) no-repeat left top; outline: none; }
.pagethroughbtn:hover { background-position: left bottom; }

.pagethroughbtn_en { position: absolute; top: 275px; left: -7px; display: block; background: red; width: 181px; height: 43px; background: transparent url(pagethrough_en.png) no-repeat left top; outline: none; }
.pagethroughbtn_en:hover { background-position: left bottom; }

.thumbs { margin-bottom: 56px; }

.webtipp .thumbs { margin: 0; }

form { width: 30em; }

.bigbox-content form { width: auto; }
.bigbox-content td { font-size: 18px; padding: .8em; }
.bigbox-content tr.head { font-size: 18px; font-weight: bold; }
.bigbox-content td.price { font-size: 18px; font-weight: bold; }


label { display: block; cursor: pointer; font-size: 1.2em; margin: 0.5em 0; } 
input#absender, textarea { width: 25em; border: 1px solid #ffffff; margin-bottom: 1em; }
textarea { height: 7em; }
input#absender:focus, textarea:focus { background-color: #d9d9d9; }

html { background-color: #1a181c; color: #888888; height: 101%; }
body { font-family: "calibri", Arial, Verdana, Helvetica, sans-serif; color: #888888; line-height: 1.2em; font-size: 13px; }
#wrapper {  }
#hd { margin: 4em 4em 3em 1.8em; overflow: hidden; }
#bd {  }
#ft { padding: 3em 3em 3em 0; text-align: center; }
#doc2 { width: 73.076em; padding-left: 3em; }

.download a { font-size:138.5%; line-height: 3em; }
.box-wrapper { background-color: #262327; width: 15em; float: left; margin: 0 3em 0 0; position: relative; }
.webtipp { margin: 0; }
.box-wrapper .box-headline { background-color: #3c393d; height: 1em; padding: 1em 0; text-align: center; }
.box-wrapper .box-headline .h1 { font-size: 108%; }
.box-wrapper .box-content { padding: 1.8em; }
.box-wrapper .box-content p { padding: 0.4em 0 0 0; }

.bigbox-wrapper { background-color: #262327; width: 51em; float: left; margin: 0; }
.bigbox-wrapper .bigbox-headline { background-color: #3c393d; height: 1em; padding: 1em 4.8em; text-align: left; }
.bigbox-wrapper .bigbox-headline .h1 { font-size: 108%; }
.bigbox-wrapper .bigbox-content { padding: 1.8em 3.45em; }
.bigbox-wrapper .bigbox-content p { padding: 0.4em 0 0 0; }

#twitter_div a { color: #33ccff; }
#twitter_div a:hover,
#twitter_div a:focus,
#twitter_div a:active { color: white; }
#twitter_div li { padding: 0 0 1.5em 0; }
#twitter-link { position: fixed; left: -10000em; }


#ft p { color: #474747; font-size: 100%; }
#ft p:hover { color: #888888; }
#ft p a { color: #6c6c6c; text-decoration: none; padding-left: 0.5em; }
#ft p a:hover,
#ft p a:focus,
#ft p a:active { color: white; text-decoration: underline; }


.logo { float: left; }
.logo a { outline: none; }
.nav { float: right; margin-top: 20px; }

.nav ul { margin: 0; }


.nav li { height: 2.3em; padding: 0 0.3em; list-style: none; float: left; }
.nav li a {  margin: 5px; padding: 0.4em 0.7em 0.3em 0.7em; color: #888888; text-decoration: none; font-size: 1.4em; outline: none; line-height: 0.9em; display: block; }
.nav li.selected a { background-color: white; }
.nav li:hover a { color: white; background-color: #e2001c; }
.nav li a:hover { background-color: #e2001c; color: white; }


.nav li.selected .lt { height: 2.3em; background-image: url(lt_s.png); background-repeat: no-repeat; background-position: top left; background-color: white; }
.nav li.selected .lb { height: 2.3em; background-image: url(lb_s.png); background-repeat: no-repeat; background-position: bottom left; }
.nav li.selected .rt { height: 2.3em; background-image: url(rt_s.png); background-repeat: no-repeat; background-position: top right; }
.nav li.selected .rb { height: 2.3em; background-image: url(rb_s.png); background-repeat: no-repeat; background-position: bottom right; }

.nav li:hover .lt { height: 2.3em; background-image: url(lt_o.png); background-repeat: no-repeat; background-position: top left; background-color: #e2001c; }
.nav li:hover .lb { height: 2.3em; background-image: url(lb_o.png); background-repeat: no-repeat; background-position: bottom left; }
.nav li:hover .rt { height: 2.3em; background-image: url(rt_o.png); background-repeat: no-repeat; background-position: top right; }
.nav li:hover .rb { height: 2.3em; background-image: url(rb_o.png); background-repeat: no-repeat; background-position: bottom right; }



/* standard text CSS derived from YUI base */

h2 { font-size: 108%; padding: 1em 0 0 0; }

.bold { font-weight: bold; }
.red { color: #e2001c; }
.yellow { color: #ede14d; }
.blue { color: #33ccff; }
.pink { color: #c44fff; }

.text { font-family: "calibri", Arial, Verdana, Helvetica, sans-serif; color: #888888; line-height: 1.2em; font-size: 93%; }

.text a { text-decoration: none; }
.text a:hover { color: white; text-decoration: underline; }

.text h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:108%;  
	letter-spacing: -0.05em;
}



.text h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
.text h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
.text h1,.text h2,.text h3 {
	/* top & bottom margin based on font size */
	color: #656565;
	margin:.6em 0;
}
.text h1,.text h3,
.text h4,.text h5,.text h6,.text strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
.text abbr,.text acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #45b4da;
	cursor:help;
} 
.text em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
.text blockquote,.text ul,.text ol,.text dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
.text ol,.text ul,.text dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
.text ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
.text ul li {
	/*giving UL's LIs generated disc markers*/
	list-style-image: url(../launch/resources/list-bullet.png);
}
.text dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
.text th,.text td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
.text th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
.text caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
.text p,.text fieldset,.text table,.text pre {
	/*so things don't run into each other*/
	margin-bottom:.6em;