@charset "utf-8";
/* default.css
 * Project: raum-koeln.de
 * 
 * Author: E. Sidiropoulos, e.sidiropoulos@alopix.com
 * (c) 2007 alopix software, http://www.alopix-software.com
 */

/*
   Standard CSS Styles for screen, projection etc.
   Colors:
   -------
   4A8E2B		Green borders
   957C5D		Image desc
   
   Body Width in Pixel: 950
*/

/* Redefinitions */
body { margin: 0; padding: 0; color:#57534C; font: 11px Verdana, Helvetica, Arial, sans-serif; background-color:#fff;}
body,td { }
h1 { font-size: 16px; margin: 0; padding: 0 }
h2 { font-size: 14px; margin: 0; padding: 0 }
h3 { font-size: 11px; margin: 0 0 1em 0; padding: 0 }
a:link, a:visited { color: #57534C; text-decoration: underline }
a:active, a:hover { color: #57534C; text-decoration: none }
h1 a, h2 a { text-decoration: none !important }
p { margin: 0 0 1em 0; padding: 0; line-height: 18px  }
#content_container li { line-height: 18px }
form {  }
fieldset {  }
a img { border:0 }
fieldset { border:0; padding:0 }
fieldset.narrow { width:200px; float:left; }
label { margin-top:10px; margin-bottom:2px; display:block; font-size:10px }

/* Struktur */
#header_container { height: 155px; background: url(../images/bg_header_container.jpg) repeat-x; padding: 14px 0 0 26px }
#header { width: 951px; height: 150px; border-top:3px solid #4A8E2B; background: url(../images/bg_header.jpg) no-repeat left 1px;  }
#header .logo { margin: 32px 0 0 23px }

#content_container { width: 977px; background: url(../images/bg_content_container.gif) repeat-y; }
#wasserzeichen { background: url(../images/bg_wasserzeichen.jpg) no-repeat left bottom ; padding-top: 20px; padding-bottom: 15px; }
#bottom_container { background: url(../images/bg_bottom_container.gif) repeat-y 27px top; zoom: 1 ; padding-left: 0px;}

#menu_container { float: left; width: 185px; margin-left: 27px; padding: 20px 15px 0 9px }

#leftcol_container { float: left; width: 463px; padding: 20px; }

#rightcol { line-height: 18px; }
#rightcol div.rcol_newsblock { margin-left: 12px; }
#rightcol_container { float: left; width: 236px; padding-top: 20px; }
#rightcol h1 { font-size: 11px; padding: 0 0 4px 13px }
#rightcol .horiz_border { width: 236px; margin: 4px 0 1px 1px; }
#rightcol div.title { margin-top:1px; margin-bottom:1px; font-weight:bold; background-color:#C1D39E; line-height:17px; padding: 0 0 0 12px; }
#rightcol div.title a { text-decoration: none }
#rightcol p { padding: 4px 10px 4px 12px; margin: 0 }
#rightcol table { margin-left: 12px }
#rightcol th, #rightcol td { text-align: left; line-height: 18px }
#rightcol th a { text-decoration: none }
#rightcol .sel { color: #4A8E2B }
#rightcol .title span { background:url(../images/bullet_arrow.gif) no-repeat right center; padding:0px 12px 0 0; margin-right: 12px; display:block; }
#rightcol .title span a { font-weight:bold; text-decoration:none; }


#footer_container { width: 977px; height: 41px; background: url(../images/bg_footer_container.jpg) no-repeat; text-align: center; padding-top: 12px }

/* Navigation */
#topnav { position:absolute; left: 245px; top:157px; height:17px; line-height:17px; width:710px; font-size:11px;  }
#topnav ul { list-style-type: none; margin: 0; padding: 0; float: right }
#topnav li { margin: 0; padding: 0; float: left }

#topnav li{ background-color:#fff; margin-right:7px; width:104px; text-align:center;}
#topnav a { width:104px; display:block }
#topnav a:link, #topnav a:visited { color:#57534C; text-decoration: none; }
#topnav a:hover, .sel a { color: #fff !important; background-color: #4A8E2B; text-decoration: none; }

#menu_container h1 { font-size: 11px; padding: 0 0 0 24px; margin: 0; }
#menu_container .horiz_border { width: 180px; margin: 8px 0 8px 7px }
#menu_container h1.wand { font-weight:bold; font-size:11px; background: url(../images/bullet_wand.gif) no-repeat left center }
#menu_container ul { margin: 4px 0 0 23px; padding: 0; list-style-type: none; line-height: 18px;  }
#menu_container li { margin: 2px 0; padding: 0; line-height: 20px }
#menu_container li a { padding-left: 2px; display: block; height: 18px; text-decoration: none }
#menu_container li a:hover, #menu_container li.sel a { color: #fff !important; background-color: #789BA9 }
#menu_container h1.boden { font-weight:bold; font-size:11px; background: url(../images/bullet_boden.gif) no-repeat left center }
#menu_container ul.boden li a:hover, #menu_container ul.boden li.sel a { color: #fff !important; background-color: #965924 }

/* Spalten-Layout im Content-Bereich */
.c77l { float: left; width: 280px; margin-right: 20px }
.c33r { float: left; width: 150px }

/* Bilder in Tabellen Content-Bereich */
.content_bordered_pictures { height:150px; float:left; width:100%; color: #957C5D; font-size: 10px; margin-bottom: 10px; }
.content_bordered_pictures p { width:133px }
.content_bordered_pictures span { margin:0 18px 10px 0; float: left;}
.content_bordered_pictures span img { border:1px solid #000; }
.content_bordered_pictures a { text-decoration:none; }
#leftcol h1 {font-size:11px; font-weight:bold; color:#789BA9;padding:0px 0 15px 0; margin:0px; line-height:normal;}
#leftcol h2 {font-size:11px; font-weight:bold; color:#57534C;padding:0 0 3px 0; margin:0px; line-height:normal;}

/* Generisch */
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.error { color:red }
.info { font-style:italic; font-size:10px }
div.left { float: left }
div.right { float: right }
div.alright { text-align: right }
.horiz_border { height: 1px; line-height: 1px; background: url(../images/bg_horiz_dots.gif) repeat-x; }
.Apple-style-span { color: #4A8E2B; font-weight: bold }
   
/* Formatierung fuer Bild-Ausrichtungen mit Text/Bild Textile */
div.team { margin-bottom: 16px }
.floatRight img { float: right; margin-left: 10px }
.floatLeft img { float: left; margin-right: 10px }
.floatOberhalb p { margin-top: 10px }
div.highlight { background-color:#F3F3F4; padding:6px }
img.pleft, img.pleft_b { float: left; margin-right:1em; }
img.pright, img.pright_b { float:right; margin-left:1em; }
img.pleft_b, img.pright_b { border:1px solid #000 }

/* Bildunterschrift */
.bu p { }

/* Sitemap Modul */
.sitemap ul { line-height: 20px }
.sitemap ul.sitemaplevel2 { padding-left: 2em }
.sitemap .sitemaplevel2 li { list-style: disc }

/* Such-Modul */
#suche form { margin: 0; padding: 0 }
#suche fieldset { margin: 0; padding: 0; border: 0 }
#suche label { display: inline }