@charset "UTF-8";
/**
 * Süddruck Neumann - CSS: Layout
 *
 *
 * @author Danny Otto | Pixelbrand.net
 * @date   2008-05
 * 
 */
@import url(contentbase.css);
@import url(navigations.css);



/* ------------------------------------------ */
/* Layout & Raster */
body { background: url(../images/bg_body_y.gif) center 0 repeat-y #fff; }
#page { background: url(../images/bg_body_blau.gif) repeat-x; padding: 0 1px 0 0; }
#margins { margin: 0 auto; position: relative; width: 768px; }
#main { background: url(../images/bg_main.gif) no-repeat; padding: 0 1px; }
#col1 { float: left; width: 116px; }
#col2 { float: left; width: 455px; }
#col3 { float: right; width: 195px; }



/* ------------------------------------------ */
/* Col1 */


/* ------------------------------------------ */
/* Col2 */
#fotos a { display: inline-block; border-bottom: 6px #f4f4f4 solid; outline: none; }
#fotos a:hover, #fotos a:active { border-bottom: 6px #003366 solid; cursor: default; }
#fotos img { border-bottom: 1px #f4f4f4 solid; vertical-align: bottom; }
#fotos .statement { display: none; }
#flashmovie { background: #c6c7c9; border-bottom: 1px #000 solid; height: 173px; }


/* ------------------------------------------ */
/* Col3 */
#col3_header { height: 200px; margin: 0 0 1px 0; position: relative; }
#col3_header h1 { border-left: 6px #003366 solid; height: 130px; }
#col3_header h2 { position: absolute; bottom: 10px; left: 18px; }
#statement { position: absolute; bottom: 70px; left: 18px; }
#statement p { font-size: .9em; margin: 0; }
#statement strong { color: #003366; }
#infobox { background: url(../images/bg_infobox.gif) 0 bottom no-repeat; border-bottom: 6px #003366 solid; padding: 0 18px 15px 12px; }
#infobox h3 { font-size: 1.1em; margin: 1em 0 .5em 0; }
#infobox h3 img { vertical-align: baseline; }



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



/* ------------------------------------------ */
/* Footer */
#footer { border-top: 2px #fff dotted; margin: 2em 215px 0 136px; padding: 1em 0; text-align: right; }
#footer a { margin: 0 .5em; text-decoration: none; }





/* ------------------------------------------ */
/* Farbanpassungen */
#pid3 #page { background: url(../images/bg_body_rot.gif) repeat-x; }
#pid3 #col3_header h1 { border-left: 6px #bb000f solid; }
#pid3 #fotos a:hover, #pid3 #fotos a:active { border-bottom: 6px #bb000f solid; }
#pid3 h2, #pid3 h3, #pid3 h4, #pid3 h5, #pid3 h6 { color: #bb000f; }
#pid3 a:focus, #pid3 a:hover, #pid3 a:active { color: #bb000f; }
#pid3 #statement strong { color: #bb000f; }
#pid3 #infobox { border-bottom: 6px #bb000f solid; }
#pid3 #nav-sub1 a:hover, #pid3 #nav-sub1 a:active, #pid3 #nav-sub1 a:focus { background: #c61e2a !important; }
#pid3 #nav-sub1 strong, #pid3 #nav-sub1 li.open a { background: #d34f55; }
#pid3 #nav-sub2 a, #pid3 #nav-sub2 strong, #pid3 #nav-meta li a { border-color: #bb000f; color: #bb000f; }

#pid4 #page { background: url(../images/bg_body_gruen.gif) repeat-x; }
#pid4 #col3_header h1 { border-left: 6px #67ae0d solid; }
#pid4 #fotos a:hover, #pid4 #fotos a:active { border-bottom: 6px #67ae0d solid; }
#pid4 h2, #pid4 h3, #pid4 h4, #pid4 h5, #pid4 h6 { color: #67ae0d; }
#pid4 a:focus, #pid4 a:hover, #pid4 a:active { color: #67ae0d; }
#pid4 #statement strong { color: #67ae0d; }
#pid4 #infobox { border-bottom: 6px #67ae0d solid; }
#pid4 #nav-sub1 a:hover, #pid4 #nav-sub1 a:active, #pid4 #nav-sub1 a:focus { background: #67ae0d !important; }
#pid4 #nav-sub1 strong, #pid4 #nav-sub1 li.open a { background: #9ece55; }
#pid4 #nav-sub2 a, #pid4 #nav-sub2 strong, #pid4 #nav-meta li a { border-color: #67ae0d; color: #67ae0d; }

#pid5 #page { background: url(../images/bg_body_gelb.gif) repeat-x; }
#pid5 #col3_header h1 { border-left: 6px #ff9900 solid; }
#pid5 #fotos a:hover, #pid5 #fotos a:active { border-bottom: 6px #ff9900 solid; }
#pid5 h2, #pid5 h3, #pid5 h4, #pid5 h5, #pid5 h6 { color: #ff9900; }
#pid5 a:focus, #pid5 a:hover, #pid5 a:active { color: #ff9900; }
#pid5 #statement strong { color: #ff9900; }
#pid5 #infobox { border-bottom: 6px #ff9900 solid; }
#pid5 #nav-sub1 a:hover, #pid5 #nav-sub1 a:active, #pid5 #nav-sub1 a:focus { background: #f7bf38 !important; }
#pid5 #nav-sub1 strong, #pid5 #nav-sub1 li.open a { background: #ffac31; }
#pid5 #nav-sub2 a, #pid5 #nav-sub2 strong, #pid5 #nav-meta li a { border-color: #ff9900; color: #ff9900; }