/* Resets */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table{font-size:inherit}caption,th{font-weight:bold}

/* Layouts */
body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#footer{clear:both}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}


/*** CONTAINER ***/

html { overflow-y: scroll; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #0c557e; background-position: center 165px; background-repeat: no-repeat; background-color: #fff; }
#border { position: absolute; top: 0; left: 0; width: 100%; height: 21px; background: #0c557e; }
#wrapper { position: relative; margin: 0 auto; padding: 0 38px; width: 905px; text-align: left; background-position: center 21px; background-repeat: no-repeat; }
#header { display: block; height: 107px; background: #09b5f3; margin-bottom: 178px; font-size: 16px; line-height: 24px; }
body.r220 #header { margin-bottom: 166px; }
#container { min-height: 500px; padding-bottom: 70px; }
#main { float: left; width: 580px; padding: 0 0 30px; }
#right { float: right; width: 275px; }
body.r220 #right { width: 220px; margin-top: -64px; }
body.r280 #right { width: 280px; }
body.kontakt #right { width: 240px; }
#footer { border-top: 1px solid #9ce1fa; padding: 5px 0 30px; font-size: 12px; line-height: 12px; }


/*** BACKGROUNDS ***/

body.start { background-image: url("../../files/backgrounds/bg-body_start.png"); }
body.fertigung { background-image: url("../../files/backgrounds/bg-body_fertigung.png"); }
body.produkte { background-image: url("../../files/backgrounds/bg-body_produkte.png"); }
body.spindeln-norm { background-image: url("../../files/backgrounds/bg-body_spindeln-norm.png"); }
body.spindeln-fertig { background-image: url("../../files/backgrounds/bg-body_spindeln-fertig.png"); }
body.muttern-norm { background-image: url("../../files/backgrounds/bg-body_muttern-norm.png"); }
body.muttern-fertig { background-image: url("../../files/backgrounds/bg-body_muttern-fertig.png"); }
body.gewinde-metrisch { background-image: url("../../files/backgrounds/bg-body_gewinde-metrisch.png"); }
body.gewinde-sonder { background-image: url("../../files/backgrounds/bg-body_gewinde-sonder.png"); }
body.reparaturservice { background-image: url("../../files/backgrounds/bg-body_reparaturservice.png"); }
body.qualitaet { background-image: url("../../files/backgrounds/bg-body_qualitaet.png"); }
body.ueber-uns { background-image: url("../../files/backgrounds/bg-body_ueber-uns.png"); }
body.kontakt { background-image: url("../../files/backgrounds/bg-body_kontakt.png"); }
body.impressum { background-image: url("../../files/backgrounds/bg-body_impressum.png"); }
body.agb { background-image: url("../../files/backgrounds/bg-body_agb.png"); }

body.start #wrapper { background-image: url("../../files/backgrounds/bg_start.jpg"); }
body.fertigung #wrapper { background-image: url("../../files/backgrounds/bg_fertigung.jpg"); }
body.produkte #wrapper { background-image: url("../../files/backgrounds/bg_produkte.jpg"); }
body.spindeln-norm #wrapper { background-image: url("../../files/backgrounds/bg_spindeln-norm.jpg"); }
body.spindeln-fertig #wrapper { background-image: url("../../files/backgrounds/bg_spindeln-fertig.jpg"); }
body.muttern-norm #wrapper { background-image: url("../../files/backgrounds/bg_muttern-norm.jpg"); }
body.muttern-fertig #wrapper { background-image: url("../../files/backgrounds/bg_muttern-fertig.jpg"); }
body.gewinde-metrisch #wrapper { background-image: url("../../files/backgrounds/bg_gewinde-metrisch.jpg"); }
body.gewinde-sonder #wrapper { background-image: url("../../files/backgrounds/bg_gewinde-sonder.jpg"); }
body.reparaturservice #wrapper { background-image: url("../../files/backgrounds/bg_reparaturservice.jpg"); }
body.qualitaet #wrapper { background-image: url("../../files/backgrounds/bg_qualitaet.jpg"); }
body.ueber-uns #wrapper { background-image: url("../../files/backgrounds/bg_ueber-uns.jpg"); }
body.kontakt #wrapper { background-image: url("../../files/backgrounds/bg_kontakt.jpg"); }
body.impressum #wrapper { background-image: url("../../files/backgrounds/bg_impressum.jpg"); }
body.agb #wrapper { background-image: url("../../files/backgrounds/bg_agb.jpg"); }


/*** TEXT ELEMENTS ***/

a { text-decoration: none; color: #09b5f3; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
p { margin: 0 0 18px; }
h1 { font-size: 25px; line-height: 32px; margin: 0 0 10px; }
#main h2 { font-size: 16px; margin: 20px 0 3px; font-weight: bold; }
#main h3 { font-size: 14px; margin: 20px 0 3px; font-weight: bold; }
#main ul { margin: 0 0 18px; }
#main ul li { padding-left: 10px; background: url("../../files/schmitz/pics/bullet.png") no-repeat left 8px; }


/*** HEADER ***/

#header .logo { float: right; margin: 37px 38px 0 0; }
#header .mod_navigation { float: left; width: 580px; margin: 60px 0 0 7px; }
#header a { color: #fff; }
#header a:hover, #header a.trail  { color: #0c557e; }
#header ul { list-style: none; list-style-image: none; margin: 0; }
#header ul li { display: inline-block; float: left; padding: 3px 16px; font-weight: bold; }
#header ul li.last { margin-right: 0; }


/*** TEASER ***/

.teaser { display: block; margin: 0 0 11px; }
.teaser + .teaser { margin: 0 0 32px; }
#main .teaser { margin: 12px -20px 0 0; }
#main  .teaser + .teaser { margin-bottom: 11px; }
.teaser .mod_customnav { float: left; width: 275px; height: 130px; margin-left: 40px; background: url("../../files/schmitz/pics/bg_teaser.jpg") no-repeat left top; position: relative; overflow: hidden; }
.teaser .mod_customnav.t_gewinde, .teaser .mod_customnav.t_sonder { margin-left: 0; }
#main .teaser .mod_customnav { margin: 0; }
#main .teaser .mod_customnav +  .mod_customnav { margin-left: 40px; }
.teaser .t_muttern { background-position: left -130px; }
.teaser .t_metrisch { background-position: left -260px; }
.teaser .t_sonder { background-position: left -390px; }
.teaser .t_reparatur { background-position: left -520px; }
.teaser .t_fertigung { background-position: left -650px; }
.teaser a { color: #fff; }
.teaser a:hover { color: #07486d; }
.teaser a.link { display: block; width: 275px; height: 130px; }

#main .teaser h3, .teaser h3 { margin: 0; }
.teaser h3, .teaser h3, .teaser a.link span { position: absolute; bottom: 0; left: 0; width: 245px; font-size: 15px; font-weight: bold; line-height: 34px; height: 34px; margin: 0; padding-left: 10px; z-index: 999; }
.teaser .t_gewinde h3, .teaser .t_muttern h3, .teaser a.link span { background: #09b5f3; color: #fff; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.teaser .t_gewinde:hover h3, .teaser .t_muttern:hover h3, .teaser a.link:hover span { background: #0c557e; }

#main .teaser ul { margin: 0; }
#main .teaser ul li { padding: 0; background: none; }
.teaser ul { position: absolute; top: 96px; left: 0; background: #09b5f3; font-size: 14px; font-weight: bold; line-height: 25px; opacity: 0.8; z-index: 0; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.teaser ul li { border-bottom: 1px solid #3ac4f5; }
.teaser ul li.last { border: 0; }
.teaser ul li a { display: block; width: 205px; height: 26px; padding-left: 10px; }
.teaser .t_gewinde:hover ul, .teaser .t_muttern:hover ul { top: 43px; }


/*** MAIN ***/

#main  table { border: 1px solid; margin: 0 0 18px; }
#main  th { padding: 14px 10px; }
#main  td { padding: 2px 10px; line-height: 16px; }
#main  td.col_first { padding-left: 20px; }
#main  th.col_last, #main  td.col_last { padding-right: 20px; }
#main .row_first td { padding-bottom: 10px; }
#main .row_last td { padding-bottom: 20px; }
#main .ce_table td, #main .ce_table .row_last td, #main  .ce_table td.col_last, #main .ce_table  td.col_first { padding: 14px 20px; text-align: center; }
#main .ce_table td.col_1 { vertical-align: middle; text-align: center; }

#main .ce_form { background: #eee; padding: 22px 25px 25px; margin: 22px 0 50px; }
#main .ce_form label { display: inline-block; width: 80px; }
#main .ce_form p.error { display: inline-block; width: 300px; margin: 0 0 5px; }
#main input[type="text"], #main input[type="tel"], #main input[type="email"], #main input[type="file"], #main textarea, #main select { display: inline-block; background: #fff; border: 1px solid #dadada; -moz-transition: all .15s linear; -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; margin-bottom: 14px; vertical-align: top; }
#main input[type="text"], #main input[type="email"], #main textarea { padding: 4px 6px; width: 296px; }
#main textarea { height: 170px; }
#main input[type="tel"] { padding: 4px 6px; width: 192px; }
#main input[type="file"] { padding: 4px 6px; }
#main select { padding: 2px; }
#main .ce_form p.error + input, #main .ce_form p.error + textarea { margin-left: 83px; }

#main input[type="text"]:focus, #main input[type="tel"]:focus, #main input[type="email"]:focus, #main input[type="file"]:focus, #main textarea:focus, #main select:focus { outline: 0; background: #fcfcfc; border-color: #bbb; }

#main .submit_container { margin-left: 83px; }
input[type="submit"], .button { display: inline-block; padding: 5px 15px; margin-bottom: 0; text-align: center; vertical-align: middle; line-height: 16px; font-size: 13px; font-weight: bold; color: #09b5f3; cursor: pointer; border: 1px solid #cdcdcd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f2f2f2; background-image: -moz-linear-gradient(top,#fff,#ebebeb); background-image: -webkit-linear-gradient(top,#fff,#ebebeb); background-image: -ms-linear-gradient(top,#fff,#ebebeb); background-image: -o-linear-gradient(top,#fff,#ebebeb); background-image: linear-gradient(to bottom,#fff,#ebebeb); background-repeat: repeat-x; -moz-transition: background .15s linear; -webkit-transition: background .15s linear; -o-transition: background .15s linear; transition: background .15s linear; }
input[type="submit"]:hover, .button:hover { text-decoration: none; background-color: #f8f8f8; background-position: 0 -15px!important; }
input[type="submit"]:active, .button:active { background-color: #f8f8f8; background-position: 0 -30px!important}

.dlh_googlemap  { margin: 10px 0 30px; }


/*** RIGHT ***/

#right .mod_article { margin-top: 4px; }
#right .ce_text { background: #eee; padding: 10px 13px 13px; }
body.kontakt #right .ce_text { background: none transparent; padding: 38px 0 0; }
#right .ce_text h2 { font-size: 18px; line-height: 24px; margin: 0 0 5px; }
#right p { line-height: 18px; margin: 0 0 15px; }
#right p.telfaxmail { line-height: 24px; margin: 0; }
#right .ce_image { margin-bottom: 15px; }

#right .mod_navigation { font-size: 15px; margin: 0 0 35px; }
#right .mod_navigation a { color: #fff; }
#right .mod_navigation a:hover { color: #0c557e; }
#right .mod_navigation h2 { background: #0c557e; color: #fff; line-height: 35px; height: 35px; padding-left: 35px; }
#right .mod_navigation ul { }
#right .mod_navigation li.active { margin-left: -6px; background: url("../../files/schmitz/pics/pfeil.png") no-repeat left center; }
#right .mod_navigation li a, #right .mod_navigation li span { background: #09b5f3; display: block; border-bottom: 1px solid #3ac4f5; padding: 6px 10px 8px 35px; }
#right .mod_navigation li.last a, #right .mod_navigation li.last span { border: 0; }
#right .mod_navigation li span { margin-left: 6px; }


/*** FOOTER ***/

#footer p { float: left; width: 48%; }
#footer .mod_customnav { float: right; width: 48%; }
#footer a { color: #09b5f3; }
#footer a:hover, #footer p a  { color: #0c557e; }
#footer .mod_customnav ul { float: right; }
#footer .mod_customnav li { float: left; display: inline-block; }
#footer .mod_customnav li a, #footer .mod_customnav li span { padding: 0 4px; }
#footer .mod_customnav li.last a, #footer .mod_customnav li.last span { border-left: 1px solid #09b5f3; }