/* -------------------------------------------------
Project     : IVG AG . spreespeicher
Urls        : http://www.spreespeicher.de
Author      : Gathmann Michaelis und Freunde
Version     : 0.28
File        : CSS-Definition Main
---------------------------------------------------- */

/* Standards --------------------------------*/
html, body, h1, h2, h3, h4, h5, a, div, p, td, ul, li, input, select, form {
margin: 0;
padding: 0;
color: #000;
font: normal 8.5pt/13pt "Arial", arial, Arial, sans-serif;
}
body {
background: #E7E8ED url(/images/bg_body_spreespeicher.jpg) 0 0 repeat-x;
}
h1 {
margin: 65px 0px 0px 18px;
color: #082855;
font: bold 14pt/18pt "Arial", arial, Arial, sans-serif;
}                                                   
h2 {
margin: 5px 0px 5px -1px;
color: #677692;
font: bold 9pt/11pt "Arial", arial, Arial, sans-serif;
}
h3, .tabellenueberschrift {
margin: 5px 0px 0px 0px;
color: #700000;
font: bold 8.5pt/11pt "Arial", arial, Arial, sans-serif;
}
h4 {
margin: 5px 0px 5px 0px;
color: #700000;
font: normal 11pt/11pt "Arial", arial, Arial, sans-serif;
}
small, .minitext, span.minitext {
color: #999;
font: normal 7pt/11pt "Arial", arial, Arial, sans-serif;
}
small a, small a:link, small a:visited, small a:hover,
span.minitext a, span.minitext a:link, span.minitext a:visited, span.minitext a:hover {
font: normal 7pt/11pt "Arial", arial, Arial, sans-serif;
}
a, a:link, a:visited {
color: #102050;
text-decoration: none;
}
a:hover {
color: #700000;
text-decoration: underline;
}
ul, ol, li {
margin: 0;
padding: 0;
list-style: none;
}
hr {
height: 1px;
margin: 0;
border: 0;
border: 1px solid #CCC;
background-color: #CCC;
}
img {
border: none;
}
img.left, span.left img {
float: left;
margin: 4px 10px 10px 0px;
}
img.right, span.right img {
float: right;
margin: 4px 0px 0px 10px;
}
fieldset {
border: none;
}
/* page --------------------------------*/
#page {
width: 1000px;
margin:0px auto;
background: #fff url(/images/objektseiten_content_bg.jpg) 0 0 repeat-x;
}
#page_inside {
width: 960px;
margin: 0 20px 0 20px;
background: #fff url(/images/bg_spreespeicher01.jpg) 0 0 repeat;    
}
/* header --------------------------------*/
#header {
height: 150px;
margin-top:0;
background:#FFF;
border-bottom: 1px solid #CCC;
}
#header_col {
height: 150px;
}
#header_image {
padding: 0px;
margin-top: 25px;  
width:250px;
height:125px;
float: left;
background: no-repeat;
}
#header_logo {
padding: 0px;
margin-top: 25px;  
width:250px;
height:125px;
overflow: hidden;
float: left;
background: url(/images/header_logo_spreespeicher.jpg) no-repeat;
}
#header_headline {
padding: 0px;
width: 460px;
height: 125px;
margin-top: 25px;  
float: left;
} 
#header_logo a,
#header_logo a:link,
#header_logo a:visited {
padding: 0px;
color:#fff;
}
/* content area --------------------------------*/
#mainContent{
width:1000px;
}
/* navigation left --------------------------------*/
#navigation_col {
float: left;
width: 210px;
padding-left:20px;
padding-right:20px;
margin-top:20px;
/* background-color: #FFF;*/
}
#navigation_row {
margin: 0 0 0 0;
padding: 0px;
background-color: #FFF;
border-top: 0px solid #fff;
}
#navigation_row ul li {
margin: 0 0 0 0px;
padding-left: 0px;
border-bottom: 0px solid #fff;
}
#navigation_row ul li ul {
border-top: 0px solid #fff;
}
#navigation_row ul li ul li {
margin: 0 0 0 15px;
border-bottom: none;
}
#navigation_row ul li ul li ul {
border-top: none;
}
#navigation_row ul li ul li ul li {
margin: 0 0 0 35px;
border-bottom: none;
}
#navigation_row ul li ul li ul li ul {
border-top: none;
}
#navigation_row ul li ul li ul li ul li {
margin: 0 0 0 50px;
border-bottom: none;
}
#navigation_row a {
display: inline;
float: left;
}
#navigation_row a.subnav, #navigation_row a.subnav:link, #navigation_row a.subnav:visited {
float: none;
display: block;
height: 20px;
padding: 2px 0 2px 15px;
color: #305080;
}
#navigation_row a.subnav:hover {
color: #700000;
}
#navigation_row a.subnav_active, #navigation_row a.subnav_active:link, #navigation_row a.subnav_active:visited {
float: none;
display: block;
height: 20px;
padding: 2px 0 2px 15px;
color: #700000;
font-weight:bold;
background: #fff url(/images/nav_red_square.jpg) no-repeat 0px 7px;
}
/* content center --------------------------------*/
#content_col {
float: left;
width: 480px;
/*background-color: #FFF;--*/
}
#content_image {
width: 460px;  
height: 223px;
float: left;
overflow: hidden;
}
#content_red_square {
position: relative;
left: 0px;
top: 203px;
width: 20px;
height: 20px;
float: right;
background: #a1263a;
}
#content_col_2 {
float: left;
width: 960px;
background-color: #FFF;
}
#content_row {
position:relative;
left:250px;
top: 0px;
width: 420px;
margin: 0px auto;
padding: 20px 20px 20px 20px;
background-color: #DCDEE4;
float: left;
}
#content_row h1 {
display: none;
}
#content_row li {
list-style: square;
margin: 0 0 0 15px;
}
#content_row li.linklist,
#content_row ul span.linklist li {
list-style: none;
padding: 0 0 0 15px;
margin: 0;
background: url(/images/objektseiten_arrow.gif) no-repeat 0px 5px;
height: 20px;
}
#content_row p {
margin: 0px 0px 5px 0px;
}
#content_row a, 
#content_row a:link, 
#content_row a:visited {
text-decoration: underline;
color: #677692;
}
#content_row a:hover {
color: #700000;
}
#content_row table td {
background-color: #F1F1F1;
border-bottom: 1px solid #FFF;
padding: 2px;
}
#content_row table.tabelle td {
background-color: #F1F1F1;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
padding: 2px;
}
#content_row table td.nobg {
background-color: transparent;
padding: 0px;
border: none;
}
#content_row table td.formlabel {
background-color: #FFF;
padding: 2px;
}
#content_row table td.formfeld {
background-color: #FFF;
padding: 2px;
}
#content_row table.tabelle_struktur {
width: 500px;
}
#content_row table.tabelle_struktur td {
background-color: #FFF;
padding: 2px 5px 2px 5px;
border-bottom: 1px solid #999;
}
#content_row table.tabelle_struktur td.tabelle_col_nextToLast {
background-color: #A0B3C8;
border-right: 8px solid #700000;
}
#content_row table.tabelle_struktur td.tabelle_col_last {
background-color: #DCE3ED;
}
/* teaser right --------------------------------*/
#teaser_col {
float: left;
width: 210px;
background-color: #FFF;
margin: 20px 0 0 0px;
}
#teaser_row {
padding: 0px;    
}
#teaser_col li.linklist {
list-style: none;
padding: 0 0 0 15px;
margin: 0;
background: url(/images/objektseiten_arrow.gif) no-repeat 0 5px;
}
#teaser_col li.linklist a,
#teaser_col li.linklist a:link,
#teaser_col li.linklist a:visited,
#teaser_col li.linklist a:hover {
}
#teaser_col li.teaser_item {
width: 170px;
margin: 5px 5px 5px 5px ;
padding: 10px 15px 0px 15px;
background-color: #fff;
}
/* footer --------------------------------*/
#footer {
width: 1000px;
margin:0px auto;
}
#footer_left {
float:left;
padding-left: 270px;
}
#footer_right {
float:right;
padding-right: 250px;
}
#footer a,
#footer a:link,
#footer a:visited {
text-decoration: none;
margin-right: 20px;
}
#footer_line {
width: 100%;
border-top: 1px solid #CCC;
margin:0;
padding:0;
height:1px;
}
/* jQuery Accordion --------------------------------*/ 
#content_col_2 .acc_wrap  {
width: 100%;
}
#content_col_2 .acc_header {
cursor:pointer;
font-weight:bold;
text-decoration: none;
display:block;
margin: 0;
padding-left: 10px;
border-top: 1px solid #FFF; 
border-bottom: 1px solid #CCC; 
background-color: #EEE;
clear:both;
}
#content_col_2 .acc_content {
border: none;
margin: 0px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;    
}
/* printer styles --------------------------------*/
@media print {
#page {
width: 550px;
padding: 10px;
margin:0px;
}
#header,#navigation_col,#content_col,#teaser_col,#footer_line,#footer {
display: none;
clear: both;
}
#content_col_2 {
padding: 10px;
width: 520px;
clear: both;
display: block;
}
#content_row {
clear: both;
display: block;
left: 0px;
padding: 10px;
width: 520px;
}
}

/* RedDot --------------------------------*/ 
.RD, .rd {
font-size: 8.5pt;
font-weight: bold;
color: red;
}
div.rd_100 {
font-size: 8.5pt;
font-weight: bold;
color: red;
width: 100%;
height: 30px;
background-color: #F1F1F1;
display: block;
}
/* Debug --------------------------------*/
.debug {
color: #F00;
}