@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Corbel, Arial, Helvetica, sans-serif; }
body { text-align: center; color: #38322f; font-size:100%; background: #b6afaa url('../images/project-elements/body-bg.jpg') no-repeat center top; }

* html * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
/* TEXT ELEMENTS */
h1 {font-size: 2.00em; }
h2 { font-size: 1.88em; font-weight: normal; }
h3 { font-size: 1.13em; padding-top: 18px; font-weight: normal; }

p { font-size: 1.00em; line-height: 24px; padding-top: 20px; }
p.first { font-size: 1.00em; line-height: 24px; padding-top: 0px; }
p.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px; }
p.flat { height: 1px; line-height: 1px; font-size:1px; padding: 0px; margin: 0px; }
ul.error { color: #b83439; font-size: 0.75em; line-height: 20px; padding-top: 18px;  }
ul.error li { padding-left: 20px; background: transparent url('../images/basic-elements/cross.png') no-repeat 0px 2px; }
p.error,p.jswarning { color: #ff0000; }
p.success { color: #ff6c00; }

span.red { color: #ff0000; }
a { outline: none; }
ul, ol { list-style: none; }
/* TABLES */
table { border-collapse: collapse; border-spacing: 0; border: 0px; }
td,th { line-height: 20px; }
caption, th { text-align: left; }
em { font-style: italic; }
/* IMAGES */
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; }
/* FORMS */
legend { display: none; }
fieldset, img { border: 0; }
textarea { height: 100px; }

div#wrapper { height: 845px; width: 100%; min-width: 960px; background: transparent url('../images/project-elements/wrapper-bg.png') no-repeat bottom center; }
div#container { text-align: left; margin: 0px auto; width: 960px; position: relative; background-repeat: no-repeat; background-position: 490px 0px; }
body#savannadry div#container { background-image: url('../images/project-elements/container-savannadry-bg.jpg'); }
body#tapatio div#container { background-image: url('../images/project-elements/container-tapatio-bg.jpg'); }
body#bergbys div#container { background-image: url('../images/project-elements/container-bergbys-bg.jpg'); }

div#branding { position: relative; width: 960px; height: 200px; background-repeat: no-repeat; background-position: left top; }
body#index div#branding { background-image: url('../images/project-elements/branding-index-bg.png'); }
body#unternehmen div#branding { background-image: url('../images/project-elements/branding-unternehmen-bg.png'); }
body#savannadry div#branding { background-image: url('../images/project-elements/branding-savannadry-bg.png'); }
body#tapatio div#branding { background-image: url('../images/project-elements/branding-tapatio-bg.png'); }
body#bergbys div#branding { background-image: url('../images/project-elements/branding-bergbys-bg.png'); }
body#kontakt div#branding { background-image: url('../images/project-elements/branding-kontakt-bg.png'); }
body#impressum div#branding { background-image: url('../images/project-elements/branding-impressum-bg.png'); }
div#branding h1 { position: absolute; width: 320px; height: 100px; top: 0px; left: 640px; background: #2d2622; }
div#branding h1 a { display: block; text-indent: -9999px; width: 320px; height: 100px; background: transparent url('../images/project-elements/logo.gif') no-repeat; }

div#mainnavigation { z-index: 1; width: 201px; position: absolute; top: 207px; left: 759px;  }
div#mainnavigation ul li { display: inline; }
div#mainnavigation ul li a { width: 201px; height: 21px; display: block; background-repeat: no-repeat; text-indent: -9999px; background-image: url('../images/project-elements/mainnavigation-sprite.gif'); }
div#mainnavigation ul li.startseite a { background-position: 0% 0px; }
div#mainnavigation ul li.startseite a.active { background-position: 100% 0px; }
div#mainnavigation ul li.unternehmen a { background-position: 0% -21px; }
div#mainnavigation ul li.unternehmen a.active { background-position: 100% -21px; }
div#mainnavigation ul li.produkte a { background-position: 0% -42px; }
div#mainnavigation ul li.produkte a.active { cursor: default; background-position: 100% -42px; }
div#mainnavigation ul li.produkte ul li a, div#mainnavigation ul li.produkte ul li a.active { cursor: pointer; }
div#mainnavigation ul li.savannadry a { background-position: 0% -63px; }
div#mainnavigation ul li.savannadry a.active { background-position: 100% -63px; }
div#mainnavigation ul li.tapatio a { background-position: 0% -84px; }
div#mainnavigation ul li.tapatio a.active { background-position: 100% -84px; }
div#mainnavigation ul li.bergbys a { background-position: 0% -105px; }
div#mainnavigation ul li.bergbys a.active { background-position: 100% -105px; }
div#mainnavigation ul li.kontakt a { background-position: 0% -126px; }
div#mainnavigation ul li.kontakt a.active { background-position: 100% -126px; }
div#mainnavigation ul li.impressum a { background-position: 0% -146px; }
div#mainnavigation ul li.impressum a.active { background-position: 100% -146px; }

div#mainnavigation ul li ul { display: none; }
div#mainnavigation ul li.active ul { display: block; }

div#content { height: 646px; background-repeat: no-repeat; background-position: right top; }
body#index div#content { background-image: url('../images/project-elements/content-index-bg.jpg'); }
body#kontakt div#content {  background-image: url('../images/project-elements/content-kontakt-bg.jpg');  }

div#maincontent { float:left; width: 640px; height: 645px; background-repeat: no-repeat; background-position: bottom; }
body#index div#maincontent, body#impressum div#maincontent, body#unternehmen div#maincontent, body#kontakt div#maincontent { background-image: url('../images/project-elements/maincontent-skyline-bg.png'); }
body#savannadry div#maincontent { background-image: url('../images/project-elements/maincontent-savannadry-bg.png'); }
body#tapatio div#maincontent { background-image: url('../images/project-elements/maincontent-tapatio-bg.png'); }
body#bergbys div#maincontent { background-image: url('../images/project-elements/maincontent-bergbys-bg.png'); }
div#maincontent h2 { display: none; }
div#maincontent p { padding-left: 90px; padding-right: 50px; text-align: justify; }
body#index div#maincontent p, body#savannadry div#maincontent p, body#tapatio div#maincontent p, body#bergbys div#maincontent p { padding-right: 150px; }
div#maincontent h2 { display: none; }
div#maincontent p a { color: #38322f; text-decoration: none; border-bottom: 1px dotted #38322f; }

div#contactform { width: 640px; position: relative; }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form ol { padding-left: 90px; list-style-type: none;  }
div#contactform form ol li{ padding-bottom: 20px; }

div#contactform form ol li label { display: block; }
div#contactform form ol li input#lastname { background-image: url('../images/project-elements/input-name-bg.jpg'); }
div#contactform form ol li input#email { background-image: url('../images/project-elements/input-email-bg.jpg'); }
div#contactform form ol li textarea#message { background-image: url('../images/project-elements/input-message-bg.jpg'); }
div#contactform form ol li input,
div#contactform form ol li textarea { border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #38322f; padding: 7px 0px 7px 0px; background-repeat: no-repeat; background-position: top; color: #352d1e; width: 398px; font-size: 16px; }
div#contactform form ol li input.error, div#contactform form ol li textarea.error { border: 1px solid red; }
div#contactform form ol li textarea { scroll: auto; height: 100px; }
div#contactform form ol li input.radio { background: none; border: none; }
div#contactform form ol li select { font-size: 12px; color: #505154; width: 398px; }
div#contactform form ol li input.checkbox { width: auto; }
div#contactform form a { margin-left: 173px; }
div#contactform form input.submit  { position: absolute; left: 131px; font-size: 16px; margin-left: 173px; width: 185px; height: 35px; border: none; background-color: #b5aea8; color: #352d1e; }

div#subcontent { float:left; width: 320px; height: 645px; position: relative; background-repeat: no-repeat;  }
body#savannadry div#subcontent { background-image: url('../images/project-elements/subcontent-savannadry-bg.jpg'); background-position: 0px 250px; }
body#tapatio div#subcontent { background-image: url('../images/project-elements/subcontent-tapatio-bg.jpg'); background-position: 0px 250px; }
body#bergbys div#subcontent { background-image: url('../images/project-elements/subcontent-bergbys-bg.jpg'); background-position: 0px 250px; }
div#subcontent p { font-family: Corbel, Arial, Helvetica, sans-serif; text-align: right; margin-right: 40px; }
div#subcontent p a { color: #38322f; text-decoration: none; border-bottom: 1px dotted #38322f; }
div#subcontent div#linkbox, div#subcontent div#internorga { position: absolute; height: 124px; top: 476px; width: 320px; background: transparent url('../images/project-elements/transparent.png'); }
body#savannadry div#linkbox, body#tapatio div#linkbox { background: none; }
div#subcontent div#linkbox p { padding-top: 50px; }
div#subcontent div#linkbox p a { display: block; font-size: 1.50em; color: #d6d1cc; text-decoration: none; border-bottom: none; text-align: right; padding-right: 30px; background: transparent url('../images/project-elements/arrow.gif') no-repeat right;   }

div#pageinformation { position: relative; width: 960px; margin: 0px auto;  }
div#pageinformation div { position: absolute; left: 0px; top:0px; width: 639px; }
div#pageinformation div p { text-align: right;  padding-top: 10px; font-family: Corbel, Arial, Helvetica, sans-serif; font-size: 1.00em; color: #5d5652; }
div#pageinformation div p a { font-family: Corbel, Arial, Helvetica, sans-serif; color: #5d5652; text-decoration: none; border-bottom: 1px dotted #5d5652; }