@charset "utf-8";

@font-face {
    font-family: 'OCRAStdRegular';
    src: url('ocrastd-webfont.eot');
    src: url('ocrastd-webfont.eot?#iefix') format('embedded-opentype'),
         url('ocrastd-webfont.woff') format('woff'),
         url('ocrastd-webfont.ttf') format('truetype'),
         url('ocrastd-webfont.svg#OCRAStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OCRBStdMedium';
    src: url('ocrbstd-webfont.eot');
    src: url('ocrbstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('ocrbstd-webfont.woff') format('woff'),
         url('ocrbstd-webfont.ttf') format('truetype'),
         url('ocrbstd-webfont.svg#OCRBStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

 html, body {
	height: 100%;                                                                  
	margin: 0;                                                                     
	padding: 0; 
	font-size: 100.01%;
}

* {	margin: 0;	padding:0; outline:none; }

img { border : 0px; }

a { text-decoration: none; color: #000000; }
a:focus { outline:none;}

body{ font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000000; background: #ffffff; text-align: center;}

#container { position: relative; margin: 30px auto 0 auto; width: 960px; text-align: left; height: 600px; }
#image { position: absolute; right: 0; top: 0 }
#content { position: absolute; top: 28px; left: 0; width: 310px; height: 435px; overflow: hidden; }

h1 { font-family: 'OCRAStdRegular', Verdana, Geneva, sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 20px 0; text-transform: uppercase; }
h2 { font-family: 'OCRAStdRegular', Verdana, Geneva, sans-serif; font-size: 14px; font-weight: normal; text-transform: uppercase; }
p {  line-height: 16px; }

p.a { font-family: 'OCRAStdRegular', Verdana, Geneva, sans-serif; }
p.b, p.b a { font-family: 'OCRBStdMedium', Verdana, Geneva, sans-serif; }

/*********** MENU ***********/
#downloads { position: absolute; left: 0; top: 290px; }
#downloads ul, #downloads li { list-style: none; }
#downloads li { display: block; padding: 6px 0; }
#downloads a { text-transform: uppercase; font-family: 'OCRAStdRegular', Verdana, Geneva, sans-serif; font-size: 14px; background: #ffed00; padding: 4px 2px 0 2px; }

#email { position: absolute; left: 0; top: 448px; }
#email a { text-transform: uppercase; font-family: 'OCRBStdMedium', Verdana, Geneva, sans-serif; font-size: 12px; border-bottom: #ffed00 1px solid}

#impressum { position: absolute; left: 773px; top: 493px; }
#impressum a { text-transform: uppercase; font-family: 'OCRAStdRegular', Verdana, Geneva, sans-serif; font-size: 14px; background: #ffed00; padding: 4px 2px 0 2px; }
#impressum p { text-transform: uppercase; font-family: 'OCRAStdRegular', Verdana, Geneva, sans-serif; font-size: 14px; padding: 4px 2px 0 2px; }

#zurueck { position: absolute; right: 650px; top: 4px; }
#zurueck a { text-transform: uppercase; font-family: 'OCRAStdRegular', Verdana, Geneva, sans-serif; font-size: 14px; padding: 4px 2px 0 10px; background: #ffed00 url(../img/pfeil.png) 2px 6px no-repeat; }

/* vertical track */
#trackv { position: absolute; top: 43px; left: 315px; width: 15px; height: 420px; }
#line { position: absolute; display: block; top: 0; left: 7px; height: 420px; width: 1px; background: #000000; }
/* vertical track handle */
#handlev { position: relative; width: 15px; height: 30px; background: #ffed00; cursor: pointer; }

/*********** CLEARFIX ***********/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	/* display: inline-block;*/
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clearboth {
	clear: both;
}