@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
	height: 100%;
}
html {
	height: 100%;
}
p{
	margin: 0px 0px 1em;
}
h1{
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 32px;
	color: #888;
	text-transform: lowercase;
	margin: 0px 0px 10px;
}
h2{
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 27px;
	color: #888;
	text-transform: lowercase;
	margin: 0px;
}
h4{
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #b51920;
	text-transform: lowercase;
	margin: 0px;	
}
.nomargin{
	margin: 0px;
}
.grey{
	color: #888;
}
.center{
	text-align: center;
}
.posfree{
	position: absolute;
	left: 420px;
	top: 119px;	
}
a:link, a:visited{
	color: #FFF;
}
a.hoverunderline:link, a.hoverunderline{
	text-decoration: none;
}
a.hoverunderline:hover, a.hoverunderline:active{
	text-decoration: underline;
}
a.black:link, a.black:visited{
	color: #000;
	text-decoration: none;
}
a.black:hover, a.black:active{
	text-decoration: underline;
}
a.morebutton:link, a.morebutton:visited{
	text-decoration: none;
	display: block;
	float: right;
	height: 300px;
	width: 20px;
	background-image: url(../img/morebutton.gif);
	background-position: right;
	background-repeat: no-repeat;
}
a.morebutton:hover, a.morebutton:active{
	background-position: left;
}
#page {
	height: 475px;
	margin-top: -238px;
	top: 50%;
	background-color: #212121;
	position: absolute;
	width: 100%;
	background-image: url(../img/bg_page.gif);
	background-repeat: repeat-x;
}
#debug{
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	color: #FFF;
}
#content {
	height: 475px;
	width: 1000px;
	text-align: left;
	position: absolute;
	left: 50%;
	margin-left: -500px;
}
#navigation {
	position: absolute;
	width: 120px;
	left: 0px;
	top: 75px;
}
#subnavigation-gestaltung {
	position: absolute;
	width: 180px;
	left: 170px;
	top: 395px;
}
a.navigation:link, a.navigation:visited {
	color: #888;
	text-decoration: none;
	display: block;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: right;
}
a.navigation:hover, a.navigation:active, a.navigation-act:link, a.navigation-act:visited{
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: right;
}
a.subnavigation:link, a.subnavigation:visited {
	color: #888;
	text-decoration: none;
	display: block;
	padding-bottom: 2px;
	text-align: right;
}
a.subnavigation:hover, a.subnavigation:active, a.subnavigation-act:link, a.subnavigation-act:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-bottom: 2px;
	text-align: right;	
}
a.gestaltung:link, a.gestaltung:visited{
	display: block;
	height: 108px;
	padding-left: 200px;
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
a.gestaltung:hover, a.gestaltung:active{
	background-position: bottom left;
}
a.corporate-design{
	background-image: url(../img/bg_corporate-design.jpg);
}
a.anzeigen{
	background-image: url(../img/bg_anzeigen.jpg);
}
a.werbedrucksachen{
	background-image: url(../img/bg_werbedrucksachen.jpg);
}
#logo {
	position: absolute;
	left: 505px;
}
#main {
	position: absolute;
	height: 475px;
	width: 880px;
	left: 120px;
	background-image: url(../img/bg_content.jpg);
	background-repeat: repeat-x;
	background-color: #0C0C0C;
}
#main_image {
	position: absolute;
	left: 0px;
	top: 0px;
}
#main_text {
	position: absolute;
	left: 420px;
	top: 119px;
}
#scrollcontainer{
	position: absolute;
	left: 760px;
	top: 65px;
	width: 120px;
	height: 410px;
	background-color: #666666;
}
#scrollbuttontop{
	position: absolute;
	left: 0px;
	top: 0px;
}
#scrollbuttonbottom{
	position: absolute;
	left: 0px;
	bottom: 0px;
}
a.scrollbutton-top, a.scrollbutton-top:link, a.scrollbutton-top:visited, a.scrollbutton-bottom, a.scrollbutton-bottom:link, a.scrollbutton-bottom:visited{
	display: block;
	width: 120px;
	height: 20px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
a.scrollbutton-top:hover, a.scrollbutton-top:active, a.scrollbutton-bottom:hover, a.scrollbutton-bottom:active{
	background-position: 0px -20px;
}
a.scrollbutton-top{
	background-image: url(../img/scrollbutton_top.gif);
}
a.scrollbutton-bottom{
	background-image: url(../img/scrollbutton_bottom.gif);
}

#scrollcontent{
	position: absolute;
	left: 10px;
	top: 20px;
	height: 370px;
	overflow: hidden;
}
#scrolling{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
}
.scrollimg{
	display: block;
	margin-bottom: 5px;
}
#loading{
	position: absolute;
	left: 380px;
	top: 65px;
	width: 330px;
	height: 410px;
	background-color: #0C0C0C;
	text-align: center;
	display: none;
}
#loadinggif{
	position: absolute;
	width: 300px;
	top: 50%;
	margin-top: -12px;
	margin-left: auto;
	margin-right: auto;
}
#kaffee{
	display: none;
	left: 368px;
	top: 85px;
	width: 512px;
	height: 390px;
	background-color: #0C0C0C;
}
.error{
	color: #C00;
}
ul.form{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.form li{
	clear: both;
	display: block;
	margin: 0px;
	padding: 1px 0px 0px;
}
div.form{
	float: left;
	margin-right: 7px;
}
label{
	color: #888;
	font-size: 10px;
	display: block;
}
input.inputtext{
	color: #FFF;
	background-color: #000;
	border: 1px solid #888;
	font-size: 10px;
	width: 105px;
	padding: 1px 1px;
}
select.inputselect{
	color: #FFF;
	background-color: #000;
	border: 1px solid #888;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 49px;
}
input.firstname,input.lastname{
	width: 77px;
}
input.company, input.email, input.address{
	width: 221px;
}
input.zip{
	width: 51px;
}
input.town{
	width: 159px;
}
textarea.textarea{
	color: #FFF;
	background-color: #000;
	border: 1px solid #888;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 221px;
	height: 40px;
	padding: 1px 1px;	
}
input.button{
	color: #FFF;
	background-color: #000;
	border: 1px solid #888;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 3px;
}