@charset "UTF-8";
/**
 * WIVO - CSS: Layout
 *
 *
 * @author Danny Otto | Pixelbrand.net
 * @date   2008-10
 * 
 */
@import url(contentbase.css);
@import url(navigations.css);
@import url(jquery.fancy.css);



/* ------------------------------------------ */
/* Layout & Raster */
body { background: url(../images/bg_body.gif) repeat-x #1c82bf; }
#margins { margin: 0 auto; position: relative; width: 980px; }
#main { background: url(../images/bg_main.gif) repeat-y #fff; margin: 0 37px 0 43px; padding: 0; }
#col1 { float: left; min-height: 500px; width: 250px; }
#col2 { float: right; width: 650px; }



/* ------------------------------------------ */
/* Header */
#header { background: url(../images/bg_header.gif) 0 10px no-repeat; height: 180px; margin: 0; padding: 0; position: relative; }
#header h1 { margin: 0; padding: 5px 0 0 48px; }



/* ------------------------------------------ */
/* Content */
#content { margin: 12px 12px 20px 20px; min-height: 300px; }

.blau { color: #0971af; }
.uc { text-transform: uppercase; }

/* Subcols */
.c50l { float: left; width: 300px; }
.c50r { float: right; margin: 0 8px 0 0; width: 300px; }
.c60l { float: left; width: 400px; }
.c40r { float: right; margin: 0 8px 0 0; width: 200px; }

/* Box */
h5.boxheadline { background: url(../images/bg_boxheadline.gif) no-repeat #268bc7; color: #fff; margin: 0 0 1px 0; padding: .3em 1em; }
ul.boxlist { background: url(../images/bg_boxlist.gif) 0 -20px repeat-x; list-style-image: url(../images/ico_blist.gif); margin: 0; padding: .5em 1em; }

/* Formular */
form { margin: 0 0 1em 0; }
form fieldset { border: 0; margin: 0 0 1em 0; padding: 0; }
form legend { display: none; }
form .type-text, form .type-select { margin: 0 0 .8em 0;}
form .type-text label, form .type-select label { display: block; padding: 0 0 .5em 0; }
form .type-text input, form .type-text textarea { background: #f4f8fb; border: 1px #0971af solid; padding: 2px; width: 95%; }
form .type-text input:hover, form .type-text input:focus, form .type-text textarea:hover, form .type-text textarea:focus { background: #fff; }
form .type-select select { border: 1px #95c4d9 solid; padding: 1px;  width: 100px; }
form .type-submit input { background: url(../images/bg_submit.gif) 0 center no-repeat #0971af; border: 1px #fff solid; color: #fff; padding: .2em 10px .2em 16px; }
form .type-submit input:hover, form .type-submit input:active, form .type-submit input:focus { background: #db1313; cursor: pointer; }
form .error { color: #e23920; padding: 0 0 .2em 0; }
form sup { color: #db1313; }

/* Tabellen */
table th { color: #0971af; width: 130px; }
table td { color: #093f60; }
table tbody td, table tbody th { border: 1px #fff solid; }
table thead th { background: #1c82bf; border: 1px #fff solid; color: #fff; width: auto; }
table tbody tr.tr-even th { background: #dff4ff; }
table tbody tr.tr-even td { background: #dff4ff; }
table tbody tr.tr-odd th { background: #eff9ff; }
table tbody tr.tr-odd td { background: #eff9ff; }
table tbody tr:hover th, table tbody tr:active th, table tbody tr:focus th,
table tbody tr:hover td, table tbody tr:active td, table tbody tr:focus td { background: #fff3cf; }


/* Slideshow */
.float-right p.slideshow { height: 190px; overflow: hidden; width: 285px; }

/* Produkte */
.products h3 { border-bottom: 1px #1c82bf dotted; padding-bottom: .2em; }
.products .products-item-form { background: #f5f9fc; border: 1px #1c82bf dotted; margin: 0 0 1.5em 0; padding: .5em; }
.products form .products-item-form .type-check,
.products form .products-item-form .type-text { display: inline; padding-right: 2em; }
.products form .products-item-form .type-text label { display: inline; padding-right: .5em; }
.products form .products-item-form .type-text input { width: 5em; }
.products .products-form-submit { background: #f5f9fc; border: 1px #1c82bf dotted; padding: 1.5em; }
.products .products-form-submit .type-text label { font-weight: bold; }
.products .products-form-submit .type-text input { width: 22em; }


/* ------------------------------------------ */
/* Footer */
#footer { border-top: 1px #c1dded solid; clear: both; color: #0971af; margin: 0 20px 0 270px; padding: .5em 0; position: relative; }
#footer p { margin: 0; }
#footer a { color: #0971af; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { color: #db1313; text-decoration: underline; }