@charset "utf-8";
body { font: 12px Verdana, Arial, Helvetica, sans-serif; background-color: #392d1a /* a1814c */; margin: 0; padding: 0;	text-align: left; color: #000000;	
	background-image: url(../images/fonds.jpg); background-attachment:fixed; background-position:top left; background-repeat:repeat-x; overflow-x: hidden; }

a:active, a:focus {outline: none;}

/* Page-Container 
----------------------------------------------------------------------------*/
#container { width: 100%; background-image: url(../images/structure.gif); background-position:top left; background-repeat:no-repeat; }
#zone { margin: 0 auto 0 auto; width: 1008px; height: 768px; }
#page { width: 1000px; height: 768px; background-color: #ffffff; text-align: left; }
#content { margin-left: 38px; width: 962px; height: 718px; }
#head { width: 943px; height: 140px; }
#space { width: 943px; height: 574px; }
#footer { margin: 0 auto 0 auto; width: 1008px; position: relative; }
#infobox { position: relative; margin: 110px auto 0 auto; padding: 0 0 0 50px; width: 980px; clear: both; }


/* Column-Definition 
----------------------------------------------------------------------------*/
#firstcol { float: left; margin-left: 0; margin-top: 0; width:510px; height:574px;  /* border:1px red solid; */  }
#seconcol { float: right; margin-left: 0; margin-top: 0; width:410px; height:574px;  /* border:1px red solid; */  }
#thirdcol { float: left; margin-left: 0; margin-top: 0; width:510px; height:356px;  /* border:1px red solid; */  }
#fourtcol { float: right; margin-left: 0; margin-top: 0; width:410px; height: 356px; }
#fivcol { float: left; margin-left: 0; margin-top: 0; width: 510px; height: 100px; }
#sample_zone { float: right; margin: 70px 0 0 100px; width: 863px; height: 408px; /*190px*/ /*border:1px white solid; */ }
#doublcol { position: relative; margin: 2px 0 0 360px; padding: 10px 0 0 20px; width: 562px; height: 200px; /* background-color: #fff; */ }


/* Content-Box-Areas 
----------------------------------------------------------------------------*/
#article { width: 370px; height:500px; margin:38px 0 0 0; padding:20px; background-color:#ffffff; }
#teaser { width: 370px; margin:22px 0 0 0; padding:18px; }
#intro { margin:38px 0 0 0; padding:20px; width: 370px; background-color:#ffffff; }
#title_top { width:470px; height:170px; margin:20px 0 0 0; padding:20px; } 
#title_case { width:470px; height:52px; margin:20px 0 0 0; padding:20px; }
#title_bottom { width:470px; height:170px; margin:0; padding:20px; } 
#navi_box { height: 80px; }
#homezone { height: 30px; }
#homezone a img { text-decoration:none; border:none; }
#imprint { width: 370px; height:500px; margin:38px 0 0 0; padding:20px; background-color:#ffffff; }


/* Sample Styling
----------------------------------------------------------------------------*/
#sample_zone { position: relative; margin: 70px 0 0 0; background-image:url(../beispiele/images/plast.png); background-repeat: repeat-x; border-top: 1px #fff solid; } 
#sample_zone img { float: right; padding: 20px; }
#sample_zone .presenter { position: absolute; margin: 0; width: 863px; height: 406px; z-index:100; }
#sample_zone .browse { height: 80px; width: 330px; }
#sample_zone .browse a { text-decoration: none; }
#sample_zone .browse a.next { background:url(../images/arrows.png) no-repeat; background-position: 0 -30px; margin: 40px 0 0 0; width: 30px; height: 30px; display: block; float: right;  } 
#sample_zone .browse a.back { background:url(../images/arrows.png) no-repeat; background-position: 0 0; margin: 40px 0 0 80px; width: 30px; height: 30px; display: block; float: left;  } 
#sample_zone .count { margin: 56px 0 0 6px; float: left;  }
#sample_zone .projekt { float: left; position: absolute; margin: 0 0 0 100px; width: 330px; height: 285px; border: 1px #000000 solid; z-index: 200;  }
#sample_zone .projekt p { display: block; padding: 10px 0 0 14px; width: 200px; font-size: 11px; } 
#sample_zone .projekt strong { background:#000; color: #fff; padding: 1px 4px 2px 4px; font-weight: normal; }
#sample_zone h3 { margin: 266px 0 0 30px; font-size: 44px; color: #858482; letter-spacing: -1px; text-transform: lowercase; } 


/* Shadow-Definitions 
----------------------------------------------------------------------------*/
.shdw_r { background-image: url(../images/shadow_re.png); background-position:top right; background-repeat:repeat-y; }
.shdw_b { background-image: url(../images/shadow_unt.png); background-position: top right; background-repeat: no-repeat; }


/* Rubric-Images - Picture-Styling 
----------------------------------------------------------------------------*/
.rubi01 { background-image: url(../images/01_swush.jpg); background-position:top right; background-repeat:no-repeat; }
.rubi02 { background-image: url(../images/02_typometer.jpg); background-position:top right; background-repeat:no-repeat; }
.rubi03 { background-image: url(../images/03_stones.jpg); background-position:top right; background-repeat:no-repeat; }
.rubi04 { background-image: url(../images/04_floating.jpg); background-position:top right; background-repeat:no-repeat; }
.rubi05 { background-image: url(../images/05_dialog.jpg); background-position:top right; background-repeat:no-repeat; }
.rubi06 { background-image: url(../images/06_volume.jpg); background-position:top right; background-repeat:no-repeat; }
.rubi07 { background-image: url(../images/07_notes.jpg); background-position:top right; background-repeat:no-repeat; }
.rubi08 { background-image: url(../images/08_cup.jpg); background-position:top right; background-repeat:no-repeat; }


#head img { margin:25px 0 0 548px; }


/* Font-Style-Classes 
----------------------------------------------------------------------------*/
h1 { margin: 0; padding:0; font-size: 60px; line-height: 60px; color:#ec9100; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; }
h2 { margin: 0; padding:0; font-size: 48px; line-height: 44px; color:#ec9100; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; }
h4 { margin: 0 0 4px 0; padding: 0; font-size: 18px; line-height: 14px; color: #ec9100; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; }
p { margin: 0; padding: 0; line-height: 18px; }
span.hint { background: #000; padding: 1px 4px 2px 4px; color: #fff; }
#infobox p { color: #9e7e4d; opacity:0.1 !important; filter:alpha(opacity=10); } /* Internet Explorer 4-7 */


/* Teaser-Styling 
----------------------------------------------------------------------------*/
#teaser p { display: block; height: 18px; margin:2px 0 0 0; padding:0 0 4px 0; line-height:22px; background-color: #ffffff;  }
#teaser span { padding:0 8px 0 4px; color: #858482; font-size: 11px; }
#teaser a { text-decoration: none; color:#000000; }
#teaser a:hover { text-decoration: underline; }


/* Service-Boxes
----------------------------------------------------------------------------*/
#servicelist { margin: 18px 0 0 0; padding: 0; background-color: #000; color: #ffffff; }
#servicelist strong { position: relative; padding: 8px 8px 4px 8px; display: block; color: #ed9405; }
#servicelist ul { margin: 0 0 0 8px; padding: 0 8px 8px 8px; }
#serv_lft { float: left; width: 160px; margin: 0; padding: 0; } 
#serv_lft li { list-style-type: square; margin: 0 0 0 8px; padding: 1px 0 1px 0; color: #ffffff; }
#serv_rgt { float: left; width: 160px; margin: 0; padding: 0; } 
#serv_rgt li { list-style-type: square; margin: 0 0 0 8px; padding: 1px 0 1px 0; color: #ffffff; }


/* Profil-Lister
----------------------------------------------------------------------------*/
#prolister { margin: 18px 0 0 0; padding: 0; background: none; }
#prolister .listbox { padding: 4px 0 4px 0; background-color: #000; }
#prolister strong { color: #ed9405; font-size: 12px; }
#prolister p { margin: 1px 0 1px 0; padding: 2px 8px 2px 8px; font-size: 12px; line-height: normal; color: #ffffff; }
#prolister ul { list-style-type: none; margin: 0; padding: 0; }
#prolister #kunden { float: left; width: 185px; margin: 0; padding: 0; } 
#prolister #kunden li { margin: 1px 0 1px 0; padding: 2px 8px 3px 8px; font-size: 11px; background-color: #000; color: #ffffff; }
#kunden li a { text-decoration: none; font-size: 11px; color: #ffffff; }
#kunden li a:hover { text-decoration: none; color: #ed9405; }


/* News-Listing
----------------------------------------------------------------------------*/
p.list { padding: 1px 0 2px 0; line-height: 18px; border-bottom: 1px #6c6c6c dotted; }
p.list span { padding: 2px 4px 2px 4px; font-weight: bold; font-size: 10px; }
p.list a { padding: 0 0 0 8px; text-decoration: none; color:#000000; }
p.list a:hover { text-decoration: underline; }


/* News-Article
----------------------------------------------------------------------------*/
#article.news p.date { margin: 0 0 4px 0; font-size: 11px; line-height: normal;  }
#article.news h3 { margin: 0 0 6px 0; padding: 0; font-size: 18px; color: #000; text-transform: none; }
#article.news p { margin: 0 0 6px 0; line-height: 18px;  }
#article.news p.date a { padding: 0 4px 1px 4px; text-decoration: none; color: #fff; background-color: #000; }
#article.news p.date a:hover { text-decoration: none; color: #ed9405; } 


/* Kontakt-Styling
----------------------------------------------------------------------------*/
.adressbox { float: left; margin: 6px 0 0 5px; width: 164px; height: 150px; padding: 8px; background-color: #000; border-bottom: 1px #fff solid; }
.adressbox strong { margin: 0 0 8px 0; display: block; color: #ed9405; font-size: 14px; text-transform: uppercase; }
.adressbox p { font-size: 12px; color: #fff; }
.adressbox a { text-decoration: none; font-size: 12px; color: #fff; }
.adressbox a:hover { color: #ed9405; }


/* Impressum-Styling
----------------------------------------------------------------------------*/
#imprint strong { font-size: 12px; color: #000; }
#imprint p { margin: 0 0 8px 0; padding: 0; font-size: 11px; line-height: 14px; }
#imprint p.adress strong { display: inline-block; margin: 0; padding: 0; color: #858482; font-size: 11px; font-weight: normal; line-height: 14px; width: 54px; }
#imprint p.adress span { display: inline-block; padding: 0 0 0 10px; font-size: 11px; }


/* Footer
----------------------------------------------------------------------------*/
#footer p { padding: 8px 0 0 0; margin: 0 0 8px 40px; position: relative; font-size: 11px; color: #392d1a; }
#footer a.geo { float: right; padding: 8px 10px 0 0; text-decoration: none; }
#footer img { border-style: none; }
#footer .foolink { position: relative; display: block; margin: 0 0 0 40px; width: 560px; border-top: 1px #392d1a dotted; }
#footer .foolink p { margin: 4px 0 4px 0; padding: 0; line-height: normal; font-size: 11px; text-align: left; }
#footer .foolink a { text-decoration: none; color: #392d1a; }
#footer .foolink a:hover { color: #000; text-decoration: underline; }


/* Start-Page-Teaser
----------------------------------------------------------------------------*/
.twitter { padding:20px 0 0 0; float: right; }
.xing { padding:20px 4px 0 0; float: right; }


/* Reusable-Control-Classes
----------------------------------------------------------------------------*/
.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.fltrt { float: right; margin: 0; }
.fltlft { float: left; margin: 0; }