* {
    margin: 0;
    padding: 0;
}

body {
    background: url("../img/Marai_background.jpg") repeat-y scroll center top #ACBACD;
	font: 12px/17px 'DroidSerifRegular', Arial, sans-serif;
    letter-spacing: 0;
}

h1 {
    font-family: arial, helvetiva, sans serif;
    color: #5b779c;
    font-size:  18pt;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 22pt;
}

h2 {
    font-family: arial, helvetiva, sans serif;
    color: #5b779c;
    font-size:  13px;
    font-weight: bold;
    margin-bottom: 15px;
	line-height: 17px;
	letter-spacing: 0.3pt;
}

p {
	font: 12px/17px 'DroidSerifRegular', Arial, sans-serif;
    margin: 10px 0px;
}

a {
    color: #44556b;
    text-decoration: none;
}

a:hover {
    color: #e31d26;
}

img {border: none;}

small {display: block; font-size: 9px;}

strong {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
    color: #5b779c;
    font-weight: bold;
}

ul {
	list-style-type: disc;
	font: 12px/17px 'DroidSerifRegular', Arial, sans-serif;
	margin-left: 15px;
	}

#logo {
    position: absolute;
    left: 10px;
    top: 0px;
}

#wrapper {
    height: 800px;
    margin: 0 auto;
    position: relative;
    width: 1024px;
    z-index: 0;
}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
    left: 210px;
    top: 70px;
    z-index: 10;
	width: 650px;
}

#menu ul {
	margin: 0;
}

#mainmenu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    border-left: 1px solid #44556b;
    display: inline;
    padding: 0 22px;
}

#mainmenu li:first-child {
    border: none;
}

#image {
    position: absolute;
}

.homepic {
    left: 144px;
    top: 365px;
}
.anfahrtpic {
    left: 144px;
    top: 355px;
}

.ueberunspic {
    left: 840px;
    top: 590px;
}

.textrechts {
    left: 800px;
    top: 280px;
}

.stelenpic {
    top: 260px;
    left: 144px;
}

.monitorpic {
    top: 380px;
    left: 144px;
}

.kamerapic {
    top: 325px;
    left: 144px;
}

.matrixpic {
    top: 340px;
    left: 144px;
}

.finopic {
    top: 310px;
    left: 144px;
}

.etapic {
    top: 310px;
    left: 144px;
}

#content_noscroll {
    display: block;
    height: 440px;
    line-height: 17pt;
    margin: 200px 0 0 225px;
    padding-left: 5px;
    width: 540px;
}

#content_right {
    display: block;
    height: 440px;
    line-height: 17pt;
    margin: 300px 0 0 300px;
    padding-left: 5px;
    width: 100px;
}

#content {
    display: block;
    height: 490px;
    line-height: 17pt;
    margin: 195px 0 0 225px;
    overflow-y: scroll;
    padding-left: 5px;
    width: 587px;
}

#content_overflow {
	margin-right: 50px;
	margin-top: 5px;
	}

.marginImage {
    margin-left: 120px;
}

.marginImageBig {
    margin-left: 175px;
}

.marginImageVeryBig {
    margin-left: 390px;
}

.overflow {
    overflow: hidden !important;
}

#impressum {
    color: #5b779c;
    font-size: 10px;
    left: 640px;
    position: absolute;
    top: 710px;
}

#impressum a {
    color: #5b779c;
}

#contact {
    color: #FFFFFF !important;
    font-size: 12px;
    left: 50px;
    letter-spacing: 0.3pt;
    position: absolute;
    top: 764px;
}

#contact a {color: #FFF;}

.homescreen, .kontaktscreen, .impressumscreen {
    background: url(../img/MAR_BG_start.jpg) no-repeat;
}

.kernscreen, .stelescreen {
    background: url(../img/MAR_BG_Kernkomp.jpg) no-repeat;
}

.monitorscreen, .etascreen {
    background: url(../img/MAR_BG_Bahn.jpg) no-repeat;
}

.kamerascreen {
    background: url(../img/MAR_BG_KK_Tropfen.jpg) no-repeat;
}

.matrixscreen {
    background: url(../img/MAR_BG_Wolken.jpg) no-repeat;
}

.finoscreen {
    background: url(../img/MAR_BG_Blitz.jpg) no-repeat;
}


.projektscreen {
    background: url(../img/MAR_BG_Projekte.jpg) no-repeat;
}

.servicescreen {
    background: url(../img/MAR_BG_Service.jpg) no-repeat;
}

a.active {
    color: #e31d26;
}

.submenu {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
    font-size: 11px;
    top: -55px;
    list-style: none;
}

ul.submenu li {
   border: none;
   margin: 0;
   line-height: 1.5em;
}

.submenu li a {
    display: block;
}

#kernkompetenz {    
    left: 128px;
}

#projekte {
    left: 273px;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 11, 2011 12:34:23 PM America/New_York */



@font-face {
    font-family: 'DroidSerifRegular';
    src: url('DroidSerif-Regular-webfont.eot');
    src: url('DroidSerif-Regular-webfont.eot?#iefix') format('eot'),
         url('DroidSerif-Regular-webfont.woff') format('woff'),
         url('DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('DroidSerif-Regular-webfont.svg#webfontEJmZPt0d') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerifItalic';
    src: url('DroidSerif-Italic-webfont.eot');
    src: url('DroidSerif-Italic-webfont.eot?#iefix') format('eot'),
         url('DroidSerif-Italic-webfont.woff') format('woff'),
         url('DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('DroidSerif-Italic-webfont.svg#webfontaJOtX7Ze') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerifBold';
    src: url('DroidSerif-Bold-webfont.eot');
    src: url('DroidSerif-Bold-webfont.eot?#iefix') format('eot'),
         url('DroidSerif-Bold-webfont.woff') format('woff'),
         url('DroidSerif-Bold-webfont.ttf') format('truetype'),
         url('DroidSerif-Bold-webfont.svg#webfontMOAwDlKP') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url('DroidSerif-BoldItalic-webfont.eot');
    src: url('DroidSerif-BoldItalic-webfont.eot?#iefix') format('eot'),
         url('DroidSerif-BoldItalic-webfont.woff') format('woff'),
         url('DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('DroidSerif-BoldItalic-webfont.svg#webfonttA2YnPOq') format('svg');
    font-weight: normal;
    font-style: normal;

}