/************************************************/
/*** TURBO D3 CSS FILE                        ***/
/*** www.td3.com                              ***/
/***                                          ***/
/*** v0.1 tw 02.07.2010                       ***/
/************************************************/

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #343434;
	background-color: #bababc;
         background-image: url(../img/bg.jpg);
         background-position: top left;
	background-repeat: repeat;
         background-attachment: fixed;
         border:0 none;
	font-family: "Arial",Verdana,sans-serif;
	font-size: 14px;
	font-style:inherit;
	font-weight:inherit;
	outline:0 none;
}

.frame {
	background-color: white;
         width: 970px;
}

.header {
	padding: 45px 45px 20px 45px;
       	font-size: 12px;
         font-weight: bold;
         height: 137px;
}

.headerleft {
         display:block;
	width: 500px;
         float: left;
         text-align: left;
         font-size: 20px;
}

.headerright {
         display:block;
         color: #343434;
	width: 350px;
         float: left;
         text-align: right;
}

.headerright a {
         color: #343434;
	text-decoration: underline;
}

.headerright a:hover {
	text-decoration: none;
}

.teaser {
	clear: both;
         height: 470px;
	background: #ffffff url(../img/hauptgrafik_podcast_limbo_470px.jpg) top left repeat;
}

.teasertxtbox {
	position: relative;
         top: 408px;
         left: 598px;
         height: 50px;
         width: 360px;
         padding: 5px;
         color: white;
         font-weight: bold;
	background-color: #343434;
	border-top: 2px solid white;
         border-left: 2px solid white;
}

.advert {
	background-color: #ffffff;
}

.knowhow {
	height: 150px;
         padding: 45px;
	background: #8cc63f url(../img/knowhow_bg.jpg) bottom left repeat;
}

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

.knowhow a:hover {
         text-decoration: none;
}

.current {
	background-color: #ffffff;
         padding: 45px;
         height: 840px;
}

.currentinner {
         float: right;
         width: 650px;
}

.currentinner_1 {
	width: 300px;
         height: 190px;
         float: left;
         margin: 0px 0px 20px 20px;
         background: #8cc63f url(../img/werke_01_hapag.jpg) top left no-repeat;
}

.currentinner_2 {
	width: 300px;
         height: 190px;
         float: left;
         margin: 0px 0px 20px 20px;
         background: #8cc63f url(../img//werke_02_mgames.jpg) top left no-repeat;
}

.currentinner_3 {
	width: 300px;
         height: 190px;
         float: left;
         margin: 0px 0px 20px 20px;
         background: #8cc63f url(../img/werke_03_epchina.jpg) top left no-repeat;
}

.currentinner_4 {
	width: 300px;
         height: 190px;
         float: left;
         margin: 0px 0px 20px 20px;
         background: #8cc63f url(../img/werke_04_triviagame.jpg) top left no-repeat;
}

.currentinner_5 {
	width: 300px;
         height: 190px;
         float: left;
         margin: 0px 0px 20px 20px;
         background: #8cc63f url(../img/werke_05_degussa.jpg) top left no-repeat;
}

.currentinner_6 {
	width: 300px;
         height: 190px;
         float: left;
         margin: 0px 0px 20px 20px;
         background: #8cc63f url(../img/werke_06_hypobank.jpg) top left no-repeat;
}

.currentinner_7 {
	width: 300px;
         height: 190px;
         float: left;
         margin: 0px 0px 20px 20px;
         background: #8cc63f url(../img/werke_07_eppicup.jpg) top left no-repeat;
}

.currentinner_8 {
	width: 300px;
         height: 190px;
         float: left;
         margin: 0px 0px 20px 20px;
         background: #8cc63f url(../img/werke_08_xplorer.jpg) top left no-repeat;
}

.currenttxtbox {
	position: relative;
         top: 161px;
         left: 218px;
         height: 17px;
         width: 70px;
         padding: 5px;
         color: white;
         text-align: center;
         font-weight: bold;
	background-color: #343434;
	border-top: 2px solid white;
         border-left: 2px solid white;
         cursor: pointer;
}

.currentinner img {
         float: right;
         margin: 0px 0px 20px 20px;
}

.customers {
	background-color: #343434;
         color: white;
         padding: 45px;
}

.customersinner {
         float: right;
         width: 660px;
}

.customersinner img {
         float: left;
}

.custoverlay {
	position: absolute;
         width: 260px;
         height: 160px;
         padding: 20px 20px 10px 20px;
         background: url(../img/c1_bg.png) 0px 0px no-repeat;
         color: white;
         display: none;
}

.jobs {
	height: 480px;
         background: #ffffff url(../img/jobs_bg.jpg) top left repeat;
}

.jobstxtbox {
	position: relative;
         top: 418px;
         left: 558px;
         height: 50px;
         width: 400px;
         padding: 5px;
         color: white;
         font-weight: bold;
	background-color: #343434;
	border-top: 2px solid white;
         border-left: 2px solid white;
}

.footer {
	padding: 45px;
	font-size: 12px;
         font-weight: bold;
}

.leftfooter {
         display:block;
         width:550px;
         float: left;
         text-align: left;
}

.rightfooter {
         display:block;
         width:330px;
         float: left;
         text-align: right;
}

.rightfooter a {
         color: #343434;
	text-decoration: underline;
}

.rightfooter a:hover {
	text-decoration: none;
}

.txtboxlink {
	font-size: 14px;
         color: white;
         font-weight: bold;
         text-decoration: underline;
         padding: 0px 0px 0px 10px;
         background: url(../img/whitearrow.gif) 0px 2px no-repeat;
}

.txtboxlink:hover {
         text-decoration: none;
}

#impressumposition {
	position: absolute;
         top: 3008px;
}

#impressum {
	position: absolute;
         bottom: 0px;
         width: 880px;
         height: 345px;
         padding: 45px;
         display: none;
         background-color: white;
}

#impressum a {
	color: #343434;
         text-decoration: underline;
}

#impressum a:hover {
         text-decoration: none;
}

.implink {
	cursor: pointer;
         text-decoration: underline;
	padding: 0px 0px 0px 17px;
         background: url(../img/up.gif) 0px 2px no-repeat;
}

.implink:hover {
         text-decoration: none;
}

.implinkactive {
	cursor: pointer;
         text-decoration: underline;
	padding: 0px 0px 0px 17px;
         background: url(../img/down.gif) 0px 2px no-repeat;
}

.implinkactive:hover {
         text-decoration: none;
}