/* GENERAL LAYOUT */

* { margin: 0; padding: 0; }

body { background: #c4d9ee url(../images/style/body.png) center top no-repeat; color: #1c4063; font: 14px/1.5em "trebuchet ms", helvetica, sans-serif; margin: 0; }

#container { margin: 0em auto; width: 950px; }

#content { padding-bottom: 20em; }

/* TYPOGRAPHY */

p { margin-bottom: 1.5em; text-align: justify; }

.sIFR-flash { visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; }
.sIFR-hasFlash p { line-height: 1.5em; visibility: hidden; }

/* HEADER */

#header { margin-left: -15px; padding: 70px 0; position: relative; }

#header h1 { background: url(../images/style/logo.png); height: 85px; text-indent: -999em; width: 360px; }

#menu { list-style-type: none; }

#homelink { background: url(../images/style/home-link.png) 0 -30px; display: block; height: 144px; left: 813px; position: absolute; text-indent: -999em; top: 0; width: 43px; }
#homelink:hover { background-position: 0 0; height: 174px; }

#projectslink { background: url(../images/style/projects-link.png) 0 -30px; display: block; height: 144px; left: 862px; position: absolute; text-indent: -999em; top: 0; width: 43px; }
#projectslink:hover { background-position: 0 0; height: 174px; }

#contactlink { background: url(../images/style/contact-link.png) 0 -30px; display: block; height: 144px; left: 911px; position: absolute; text-indent: -999em; top: 0; width: 43px; }
#contactlink:hover { background-position: 0 0; height: 174px; }

/* CONTENT */

#content a img { border: none; text-indent: -999em; }
/*#content a { background: inherit; color: #cd4c4c; font-style: italic; text-decoration: none; }
#content a:after { content: " \2192"; } */

#intro { font-size: 1.5em; height: 280px; line-height: 1.5em; margin-bottom: 2em; padding: 0 1.5em; }

#intro a { background: inherit; color: #cd4c4c; font-style: italic; text-decoration: none; }
#intro a:hover { text-decoration: underline; }

#slogan-home { background: url(../images/style/slogan-home.png); height: 145px; margin: -5px 0 0 -25px; text-indent: -999em; width: 565px; }
#slogan-projects { background: url(../images/style/slogan-projects.png); height: 145px; margin: -5px 0 0 -25px; text-indent: -999em; width: 485px; }
#slogan-contact { background: url(../images/style/slogan-contact.png); height: 145px; margin: -5px 0 0 -25px; text-indent: -999em; width: 780px; }
#slogan-contact { background: url(../images/style/slogan-contact.png); height: 145px; margin: -5px 0 0 -25px; text-indent: -999em; width: 780px; }
#ingenieurbuero-juerg-widmer-header { background: url(../images/style/slogan-ingenieurbuero-juerg-widmer.png); height: 145px; margin: -5px 0 0 -25px; text-indent: -999em; width: 755px; }
#tobias-bolt-header { background: url(../images/style/slogan-tobias-bolt.png); height: 145px; margin: -5px 0 0 -25px; text-indent: -999em; width: 395px; }
#bibelkommentare-header { background: url(../images/style/slogan-bibelkommentare.png); height: 145px; margin: -5px 0 0 -25px; text-indent: -999em; width: 600px; }
#vc-fischingen-header { background: url(../images/style/slogan-vc-fischingen.png); height: 145px; margin: -5px 0 0 -25px; text-indent: -999em; width: 480px; }
#zahnprothetik-roland-vettiger-header { background: url(../images/style/slogan-zahnprothetik-roland-vettiger.png); height: 145px; margin: -5px 0 0 -25px; text-indent: -999em; width: 535px; }

#projects-box { background: url(../images/style/projects-box.png) 0 19px no-repeat; margin-bottom: 65px; padding: 19px 0 0 61px; position: relative; }
#projects-box h2 { display: none; }
#projects-box ul { list-style-type: none; }
#projects-box ul li { background: url(../images/style/thumbnail.png); float: left; height: 100px; margin: 0 26px 33px 0; padding: 21px; width: 100px; }
#projects-box p.readmore { font-style: italic; text-align: right; }
#projects-box p.readmore a { background:inherit; color: #cd4c4c; text-decoration: none; }
#projects-box p.readmore a:hover { text-decoration: underline; }

#contact-box { background: url(../images/style/contact-box.png); clear: left; height: 140px; margin: 0 0 5em -1px; }
#contact-box h2 { display: none; }
#contact-box img { display: block; height: 100px; margin-left: 151px; padding: 26px 0 0 0; width: 580px; }
#contact-box p { background: transparent; color: #cd4c4c; font-style: italic; margin: -28px 0 0 151px; text-align: center; width: 580px; }
#contact-box p a { background: transparent; color: #cd4c4c; text-decoration: none; }
#contact-box p a:hover { text-decoration: underline; }

#projects-box-full { height: 44em; position: relative; }
#projects-box-full h2 { font-size: 1.5em; font-style: italic; font-weight: normal; margin-bottom: 1em; }
#projects-box-full #skills { position: absolute; width: 292px; }
#projects-box-full #project-list { left: 320px; position: absolute; text-align: center; top: 0; width: 336px; }
#projects-box-full #project-management { position: absolute; right: 0; top: 0; width: 292px; }

#projects-box-full #skills dl { margin-bottom: 1.5em; text-align: right; }
#projects-box-full #skills dt { clear: left; display: block; float: left; font-weight: bold; }
#projects-box-full #skills dd { display: block; }

#projects-box-full #project-list ul { list-style-type: none; }
#projects-box-full #project-list ul li { background: url(../images/style/thumbnail.png); float: left; height: 100px; margin: 0 26px 33px 0; padding: 21px; width: 100px; }

#projects-box-full #project-management h2 { text-align: right; }

#slideshow { width: 504px; }
#slideshow ul { list-style-type: none; }
#slideshow ul li { background: url(../images/style/thumbnail.png); float: left; height: 100px; margin: 0 26px 33px 0; padding: 21px; width: 100px; }

#slideshow p { background: inherit; color: #fff; float: left; font-style: italic; width: 478px; }

#description-box { padding-left: 504px; }
#description-box a { background: #c4d9ee; color: #cd4c4c; font-style: italic; text-decoration: none; }
#description-box a:hover { text-decoration: underline; }
#description-box a:after { content: " \2192"; }

#team-box { background: url(../images/style/team-box.png) 0 19px no-repeat; height: 142px; margin-bottom: 54px; padding: 19px 0 0 61px; position: relative; }
#team-box h2 { display: none; }
#team-box ul { list-style-type: none; }
#team-box ul li { background: url(../images/style/thumbnail.png); float: left; height: 100px; margin: 0 26px 33px 0; padding: 21px; width: 100px; }
#team-box p a { background: #c4d9ee; color: #cd4c4c; font-style: italic; text-decoration: none; }
#team-box p a:hover { text-decoration: underline; }
#team-box p a:after { content: " \2192"; }

#form-box h2 { font-size: 1.5em; font-style: italic; font-weight: normal; margin-bottom: 1em; }
#form-box p.success { background: inherit; color:#fff; }
#form-box p.error { background: inherit; color:#cd4c4c; }

#content fieldset { border: none; height: 20em; position: relative; }
#content fieldset p.small-input { left: 516px; position: relative; }
#content fieldset p.big-input { left: 0; position: absolute; top: 0; }
#content fieldset label { display: block; }
#content fieldset input { border: none; height: 1em; line-height: 1em; padding: 7px; width: 420px; }
#content fieldset textarea { border: none; font: 1em "trebuchet ms", helvetica, sans-serif; height: 10em; line-height: 1em; padding: 7px; width: 420px; }
#content fieldset button { background: #1c4063; border: none; color: #fff; cursor: pointer; padding: 0.5em; position: absolute; right: 0; top: 10.5em; }
#content fieldset button:hover { background: #fff; color: #1c4063; }
#content fieldset .error { background-color: #fff; color: #cd4c4c; }

/* FOOTER */

#footer { background: url(../images/style/footer.png) left bottom repeat-x; bottom: 0; height: 364px; left: 0; position: fixed; width: 100%; z-index: 10; }
#footer p { background: url(../images/style/footerp.png) 50% 98px no-repeat; color: #fff; font-style:italic; margin-bottom: 0; padding: 301px 0 42px 0; text-align: center; }
#footer a { background: inherit; color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }