body, html {
	margin: 0px;
	padding: 0px;
	font-family: verdana, Arial, Tahoma;
	color: #9F9E9E;
	font-size: 9pt;
	background-color: #0E0E0E;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-attachment: fixed;
}

#megadiv {
margin: 0 auto;
width:999px;
}

a:link, a:visited {
	text-decoration: none;
	color: #625300;
}

a:hover, a:active {
	text-decoration: underline;
	color: #B29800;
}

.bottom a:link, .bottom a:visited {
	text-decoration: none;
	color: #BABABA;
}

.bottom a:hover, .bottom a:active {
	text-decoration: underline;
	color: #DCB410;
}

.kontakt-box02 a:link, .kontakt-box02 a:visited {
	text-decoration: none;
	color: #8B1B1B;
}

.kontakt-box02 a:hover, .kontakt-box02 a:active {
	text-decoration: underline;
	color: Blue;
}


.menu {
	float: left;
	width: 500px;
	height: 51px;
	margin-top: 10px;
	background-image: url(../images/bg-top-menu.png);
	background-repeat: no-repeat;
	margin-left: 30px;
}

.menu-break {
	float: left;
	width: 1px;
	height: 20px;
	background-color: Black;
	margin-top: 16px;
}


.menu a:link, .menu a:visited {
	float: left;
	text-decoration: none;
	color: #fff;
	height: 25px;
	padding: 17px 35px 5px 35px;
	margin-left: 1px;
	font-size: 12pt;
}

.menu a:hover, .menu a:active {
	text-decoration: none;
	color: #000;
}

.menu a.active {
	text-decoration: none;
	color: #fff;
	
}

.logobox {
	float: left;
	width: 999px;
	height: 80px;
	margin-top: 20px;
}

#logo {
	float: right;
	width: 400px;
	height: 80px;
	background-image: url(../images/logo.png);
}


.kontakt-box {
	float: left;
	width: 999px;
	height: 343px;
	background-image: url(../images/bg-kontakt.png);
	-moz-border-radius: 5px;
border-radius: 5px;
background-color: white;
}

.creative-job {
	float: left;
	width: 979px;
	height: 172px;
	background: rgba( 25, 25, 25, 0.7);
	-moz-border-radius: 5px;
border-radius: 5px;
	background-image: url(../images/bg-creative-job.png);
	background-repeat: no-repeat;
	margin-top: 50px;
	font-size: 8pt;
	padding-top: 70px;	
	padding-left: 20px;
	
}

.bottom {
	float: left;
	width: 949px;
	height: 42px;
	background-image: url(../images/bg-bottom.png);
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 8pt;
	padding: 30px 50px 0px 0px;
	text-align: right;
}


.web-point {
	float: left;
	width: 210px;
	height: 180px;
	padding: 0px 15px 0px 21px;
}

.identity-point {
	float: left;
	width: 210px;
	height: 180px;
	padding: 0px 15px 0px 21px;
}

.graphic-point {
	float: left;
	width: 210px;
	height: 180px;
	padding: 0px 15px 0px 21px;
}

.press-point {
	float: left;
	width: 200px;
	height: 180px;
	padding: 0px 15px 0px 21px;
}

h1 {
	float: right;
	width: 400px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: Black;
	font-size: 7pt;
}

h2 {
	float: left;
font-size: 1.5em;
	color: #5C5C5C;
	margin: 0px 0px 0px 0px;
	width: 210px;
	font-weight: normal;
}

h2.web {
	color: #6C262B;
}
h2.identity {
	color: #794D0B;
}
h2.graphic {
	color: #385304;
}
h2.press {
	color: #025A88;
}

.web-list {
	float: left;
	padding: 5px 0px 0px 15px;
	list-style: url(../images/list-web.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
}

.identity-list {
	float: left;
	padding: 5px 0px 0px 15px;
	list-style: url(../images/list-identity.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
}

.graphic-list {
	float: left;
	padding: 5px 0px 0px 15px;
	list-style: url(../images/list-graphic.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
}

.press-list {
	float: left;
	padding: 5px 0px 0px 15px;
	list-style: url(../images/list-press.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
}



.kontakt-form {
	float: left;
	width: 300px;
	padding: 55px 0px 0px 70px;
	color: Black;
}

input, textarea {
	border: 1px solid #BBBBBB;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 3px;
	background-image: url(../images/bg-form.png);
	background-color: transparent;
}

input.formbut {
	float: left;
	color: White;
	border: 0px;
	width: 135px;
	text-align: center;
	margin-right: 8px;
	background-image: url(../images/butt-form.png);
	background-repeat: no-repeat;
	height: 31px;
	background-color: transparent;
}

.formtext {
	padding: 7px 4px 2px 0px;
}

.kontakt-box02 {
	float: left;
	width: 150px;
	color: Black;
	padding: 15px;
	margin-top: 150px;
	margin-left: 90px;

}








.menu-ref {
   float: left;
	width: 992px;
	height: 72px;
	background-image: url(../images/bg-menu-ref.png);
	background-repeat: no-repeat;
	padding-left: 7px;
}

.menu-ref-break {
	float: left;
	width: 5px;
	height: 72px;
	background-image: url(../images/menu-ref-break.png);
}

.menu-ref a:link, .menu-ref a:visited {
	float: left;
	text-decoration: none;
	color: #424242;
	height: 50px;
	padding: 22px 91px 0px 91px;
	margin-left: 1px;
	font-size: 18pt;
}



.butt-01:hover, .butt-01:active {
	text-decoration: none;
	color: #000;
	background-image: url(../images/menu-ref-bg-01.png);
	background-repeat: repeat-x;
}

.butt-02:hover, .butt-02:active {
	text-decoration: none;
	color: #fff;
	background-image: url(../images/menu-ref-bg-02.png);
	background-repeat: repeat-x;
}

.butt-03:hover, .butt-03:active {
	text-decoration: none;
	color: #fff;
	background-image: url(../images/menu-ref-bg-03.png);
	background-repeat: repeat-x;
}

.butt-04:hover, .butt-04:active {
	text-decoration: none;
	color: #fff;
	background-image: url(../images/menu-ref-bg-04.png);
	background-repeat: repeat-x;
}

.menu-ref a.active01 {
	text-decoration: none;
	color: #000;
	background-image: url(../images/menu-ref-bg-01.png);
	background-repeat: repeat-x;
}

.menu-ref a.active02 {
	text-decoration: none;
	color: #000;
	background-image: url(../images/menu-ref-bg-02.png);
	background-repeat: repeat-x;
}

.menu-ref a.active03 {
	text-decoration: none;
	color: #000;
	background-image: url(../images/menu-ref-bg-03.png);
	background-repeat: repeat-x;
}

.menu-ref a.active04 {
	text-decoration: none;
	color: #000;
	background-image: url(../images/menu-ref-bg-04.png);
	background-repeat: repeat-x;
}



.bg-top-reference {
	float: left;
	width: 900px;
	height: 10px;
	margin: 20px 0px 0px 50px;
	background-image: url(../images/bg-top-reference.png);
}
.bg-bottom-reference {
	float: left;
	width: 900px;
	height: 10px;
	margin: 0px 0px 0px 50px;
	background-image: url(../images/bg-bottom-reference.png);
}
.reference-box {
	float: left;
	width: 900px;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/bg-box-ref.png);
	background-repeat: repeat;
}


h3 {
	display: block;
	font-size: 19pt;
	font-weight: normal;
	margin-bottom: 5px;
	color: #585858;
}

.reference-headline {
	float: left;
	padding: 0px 0px 10px 110px;
	margin: 40px 0px 0px 0px;
	color: #424242;
	font-size: 8pt;
}

.reference-box00 {
	float: left;
	width: 900px;
	height: 444px;
	background-image: url(../images/bg-reference.jpg);
	background-repeat: no-repeat;
	margin-bottom: 50px;
}

.reference-box01 {
	float: left;
	width: 900px;
	height: 444px;
	background-image: url(../images/bg-reference01.jpg);
	background-repeat: no-repeat;
	margin-bottom: 50px;
}

.reference-box02 {
	float: left;
	width: 900px;
	height: 444px;
	margin-bottom: 50px;
}


.reference-content {
	float: left;
	width: 673px;
	height: 404px;
	margin-left: 0px;
}

.reference-content-one {
	float: left;
	width: 787px;
	height: 424px;
	padding: 20px 0px 0px 113px;
}

.reference-right {
	float: left;
	width: 93px;
	height: 444px;
	background-image: url(../images/reference-right.png);
	cursor: pointer;
}

.empty {
	float: left;
	width: 93px;
	height: 444px;
}

.reference-left {
	float: left;
	width: 93px;
	height: 444px;
	background-image: url(../images/reference-left.png);
	cursor: pointer;
}

img {
	border: 0px;
}



.index-box {
	float: left;
	width: 999px;
	height: 408px;
	background-image: url(../images/bg-index.png);
	-moz-border-radius: 5px;
border-radius: 5px;
background-color: white;
	padding-top: 35px;
	
}




.index-text {
	float: right;
	width: 200px;
	margin-top: 50px;
	text-align: right;
	padding-right: 60px;
}

.index-reference-box {
	float: left;
	width: 720px;
	height: 400px;
}

.index-reference {
	float: left;
	width: 538px;
	height: 400px;
}

.index-caption {
	color: #595959;
	width: 538px;
	text-align: center;
	margin-top: 370px;
	height: 20px;
	position: absolute;
	font-size: 10pt;
}

.index-reference-left {
	float: left;
	width: 80px;
	height: 400px;
	cursor: pointer;
	background-image: url(../images/index-reference-left.png);
}

.index-reference-right {
	float: left;
	width: 80px;
	height: 400px;
	margin-left: -20px;
	cursor: pointer;
	background-image: url(../images/index-reference-right.png);
	
}