@charset "utf-8";
/* 3d rot, Apps Green, Icon, Header Black Lack,*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img { margin:0; padding:0; }
html { height:100%; color:#FFF; background:#141414 url(../images/pagebg_body.jpg) repeat-y top center; margin:0; }
body { height:100%; font:9pt "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; margin:0 auto; background: url(../images/pagebg_html.jpg) no-repeat center top;  }
h1, h2 { font-size:12pt; }
h1.bullet, sh2.bullet { font-size:16px; color:#fff; line-height:25px; padding-left:30px; background:url(../images/dropbullet_25blue.gif) no-repeat left center; margin:0 0 15px 0; }
ul { margin:0; padding:0; }
li { list-style:square; margin:0 0 0 15px; padding:0; }
hr { border-top:none; border-left:none; border-right:none; border-bottom:1px dotted #666; margin:10px 0 10px 0; clear:both; }
td { font:9pt "Trebuchet MS", Arial, Helvetica, sans-serif; }
.spacer { width:100%; height:5px; clear:both; }

.header { width:980px; height:65px; margin:0 auto; vertical-align:bottom; padding:3px 0 0 0; }
.logo { width:300px; float:left; text-align:left; line-height:60px; height:60px; margin:0; padding:0; }
.navigation { width: 670px; float:right;  line-height:40px; height:40px; margin:25px 5px 0 0; }
ul.tabs li { list-style:none; width:90px; height:40px; margin:0 3px 0 0; float:right; padding:0; background:url(../images/tab90_off.jpg) no-repeat center bottom; line-height:40px; font-weight:bold; }
ul.tabs li a { color:#fff; text-decoration:none; display:block; }
ul.tabs li a:visited { color:#fff;}
ul.tabs li a:hover  { color:#000; text-decoration:none; background:url(../images/tab90_on.jpg) no-repeat center bottom; display:block; }
ul.tabs li a:active { color:#000; text-decoration:none; }
.navigation_top_active  { background:url(../images/tab90_on.jpg) no-repeat center bottom !important; color:#000; }
.navigation_top_active a  { color:#000 !important; }

.banner { width:980px; height:200px; margin:0 auto; padding:0; text-align:right; }
.banner_home { background:url(../images/banner-static-en.jpg) no-repeat center center;}
.banner_contact { background:url(../images/banner-kontakt-en.jpg) no-repeat center center;}
.banner_reference { background:url(../images/banner-referenzen-en.jpg) no-repeat center center;}
.banner_about { background:url(../images/banner-about-en.jpg) no-repeat center center;}
.banner_3d { background:url(../images/banner-3dtools-en.jpg) no-repeat center center;}
.banner_3dnb { background:url(../images/banner-3dtools_nb-en.jpg) no-repeat center center;}
.banner_web { background:url(../images/banner-web-en.jpg) no-repeat center center;}
.banner_webnb { background:url(../images/banner-web_nb-en.jpg) no-repeat center center;}
.banner_apps { background:url(../images/banner-richmedia-en.jpg) no-repeat center center;}
.banner_appsnb { background:url(../images/banner-richmedia_nb-en.jpg) no-repeat center center;}

.content { width:980px; text-align:left; margin:20px auto 0 auto; }
.contenttext { color:#d4d4d4; width:613px; font-size:10pt; line-height:16pt; margin:30px 30px 40px 20px; float:right; text-align:justify; }
.contenttext a { color:#8dc2e3; text-decoration:none; }
.contenttext h1 { color:#FFFFFF; }
.contenttext h1.bullet { background:url(../images/dropbullet_25grey.gif) no-repeat left center; }
.contenttext li { color:#fff; }
.atom { width:440px; margin:0 150px 20px auto; float:right; } /* 650 */
.testimonial { width:290px; float:left; }
.latestprojects { width:205px; float:right; font-weight:normal; color:#d4d4d4; margin-right:10px; }
.latestprojects h3 {color:#fff; }
.columnLft, .columnCtr, .columnRgt { background:#142747 url(../images/column_bg.jpg) no-repeat top center; width:250px; padding:30px; color:#8dc2e3; border:1px solid #3378a1; overflow:visible; text-align:justify; }
.columnLft { float:left; }
.columnCtr { margin-left: 335px; }
.columnRgt { float:right; }
.footer { width:980px; margin:15px auto 0 auto; text-align:left; padding:20px 20px 0 20px; overflow:visible; color:#4C4C4C; }
.footer a { text-decoration:none; color:#aaa; }
.footer a:visited { text-decoration:none; color:#aaa; }
.footer a:hover { text-decoration:none; color:#fff; }
.footer a:active { text-decoration:none; color:#fff; }
.sitelinks { float:right; margin:0 15px 0 0; color:#4C4C4C; }
.sitelinks a { text-decoration:none; color:#aaa; }
.sitelinks a:visited { text-decoration:none; color:#aaa; }
.sitelinks a:hover { text-decoration:none; color:#fff; }
.sitelinks a:active { text-decoration:none; color:#fff; }

.leftfloat { float:left; }
.rightalign { text-align:right; color:#8dc2e3; }
.rightalign a { color:#8dc2e3; text-decoration:none; }
.rightalign a:visited { color:#8dc2e3; }
.rightalign a:hover { color:#fff; }
.rightalign a:active { color:#fff; }

.demobutton { margin-right:25px; margin-top:110px; }

.buttonLinkLeft  { height:26px; line-height:26px; width:250px; float:left;  margin-bottom:5px;}
	.btnlink_lft { height:26px; line-height:26px; width:8px; background:url(../images/btnlink_lft.gif) no-repeat right; float:left; }
	.btnlink_ctr { height:26px; line-height:26px; background:url(../images/btnlink_ctr.gif) repeat-x; float:left; }
		.btnlink_ctr a { display:block; color:#000; text-decoration:none; }
		.btnlink_ctr a:visited { color:#000; }
		.btnlink_ctr a:hover { color:#fff; }
	.btnlink_rgt { height:26px; line-height:26px; width:8px; background:url(../images/btnlink_rgt.gif) no-repeat left; float:left; }

.buttonLinkRight  { height:26px; line-height:26px; margin-bottom:5px; }
.buttonLinkRightNoMargin { margin-bottom:0px; }
	.btrRgt { float:right; }
	
.bmnzlogo { margin: 7px 0 10px 20px; }
.whitefont { color:#FFFFFF; text-decoration:none; }
.ulcontent { margin-left: 40px; } 
.praesentation { width:650px; margin:0 auto 20px auto; float:right; font-size:16px; line-height:30px; }
.praesentation h1 { font-size:20px; }
.praesentation ul { margin-left: 40px; }
.praesentation_left h1.bullet { background:url(../images/dropbullet_25grey.gif) no-repeat left center; }
.praesentation_left { width:290px; float:left; line-height:30px; }
.praesentation_referenzen { line-height:20px; }
.contactform { border:1px dotted #666; margin-top:30px; }

#flashcontent { margin:10px; padding:10px; border:1px solid #666; width:558px; }
#navigation { background:url(images/boxbg.jpg) repeat-x left top; line-height:49px; height:49px; text-align:center; width:600px; }
#navigation img { vertical-align:middle; }
.blue { color:#8dc2e3; }