@charset "UTF-8";
/**
 * Kölbel - CSS: Layout
 *
 *
 * @author Danny Otto | Pixelbrand.net
 * @date   2008-09
 * 
 */
@import url(contentbase.css);
@import url(navigations.css);



/* ------------------------------------------ */
/* Layout & Raster */
body { background: url(../images/bg_body.gif) repeat-x #d6d3c8; }
#margins { margin: 0 auto; position: relative; width: 780px; }
#main { background: url(../images/bg_footer.gif) 0 bottom no-repeat #fff; padding: 5px 0 20px 0; }
#col1 { float: left; margin: 0 0 0 15px; width: 165px; }
#col2 { border-left: 1px #e6e8e9 solid; float: right; width: 580px; }



/* ------------------------------------------ */
/* Header */
#header { background: url(../images/bg_claim.gif) 0 bottom no-repeat; margin: 0; padding: 20px 0 140px 0; position: relative; }
#header h1 { background: url(../images/bg_h1.gif) right bottom no-repeat; margin: 0; padding: 0; }
#header h1 span.print { display: none; }
#claim { position: absolute; bottom: 15px; left: 5px; }



/* ------------------------------------------ */
/* Content */
#content { margin: 15px; min-height: 400px; }
#content h3 { background: #0f518a; color: #fff; padding: .5em 1em .3em .5em; text-transform: uppercase; }
#content h4 { color: #e2001a; }
.blue { color: #0f518a; }

/* Subcols */
.cLeft { float: left; width: 320px; }
.cRight { float: right; width: 210px; }
.c50l { float: left; width: 270px; }
.c50r { float: right; width: 270px; }

/* Box */
.startbox { background: url(../images/bg_startbox.gif) repeat-y; color: #fff; }
#content .startbox h3 { border-bottom: 1px #fff solid; margin: 0; padding: 0; }
.startbox p { padding: 10px; }
.box { background: url(../images/bg_box.gif) 0 bottom no-repeat #edece7; border-top: 1px #fff solid; padding: 10px 10px 20px 10px; }

/* Kontaktformular */
form fieldset { border: none; }
form label { display: block; font-weight: bold; margin: 0 0 .4em 0; }
form input, form textarea { border: 1px #b1b3b4 solid; color: #0f518a; margin: 0 0 .8em 0; padding: 2px 5px; width: 250px; }
form textarea { width: 310px; }
form input.submit { background: #0f518a; border: 1px #0f518a solid; color: #fff; cursor: pointer; text-transform: uppercase; width: auto; }
form input.submit:hover, form input.submit:active, form input.submit:focus { background: #1966a6; border-color: #1966a6; }
form sup, form .error { color: #e2001a; }

/* Links */
.links img { margin-right: 10px; }

/* Dachformen */
ul.dachformen { list-style: none; margin: 0 0 1em 0; padding: 0; }
ul.dachformen li { list-style: none; margin: 0 1px 0 0; padding: 0; float: left; }
ul.dachformen p.text { color: #0f518a; text-align: center; }



/* ------------------------------------------ */
/* Footer */
#footer { border-top: 1px #e6e8e9 solid; color: #9da4a8; margin: 10px; padding: 5px 0 0 5px; position: relative; }
#footer a { color: #9da4a8; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { text-decoration: underline; }
#footer #totop { position: absolute; top: 12px; right: 10px; }