﻿/* *******************************************
Project     : IVG AG
Urls        : http://www.gm-f.de
Author      : Gathmann Michaelis und Freunde
Version     : 1.34
File        : CSS-Definition Main
Date        : 01.03.2010 09:35
******************************************* */

/* 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: url(images/tile_body_ivg.jpg) repeat-x;
}
h1 { 
margin: 0 0 14px -2px;
color: #700000;
font: normal 13.5pt/16pt "Arial", arial, Arial, sans-serif;
}
h2 { 

color: #fff;
background-color: #2c4974;
font: normal 13.5pt/16pt "Arial", arial, Arial, sans-serif;
padding: 2px;
}
h3, .tabellenueberschrift { 
margin: 5px 0px 5px 0px;
color: #2c4974;
font: bold 10pt/12pt "Arial", arial, Arial, sans-serif;
}
h4 { 
margin: 15px 0px 5px 0px;
color: #700000;
font: normal 11pt/13pt "Arial", arial, Arial, sans-serif;
}
h5 { 
margin: 0 0 14px -2px;
color: #2c4974;
font: normal 13.5pt/16pt "Arial", arial, Arial, sans-serif;
}

small, .minitext, span.minitext p {
color: #777;
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: #700000;
text-decoration: underline;
}
a:hover { 
color: #305080; 
text-decoration: none; 
}

ul, ol, li {
margin: 0;
padding: 0;
list-style: none;
}
hr {
height: 1px;
color: #ccc; 
margin: 0; 
border: 0 none;
background-color: #ccc;
margin: 20px 0 20px -2px; 
}
img {
border: none 0;
}
img:hover {
border: none 0;
}
img a {
border: none 0;
cursor: pointer;   
}
img.left, span.left img {
float:left;    
margin: 4px 10px 0px 0;
}
img.left:hover {
border: 1px solid #CCC;    
}
fieldset {
border: none;
}  

/* page --------------------------------*/ 

#page{ 
width:990px;  
}        

/* header --------------------------------*/

#header{
height:150px; 
}

/* header image row --------------------------------*/ 

#header_image_col_logo, #header_image_col_center {
float:left;
height: 125px;
padding: 0;
margin: 0;
}
#header_image_col_logo {
width:210px;
background: #fff;
overflow: hidden;
}
#header_image_col_logo img{
padding: 0px;
margin: 0px;
display: block;
line-height: 0px;
}
#header_image_col_center {
width:780px;
overflow: hidden;
background: transparent; 
}
#header_image_col_center img {
border: none;
overflow: hidden;
height: 125px;
width: 780px;
} 

/* header navigation row */

#header_navigation_col_left, #header_navigation_col_center, #header_navigation_col_right {
float:left; 
height: 22px;
padding: 1px 0 0 0;
margin-top: 1px;


}
#header_navigation_col_left {
width: 0px;
border-right: 1px solid #FFF;
border-top: 1px solid #FFF;
padding-bottom: 5px;
background: transparent url (images/tile_navigation_ivg.jpg) repeat-x 0 0;
}
#header_navigation_col_center {
width:990px;
background: transparent url (images/tile_navigation_ivg.jpg) repeat-x 0 0;
position: absolute;
z-index: 7;
top: 125px;
left: 0px;
/* 760 */
}
#header_navigation_col_center a, #header_navigation_col_center a:link, #header_navigation_col_center a:visited {
float:left;
position: relative; /* important for ie6 */
z-index: 3;
padding: 2px 10px 2px 10px;
_padding: 2px 11px 2px 11px;
display: block;
background: transparent url (images/tile_navigation_ivg.jpg) repeat-x 0 0;
border-right: 1px solid #FFF;
color: #FFF;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
font: bold 8pt/14pt "Arial", arial, Arial, sans-serif;

}
#header_navigation_col_center a.navigation_active, #header_navigation_col_center a.navigation_active:link, #header_navigation_col_center a.navigation_active:visited {
margin: -2px 0 0 0;
border-top: 2px solid #FFF;
color: #700000;
background: url(images/tile_nav_main.jpg) repeat-x;
}
#header_navigation_col_center a:hover {
border-top: 2px solid #FFF;
margin: -2px 0 0 0;
background-color: #315080;
}

/* header service row --------------------------------*/

#service_col_left, #service_col_center, #service_col_right {
float:left; 
height: 38px;
padding: 0px 0 0px 0;
border-top: 1px solid #CCC;
background-color: transparent;  
} 
#service_col_left{
width:250px;
}
#service_col_center{
width:490px;
overflow:hidden;
}
#service_row_center {
padding: 0 0 0 10px;
}
#service_col_center a,  #service_col_center a:link,  #service_col_center a:visited {
text-decoration: none;
line-height: 6px;
}
#service_col_center a:hover {
text-decoration: underline;
}
#service_col_right{ 
width:215px;
}
#service_row_right {
float: right;
}
#service_col_right input {
width: 120px;
height: 16px;
padding: 0 0 0 5px;
margin: -1px 5px 0 0;
background-color: #F1F1F1;
border: 1px solid #CCC;
}
#service_col_right input:focus {
background-color: #FFF;
font-size: 8.5pt;
line-height: 8.5pt;
}
#service_col_right a, 
#service_col_right a:link, 
#service_col_right a:visited {
text-decoration: none;
}

/* content center portal --------------------------------*/

#content_col_portal{
float: left; 
width:655px;
padding: 0 0px 50px 50px;
}
ul#portal {
padding: 20px 0 0 0;
}
ul#portal li {
float:left;
width: 170px;
height: 175px;
padding: 0;    
margin: 0 8px 0 0;
list-style: none;
background: url(images/tile_portalteaser.jpg) repeat-x;
}

/* content center --------------------------------*/

#content_col{
float: left; 
width:500px;
border-top: 1px solid #CCC;
 
}
#content_row{
padding: 10px 10px 0 10px;
 
} 
#content_row li {
list-style: disc;
margin: 4px 0 0 15px;
font: normal 9.5pt/13pt "Arial", arial, Arial, sans-serif;
padding-bottom: 5px;   
}
#content_row li.linklist,
#content_row ul span.linklist li {
list-style: none;
padding: 0 0 0 15px;
margin: 0;
background: url(images/arrow.gif) no-repeat 0 5px;
}
#content_row li.linklist a,
#content_row li.linklist a:link,
#content_row li.linklist a:visited,
#content_row li.linklist a:hover {
/* text-transform: uppercase; */
}
#content_row .newsitem,
#content_row .jobitem {
margin: 20px 0 0 0;
}
#content_row p {
margin: 10px 0 0 0;
font: normal 9.5pt/13pt "Arial", arial, Arial, sans-serif;
}
#content_row a {
font: normal 9.5pt/13pt "Arial", arial, Arial, sans-serif;
}
#content_row h1 a { 
margin: 0 0 14px 0px;
color: #700000;
font: normal 13.5pt/16pt "Arial", arial, Arial, sans-serif;
text-decoration: none;
}
#content_row h5 a { 
margin: 0 0 14px 0px;
color: #2c4974;
font: normal 13.5pt/16pt "Arial", arial, Arial, sans-serif;
text-decoration: none;
}


/* content table */
#content_row table {
table-layout: auto;
margin-top: 5px;
border-spacing: 0;   
}

#content_row table td {
background-color: #eee;
border-bottom: 2px solid #FFF;
border-right: 2px solid #FFF;  
padding: 3px 3px 3px 3px;
margin: 0px;
vertical-align: top;
font: normal 9.5pt/13pt "Arial", arial, Arial, sans-serif;
}
#content_row table td p{ 
padding: 0px;
margin: 0px;
}

#content_row h3.internetBlue {
color: #2c4974; 
}

/* footer --------------------------------*/

#footer_col {
height:40px;
padding-top: 20px;    
background-color:#FFF;
width: 100%; 
}
#footer_col_left {
border-top: 1px solid #CCC;
padding-left: 540px;
}
#footer_col_left a, #footer_col_left a:link, #footer_col_left a:visited {
margin: -1px 0 0 0;
padding: 3px 5px 3px 5px;
text-decoration: none;
font-size: 8.5pt; /* fix size */
border-left: 1px solid #CCC;
}
#footer_col_left a:hover {
text-decoration: underline;
}
#footer_col_right {
float:right;
}
#footer_col_right a, #footer_col_right a:link, #footer_col_right a:visited {
margin: -1px 0 0 0;
padding: 3px 5px 3px 5px;
text-decoration: none;
font-size: 8.5pt; /* fix size */
border-right: 1px solid #CCC;
}
#footer_col_right a:hover {
text-decoration: underline;
}

/* teaser right --------------------------------*/

#teaser_col {
float: right;
width: 208px;
background-color: #fff;
padding-bottom: 30px; 
}   
#teaser_row{ 
margin-top: 0px;
padding-top: 0px;
}
#teaser_row ul a{ 
margin-top: 0px;
padding-top: 0px;
}
#teaser_col li.linklist {
list-style: none;
padding: 0 0 0 15px;
margin: 0;
background: url(images/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: 198px;
padding: 5px 5px 5px 5px;
margin-bottom: 6px;
border: 1px solid #C1CDE3;
}
#teaser_col li.teaser_item h1, #teaser_col li.teaser_item h2, #teaser_col li.teaser_item h3 {
margin: -5px -5px 5px -5px;
padding: 6px 0px 6px 8px;
font: bold 9pt/10pt "Arial", arial, Arial, sans-serif;
color: #ffffff;
width: 200px;
_width: 205px; 
background: #374E79 url(images/teaser_col_bg_blue.gif) repeat-x 0 10px;
display: block;
overflow: hidden; 
}
#teaser_col li.teaser_item h2.blue, #teaser_col li.teaser_item h3.blue {
margin: 5px 0 5px 0;
padding: 0 0 0 0;
font: bold 9pt/9pt "Arial", arial, Arial, sans-serif;
color: #374F7B;
background: none;
}
.blue h2, .blue h3 {
color: #2c4974;
background: none;
margin: 5px 0 5px 0;
padding: 0 0 0 0;
}  

/* Lightbox --------------------------------*/ 
/* Loading image: /images/loading.gif */
/* Close image: /images/close.gif */

#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img, #overlayMovie img{ border: none; }
#overlay, #overlayMovie{ background-image: url(/images/overlay_60.png); }
* html #overlay, * html #overlayMovie{
background-color: #333;
background-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay_60.png", sizingMethod="scale");
}
.thumbnail {
float:left;
padding-right:10px;
padding-bottom:10px;
} 
/***********************************
		GM-F Glossary
***********************************/		
.gmfinlineglossary_highlight {
color: #415780;
font-weight: bold;
} 
#gmfinlineglossary_info_div {
background: #eee;   
}
#gmfinlineglossary_info_div h2{
display: none;
}
.csc-textpic-caption {
line-height: 12px;
color: #888;
height: 22px;
padding-top: 3px;
}

/* text styles --------------------------------*/

body#pagebody.txt
{ background-image:none; }

body#pagebody.txt img
{ display: none; }

body#pagebody.txt #header
{ height: auto; float: none; }

body#pagebody.txt #teaser_col,
body#pagebody.txt #header_meta_col_center,
body#pagebody.txt #header_meta_col_right,
body#pagebody.txt #header_meta_col_empty,
body#pagebody.txt #header_image_col_center,
body#pagebody.txt #header_image_col_logo,
body#pagebody.txt #header_navigation_col_left,
body#pagebody.txt #service_col_left,
body#pagebody.txt #service_col_center,
body#pagebody.txt #service_col_right
{ display:none; float: none; }

body#pagebody.txt #header_navigation_col_center,
body#pagebody.txt #header_navigation_col_center a,
body#pagebody.txt #header_navigation_col_center a.navigation_active,
body#pagebody.txt #header_navigation_col_center a:hover,
body#pagebody.txt #navigation_col,
body#pagebody.txt #navigation_row,
body#pagebody.txt #navigation_row a,
body#pagebody.txt #navigation_row a:hover,
body#pagebody.txt #navigation_row ul,
body#pagebody.txt #navigation_row li
{ float:none; clear:both; height: auto; width: auto; background: #EEE; border: none; color: #000; }

body#pagebody.txt #content_col,
body#pagebody.txt #content_row 
{ width:100%; float:none; }


/*Zusatz 2010-06-24*/
.divider {
clear: both;
}
.content50Links {
float: left;
width: 300px;
border-right: 1px solid #ccc;
padding-right: 15px;
padding-bottom: 15px;
}
.content50Rechts {
float: left;
width: 300px;
padding-left: 15px;
padding-bottom: 15px;
}

/* printer styles --------------------------------*/
 
/* print styles */ 
@media print { 
#page { width:550px; border: 1px solid #000;padding: 10px;}
#header,#service_col_left,#service_col_center,#service_col_right,#navigation_col,#content_footer,#teaser_col,#footer_col{display:none;} 
#content_col, #content_row{padding:10px;width:520px;float:none;display:block;}
a:link:after, a:visited:after { content: " (Link auf <" attr(href) ">) "; font-size: 76%;color: #999;background: transparent;}
a:link, a:visited {color: #000; font: normal 8.5pt/13pt "Arial", arial, Arial, sans-serif;}
}
