@charset "UTF-8";
/**
 * für die form - CSS: Layout
 *
 *
 * @author Danny Otto | Pixelbrand.net
 * @date   2008-08
 * 
 */
@import url(contentbase.css);
@import url(navigations.css);



/* ------------------------------------------ */
/* Layout & Raster */
body { background: #fff; }
#margins { background: url(../images/bg_page.gif) repeat-y; margin: 0 auto; padding: 0 41px; position: relative; width: 908px; }
#col1 { background: #fff; border-bottom: 1px #ccc solid; float: left; margin: 0 3px; padding: 0 2px; width: 180px; }
#col2 { float: left; padding: 0; position: relative; width: 355px; }
#col3 { float: right; margin: 0 3px; width: 350px; }



/* ------------------------------------------ */
/* Header */
#header { background: url(../images/bg_header.gif) repeat-x; margin: 0; padding: 0; }
#header h1 { margin: 0; padding: 0; }



/* ------------------------------------------ */
/* Navigationsleiste */
#navbar { background: url(../images/bg_navbar.gif) no-repeat #9c9899; margin: 0; padding: 0; position: relative; }



/* ------------------------------------------ */
/* Main */
#main { background: url(../images/bg_main_top.gif) no-repeat; padding: 5px 0 0 0; }



/* ------------------------------------------ */
/* Col1 */
#col1 #col1_content { border-top: 1px #ccc solid; padding: 5px 0 0 0; }
#col1 .box { background: #f8f8f8; padding: 5px 10px; margin: 0 0 2px 0; }
#col1 .box h3, #col1 .box h4 { color: #666; margin-top: .8em; }



/* ------------------------------------------ */
/* Col2 + Content */
#content { margin: 15px 5px 15px 15px; min-height: 400px; }
.teaser { font-weight: bold; text-transform: uppercase; }

/* Subcols */
.subcols { margin: 0 0 20px 0; }
.subcols .c50l { float: left; width: 320px; }
.subcols .c50r { float: right; width: 320px; }

/* 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: #fff; border: 1px #31587c solid; padding: 2px; width: 300px; }
form .type-select select { border: 1px #31587c solid; padding: 1px;  width: 100px; }
form .type-submit input { background: #31587c; border: 1px #31587c solid; color: #fff; padding: .2em .5em; }
form .type-submit input:hover, form .type-submit input:active, form .type-submit input:focus { background: #fff; color: #31587c; cursor: pointer; }
form .error { color: #9f0000; padding: 0 0 .2em 0; }
form sup { color: #9f0000; }



/* ------------------------------------------ */
/* Col3 */
#col3_content { background: url(../images/bg_col3.gif) 0 0 repeat-x; color: #fff; min-height: 235px; padding: 5px 15px; }
#col3 h3, #col3 h4, #col3 h5 { color: #f2c26e; margin-bottom: .4em; }

/* Slideshow */
#images { background: #fff; border-top: 3px #fff solid; border-bottom: 3px #fff solid; position: relative; }
.stripViewer { list-style: none; margin: 0; padding: 0; position: relative; overflow: hidden; }
.stripViewer ul { list-style: none;  margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; }
.stripViewer ul li { float: left; margin: 0; padding: 0; }
.stripTransmitter { position: absolute; bottom: 0; left: 0; }
.stripTransmitter ul { background: #fff; list-style: none; margin: 0; padding: 0; }
.stripTransmitter li { display: inline; margin: 0; padding: 0; } 
.stripTransmitter a { 
  background: #9f9b9c;
  border-top: 1px #fff solid;
  border-right: 1px #fff solid;
  color: #fff;
  float: left;
  line-height: 22px;
  padding: 0 .6em;
  outline: none;
  text-align: center; 
  text-decoration: none;
}
.stripTransmitter a:hover, .stripTransmitter a:active, .stripTransmitter a:focus,
.stripTransmitter a.current { background: #fff; color: #31587c; }



/* ------------------------------------------ */
/* Footer */
#footer { background: #9f9b9c; border-top: 3px #fff solid; clear: both; margin: 0 3px 0 2px; padding: .2em 10px .2em 10px; text-align: right; }
#footer #totop { color: #fff; text-decoration: none; }
#footer #totop:hover, #footer #totop:active, #footer #totop:focus { color: #f2c26e; }