/*========================================================================
	Main Elements
========================================================================*/

body {
	background-color:#000000;
	margin:0px;
	padding:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing:0.09em;
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
}

h1,h2,h3,h4 {
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
}

h2 { margin-bottom:18px; }
h3 { font-size:11px; font-weight:bold; }

p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

a {
	text-decoration:none;
	color:#ee2a1a;
}

a:hover { color:#686b6b; }

/*========================================================================
	Content
========================================================================*/

div#backgroundContainer {
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	z-index:1;
}

img#backgroundContainerIMG {
	display:block;
	visibility:hidden;
	z-index:1;
	width:0px;
	height:0px;
}

img#logo {
	display:block;
	position:absolute;
	top:15px;
	/*left:880px;*/
	right:18px;
	z-index:2;
}

/*----------------------------------------------------------------------*/

div.introtext {
	position:absolute;
	top:119px;
	left:25px;
	width:557px;
	font-size:12px;
	line-height:24px;
	z-index:100;
	overflow:hidden;
	height:219px;
}

div.contentText,div.contentTextProjekte,div.contentTextFakten {
	position:absolute;
	top:123px;
	left:88px;
	width:368px;
	height:220px;
	overflow:hidden;
	font-size:11px;
	line-height:18px;
	z-index:100;
}

div.contentTextProjekte { width:305px; }

div.contentTextFakten { width:630px; }

img.scrollButtonUp, img.scrollButtonDown {
	position:absolute;
	left:0px;
	z-index:100;
	cursor:pointer;
	visibility:hidden;
}

/*img.scrollButtonUp { top:126px; }
img.scrollButtonDown { top:315px; }*/

img.projectThumbs {
	position:absolute;
	top:126px;
	left:781px;
	z-index:100;
	cursor:pointer;
	border:solid 1px #EEE;
	visibility:hidden;
}

img.projectImage {
	position:absolute;
	top:126px;
	left:466px;
	z-index:100;
	visibility:hidden;
}

a.productLink {
	position:absolute;
	top:323px;
	left:467px;
	z-index:20;
	font-size:11px;
	line-height:12px;
}

#scrollContent { background-image:url(/pix/main/trans.gif); }

/*========================================================================
	Home
========================================================================*/

div#homeText {
	position:absolute;
	top:70px;
	/*left:633px;*/
	right:17px;
	width:370px;
	background-image:url(/pix/main/trans.gif);
	z-index:10;
	text-align:right;
}

img.imgTeaser {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	visibility:hidden;
}


/*========================================================================
	Navigation
========================================================================*/

div#mainNavigation {
	position:absolute;
	bottom:69px;
	left:25px;
	z-index:20;
}

img#mainNaviLine {
	position:absolute;
	bottom:63px;
	left:0px;
	width:99%;
	height:1px;
	background-image:url(/pix/main/line.gif);
	z-index:30;
}

img#mainNaviDog {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:31;
}

div#subNavigation {
	position:absolute;
	top:397px;
	left:151px;
	z-index:20;
}

img#subNaviLine {
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:2px;
	height:4px;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	background-image:url(/pix/main/line.gif);
	z-index:1;
}

.subNaviDot, .subNaviDotActive {
	position:absolute;
	display:block;
	z-index:10;
	width:13px;
	height:12px;
	top:-4px;
	background-color:#FFFFFF;
	left:0px;
	line-height:0px;
	font-size:0px;
	visibility:hidden;
}

.subNaviDotActive { background-color:#ee2a1a; }

img#footerText {
	position:absolute;
	bottom:30px;
	right:98px;
	z-index:10;
}

img.mainNaviButton {
	display:block;
	float:left;
	margin-right:6px;
	cursor:pointer;
}

a.subNaviNode, a.subNaviNodeActive, a.subNaviNodeHover {
	position:absolute;
	white-space:nowrap;
	top:20px;
	left:0px;
	font-size:10px;
	line-height:12px;
	color:#FFFFFF;
	z-index:10;
	display:block;
	visibility:hidden;
}

a.subNaviNodeActive, a.subNaviNodeHover { color:#ee2a1a; }

div.subsubNavi {
	position:absolute;
	top:48px;
	font-size:10px;
	line-height:12px;
	visibility:hidden;
}

a.subsubNaviNode, a.subsubNaviNodeActive {
	white-space:nowrap;
	display:block;
	color:#FFFFFF;
}

a.subsubNaviNode:hover, a.subsubNaviNodeActive { color:#ee2a1a; }

img.bowBig {
	position:absolute;
	top:-33px;
	visibility:hidden;
}

img.bowSmall {
	position:absolute;
	top:8px;
	visibility:hidden;
}

div.mainNaviSub {
	position:absolute;
	visibility:hidden;
	top:23px;
	left:0px;
	font-size:12px;
	font-weight:bold;
	white-space:nowrap;
	z-index:25;
}

a.mainNaviSubNode, a.mainNaviSubNodeActive { color:#FFFFFF; }
a.mainNaviSubNode:hover, a.mainNaviSubNodeActive { color:#ee2a1a; }

img#naviButtonPrev , img#naviButtonNext {
	position:absolute;
	top:-10px;
	z-index:1000;
	cursor:pointer;
	visibility:hidden;
	left:-33px;
}

div.homeAktuelles {
	position:absolute;
	top:-8px;
	left:-108px;
	width:100px;
	text-align:right;
	color:#686b6b;
}

/*========================================================================
	Default Elements
========================================================================*/

.clearBoth {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

form {
	margin:0px;
	padding:0px;
}

/*========================================================================
	FORMULARE
========================================================================*/

input.defaultInput {
	width:99.9%;
	height:22px;
	padding:3px 0px 0px;
	margin-top:4px;
	margin-bottom:4px;
	border:0px;
	border:none;
	font-size:12px;
	line-height:normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

textarea {
	width:306px;
	height:110px;
	margin-top:4px;
	border:0px;
	margin-bottom:0px;
	padding:0px;
	font-size:12px;
	line-height:18px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding-right:15px;
}

a.formButton {
	display:block;
	height:19px;
	text-align:right;
	padding:4px 23px 0px 0px;
	margin:14px 63px 0px 0px;
	cursor:pointer;
	background-image:url(/pix/main/arrow_send.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

a.formButton span {
	display:block;
	float:right;
	padding:3px 10px 0px 0px;
}

a.formButton img {
	display:block;
	float:right;
}

div.frm_radio { margin-bottom:8px; }
div.frm_radio img {
	display:block;
	float:left;
	margin:0px 10px 0px 0px;
}
div.frm_radio label {
	display:block;
	float:left;
	padding:0px 10px 0px 0px;
	cursor:pointer;
}
div.frm_radio input { display:none; }

div.frm_checkbox { margin-bottom:8px; }
div.frm_checkbox img {
	display:block;
	float:left;
	margin:3px 10px 0px 0px;
}
div.frm_checkbox label {
	display:block;
	float:left;
	padding:0px 10px 0px 0px;
	cursor:pointer;
}
div.frm_checkbox input { display:none; }

/*-----------------------KOORDINATEN FORMULAR-------------------------------*/

div.contactAdresse {
	position:absolute;
	top:217px;
	left:88px;
	width:250px;
	height:200px;
	overflow:hidden;
	font-size:11px;		
	line-height:16px;
	z-index:100;
	margin:0px;
	padding:0px;	
}	
	
div.contactFormLeft {
	position:absolute;		
	width:242px;
	top:123px;
	left:403px;
	margin-right:10px;
	z-index:100;		
}
	
div.contactFormRight {
	position:absolute;		
	width:305px;
	top:123px;
	left:655px;
	margin-bottom:10px;
	z-index:100;		
}

/*-----------------------BRAIN FORMULAR-------------------------------*/
div.brainContent {
	position:absolute;
	top:189px;
	left:88px;
	width:250px;
	height:200px;
	overflow:hidden;
	font-size:11px;		
	line-height:16px;
	z-index:100;
	margin:0px;
	padding:0px;	
}

div.brainFormText {
	position:absolute;
	width:567px;
	top:119px; left:214px;
	font-size:11px;
	line-height:16px;
	z-index:100;
}			
	
div.brainFormLeft {
	position:absolute;		
	width:242px; height:224px;
	top:151px; left:466px;
	margin-right:10px;
	overflow:hidden;
	z-index:100;
}
	
div.brainFormRight {
	position:absolute;		
	width:242px; height:340px;
	top:173px;left:718px;
	margin-bottom:10px;
	overflow:hidden;
	z-index:100;
}

/*-----------------------SHIRT FORMULAR-------------------------------*/

div.shirtContent {
	position:absolute;
	top:119px; left:88px;
	width:378px;
	overflow:hidden;
	font-size:12px;		
	line-height:30px;
	z-index:100;
	margin:0px;
	padding:0px;	
}
	
div.shirtFormText {
	position:absolute;
	width:510px;
	top:178px;
	left:25px;
	font-size:11px;
	line-height:18px;
	z-index:100;
}		
	
div.shirtFormLeft,div.shirtFormMiddle,div.shirtFormRight {
	position:absolute;		
	width:242px; height:150px;		
	overflow:hidden;
	z-index:100;
}
	
div.shirtFormLeft {		
	top:219px; left:214px;
	margin-right:10px;		
}

div.shirtFormMiddle {		
	top:265px;left:466px;		
}
	
div.shirtFormRight {		
	top:265px;left:718px;
	margin-bottom:10px;
}


/*========================================================================
	AUFLISTUNG KUNDEN / FAKTEN
========================================================================*/

div.kundenListe,div.faktenListe {
	position:relative;
	width:368px; height:20px;
	background-image:url(/pix/main/linesmall.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}

div.faktenListe { float:left; width:315px; }

/*========================================================================
	FORMCHECK
========================================================================*/

.validate, .validate_text, .validate_textarea, .validate_checkbox, .validate_radio, .validate_select, .validate_int, .validate_float, .validate_email, .validate_phone, .validate_price {
	background-repeat:no-repeat;
	background-position:right center;
}

/*========================================================================
	brain_extension
========================================================================*/

div#brainExt_MainCT {
	position:absolute;
	top:126px;
	left:519px;
	width:368px;
	height:230px;
	overflow:hidden;
	z-index:100;
}

div.brainExt_CT {
	position:absolute;
	top:0px;
	left:0px;
	width:116px;
}

img.brainExt_IMG {
	display:block;
	margin-bottom:3px;
}

img.checkbox_fake_IMG {
	display:inline;
	margin:0px 8px 0px 1px;
}

img.brainExt_A_IMG {
	display:inline;
	margin-right:6px; 
}

div#brainExt_ScrollCT {
	position:relative;
	height:200px;
}

img.brainExt_BT_prev, img.brainExt_BT_next {
	position:absolute;
	top:209px;
	z-index:100;
	cursor:pointer;
}

img.brainExt_BT_prev { left:486px; }
img.brainExt_BT_next { left:897px; }

a.brainExt_btBestellen {
	position:absolute;
	top:346px;
	left:811px;
	z-index:500;
	display:none;
}

div.tShirt_MainCT {
	position:absolute;
	top:200px;
	left:340px;
	z-index:100;
}

div.tShirt_Checkbox {
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
}

.tShirt_Line {
	position:absolute;
	top:21px;
	left:160px;
	width:114px;
	height:4px;
	line-height:0px;
	font-size:0px;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	background-image:url(/pix/main/line.gif);
	background-repeat:repeat-x;
	z-index:10;
}

.tShirt_Counter {
	position:absolute;
	left:178px;
	z-index:100;
	font-weight:bold;
}

.tShirt_knob {
	cursor:pointer;
	position:absolute;
	top:-6px;
	left:0px;
}

a.tShirt_btBestellen {
	position:absolute;
	top:120px;
	left:201px;
	z-index:500;
	display:none;
}

img.tShirt_Image {
	display:block;
	position:absolute;
	top:42px;
	left:765px;
	z-index:200;
}

img.cmsIcon {
	width:305px;
	height:305px;
	position:absolute;
	top:30px;
	left:466px;
	z-index:100;
}

img.partnerLogo {
	position:absolute;
	top:147px;
	left:403px;
	z-index:100;
}

div.contentTeam {
	position:absolute;
	top:35px;
	left:88px;
	width:557px; height:290px;
	z-index:1;
}

div.contentTeam img {
	display:block;
	float:left;
	top:0px; left:0px;
	padding:0px;	
	margin-right:10px;
}

div#teamLegende { margin-top:215px; }

div#teamLegende span {
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	color:#ffffff;
}

div#contactMap {
	position:absolute;
	top:60px;
	left:88px;
	z-index:2000;
	display:none;
	background-color:#000000;
	border:solid 5px #000000;
}


div#gallery_imageContainer {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:5002;
	border:solid 2px #FFFFFF;
}

div#gallery_buttonClose {
	position:absolute;
	top:-2px;
	right:-2px;
	width:20px;
	height:20px;
	border:solid 2px #FFFFFF;
	font-weight:bold;
	cursor:pointer;
	background-color:#000000;
	text-align:center;
}

div#gallery_buttonLeft {
	position:absolute;
	bottom:-2px;
	left:-2px;
	width:20px;
	height:20px;
	border:solid 2px #FFFFFF;
	font-weight:bold;
	cursor:pointer;
	background-color:#000000;
	background-image:url(/pix/main/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:-11px -2px;
}

div#gallery_buttonRight {
	position:absolute;
	bottom:-2px;
	right:-2px;
	width:20px;
	height:20px;
	border:solid 2px #FFFFFF;
	font-weight:bold;
	cursor:pointer;
	background-color:#000000;
	background-image:url(/pix/main/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:8px -2px;
}

img#gallery_image { display:block; }

img#galleryBtPrev {
	position:absolute;
	top:70px;
	left:-33px;
	cursor:pointer;
	z-index:5000;
}

img#galleryBtNext {
	position:absolute;
	top:70px;
	left:504px;
	cursor:pointer;
	z-index:5000;
}


div#gallery_thumbs_container {
	position:absolute;
	top:126px;
	left:466px;
	width:494px;
	z-index:5000;
}

div.gallery_thumbs_imgPreloader {
	float:left;
	width:116px;
	height:77px;
	margin:0px 0px 10px 0px;
	background-image:url(/pix/main/img_preloader.gif);
	background-repeat:no-repeat;
}

img.gallery_thumbs_thumbnail {
	width:116px;
	height:77px;
	cursor:pointer;
}

div#LargeImgBG {	
	background-color: #000000;
	z-index:5001;
	display:none;
	position: absolute; 
	top:0;
	left: 0;
	padding: 0;
	margin: 0;	
}

div#LargeImgContainer {
	position:absolute;
	top:50px;
	left:50px;
	z-index:5002;
	display:none; 
}


div#flashGameMainContainer {
	position:absolute;
	top:50px;
	left:50px;
	z-index:5001;
	display:none; 
}

img#flashGameCloseButton {
	position:absolute;
	top:-18px;
	cursor:pointer;
	z-index:500;
}

/*========================================================================
	NETMANAGER-PAGES
========================================================================*/

div#netmanagerContent ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

div#netmanagerContent ul li {
	background:url(/pix/main/list.gif) no-repeat;
	padding-left:15px;
}

div#netmanagerContent p {
	font-size:13px;
	line-height:19px;
}

div#netmanagerContent p strong {
	font-size:12px;
	line-height:19px;
}

div#netmanagerContent a {
	color:#9b1b11;
}

div#netmanagerContent a:hover {
	color:#FFFFFF;
}



div.moverContent {
	float:left;
	width:440px; 
	margin-right:10px;
}

img.netmanNavi {
	display:block;
	float:left;
	margin-right:11px;
	vertical-align:baseline;
	margin-bottom:4px;
	cursor:pointer;
}

img.netmanNavi.lego {
	margin-top:11px;
}