/* Style Sheet Metadata - VMS SCREENSTYLE (RAHMENLAYOUT) - *********/
/*                                                                 */
/* Projekt:      VMS Layouts                                       */
/* Firma:        cosinex GmbH / www.cosinex.de                     */
/* Autor:        A.Broeker                                         */
/* Datum:        09.12.2008                                        */
/* Version:      1.1                                               */
/* Optimiert:    ab IE 6, FF, Opera, Netscape 7, Safari            */
/* Funktion:     CSS DEFINITION / RAHMENLAYOUT                     */
/*                                                                 */
/* Elemente:     - IMPORT WEITERER CSS-DATEIEN                     */
/*               - BODY                                            */
/*               - ALLGEMEINE FORMATIERUNGEN UND GLOBALE STYLES    */
/*               - MAINCONTAINER                                   */
/*               - HEADER                                          */
/*               - MAINAV                                          */
/*               - SUBNAV                                          */
/*               - CONTENT                                         */
/*               - FOOTER                                          */
/*               - ANKER                                           */
/*               - FORMATIERUNG STARTSEITE                         */
/*               - FORMATIERUNG HEADER                             */
/*               - PRINT STYLES FÜR PARENT WINDOW UND AKTEN        */
/*                                                                 */
/*******************************************************************/

/***************************************************************************************************/
/* IMPORT WEITERER CSS-DATEIEN                                                                     */
/***************************************************************************************************/
@import "VMS_navigation.css"; 			/* enthaelt alle Navigationselemene */
@import "VMS_formular.css"; 			/* enthaelt alle Formularelemene */
@import "VMS_file.css"; 				/* enthaelt alle Layoutelement der Akte */
@import "VMS_file_navigation.css"; 		/* enthaelt alle Navigationselemene der Akte*/
@import "VMS_wizard.css"; 				/* enthaelt alle Formatierungen fuer den Wizard (CPV, Upload, Unternehmen) */
@import "VMS_modal_dialog.css";			/* enthaelt alle Formatierungen des Wizards (.bgHidden, .openBox) */
@import "VMS_utilities.css"; 			/* enthaelt alle Formatierungen fuer den Toggle/Message Boxen/File Upload */
@import "VMS_design.css"; 				/* enthaelt extra Elemente die nur im CSS-Guide verwendet werden */
@import "VMS_usergroup.css";			/* enthaelt extra Elemente die nur im CSS-Guide verwendet werden */

/***************************************************************************************************/
/* BODY                                                                                            */
/***************************************************************************************************/
* {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}		

html, body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;  
	color: #000;
	background-color: #666666;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
	
body, p, div, td, th, h1, h2, h3, h4, label, input {
	voice-family:male;
	volume:medium;
	speech-rate:medium;
	pitch:medium;
	speak-numeral:continuous;
	speak:normal;}
	
/***************************************************************************************************/
/* ALLGEMEINE FORMATIERUNGEN UND GLOBALE STYLES                                                    */
/***************************************************************************************************/
p {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;}

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 15px;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: #000;
    font-family:  Arial, Helvetica, sans-serif;
    background-position:3px 10px;
   	background: url("../../images/default/icon/icon_h1_16x16.gif") no-repeat;}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	letter-spacing: 0.02em;
    font-size: 16px;}
  
/* Überschrift für Tabellen */  
h3 {
	margin: 20px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
    font-size: 14px;}
    
h4 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 7px;
    font-size: 13px;}
    
 /* Allgemeine Listen */    
 ul {
	color: #000;
	font-size:12px;
	list-style-type:square;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;}

  li {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;}

 /* Zur farblichen Markierung von Texten */ 	
  .redText {
  	color: red;}
  	
  .greenText {
  	color: green;}  
  
 /* Für "Zeilenumruch bei DIVs */  
.breaker {
	clear: both;}
	
.clearMarginAndPadding {
	background:none;
	margin:0px;
	padding:0px;}

 /* Für "Zeilenumruch bei DIVs mit Abstand */  
 .distance   {
  	padding: 1px 0px 1px 0px;
	clear: both;}
	
 /* Für "Zeilenumruch bei DIVs mit Abstand bei radiobuttons*/  
 .distanceRadioOrSelect   {
  	margin:0px 0px 9px 0px;
	clear: both;}
	
*+html .distanceRadioOrSelect   {
  	margin:0px 0px 12px 0px;
	clear: both;}
	
* html .distanceRadioOrSelect   {
  	margin:0px 0px 12px 0px;
	clear: both;}
	
 /* Für "Zeilenumruch bei DIVs mit Abstand zu bestimmten Kommponenten */  
 .distanceAssignment   {
  	padding: 15px 0px 15px 0px;
	clear: both;}
	
.bold {
	font-weight:bold;}

label{
 	cursor: pointer;}

/* Für Labels, die mit einer Pflichtfeldmarkierung versehen werden */
.labelWithMandatorySign{	
	padding-right: 4px;
 	width:90%;
   	float:left;
 	cursor: pointer;}

/* Für andere Elemente, die mit einer Pflichtfeldmarkierung versehen werden */
.elementWithMandatorySign{	
	padding-right: 4px;
 	width:90%;
   	float:left;} 	
   	
* html .labelWithMandatorySign,
* html .elementWithMandatorySign {
	width:auto !important;}

/* Für Labels, die mit einer Pflichtfeldmarkierung versehen werden */
.tableHeaderWithMandatorySign{	
	padding-right: 4px;
   	float:inherit;
 	cursor:pointer;}


/* Peekaboo Bug Rendering Problem bei IE6 wenn height or width Angaben fehlen
 * renderBugIE-class als weiter class hinzufuegen z.B. class="boxopen renderBugIE"
 */
* html .renderBugIE { 
	height: 0.01%; 
}

/***************************************************************************************************/
/* MAINCONTAINER                                                                                   */
/***************************************************************************************************/	
#mainBox {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
	
/***************************************************************************************************/
/* HEADER                                                                                          */
/***************************************************************************************************/
#header {
	border:1px solid black;
	background: #fff url("../../images/default/header/header_background_500x60.gif") no-repeat right; /* Allgemienes BG-Picture */
	height:60px;					/* Hoehe des Headers kann variabel sein, je nach Layout/Design */
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
	
#headerLogo {
	background: #fff url("../../images/default/header/header_logo_vms_230x60.gif") no-repeat left; /* VMS-Logo */
	height:60px;
	width:230px;					/* Breite des Logos kann variabel sein, je nach Layout/Design groesse des Logos */
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;}
	
#headerText {
	font-size: 11px;  
	color:#000;
	background: #fff;
	width:auto;						/* Breite des Textes kann variabel sein, je nach Layout/Design groesse des Logos */
	padding:25px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	float:left;}

/***************************************************************************************************/
/* MAINAV                                                                                          */
/***************************************************************************************************/
#mainNav { 
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background:#fff;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear:left;}
	
/* DIV fuer LogOut */
#mainNavLogOut {  
	background:#fff;
	width:225px;					/*hat die Breite der Subnavigation, kann aber variabel sein */
	padding:0px 0px 0px 0px;		/* Ausrichtung fuer LogOut-Button */
	margin: 0px 0px 0px 0px;
	float:left;}

/* DIV fuer Mainmenue */
#mainNavMenue { 
	background: #fff;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

/*DIV dient als leerer Platzhalter, fuer offnens Design */	
#mainNavPrint { 
	text-align:right;
	border-right:1px solid #000;
	background: #fff;
	padding:4px 10px 6px 0px;		/*padding-top und padding-bottom sollte mit denen der Links identisch sein auf VMS_navigations.css */
	margin: 0px 0px 0px 0px;}

/***************************************************************************************************/
/* SUBNAV                                                                                          */
/***************************************************************************************************/
#subNav  {
	position:absolute;
	width: 225px; 	
	background: #d9dcc6;				
	margin:20px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	float: left;}
	
* html #subNav {
	height: 0px;						/* IE 5.5-6 Hack position muss relativ gesetz werden. */
	position:relative;
	width: 225px;
	background: #d9dcc6; 					
	margin:20px 0px 0px -100%;	
	padding:0px 0px 0px 0px;
	float: left;}
	
*+html #subNav {						/* IE 7 Hack position muss relativ gesetz werden. */
	position:relative;
	width: 225px;
	background: #d9dcc6; 	
	margin:20px 0px 0px -100%;	
	padding:0px 0px 0px 0px;
	float: left;}

/***************************************************************************************************/
/* CONTENT                                                                                         */
/***************************************************************************************************/
#contentMain {
	background: #cccc99;
	width: 100%;
	padding:20px 0px 0px 0px;       /* padding-top: Abstand zum Header */
	margin: 0px 0px 0px 0px;
	float: left;}
	
* html #contentMain {
	overflow:hidden;}

#contentTopic {
	background:#fff;
	border-left: 1px dotted #000;					
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 225px;}     /* padding-left entspricht Brreite der Subnavigation */

/* innerer Abstand des Contentinhalts */	
#contentTopicDistance {
	min-height:400px;
	padding:10px 10px 10px 10px;
	margin:  0px 0px 0px 0px;}
	
* html #contentTopicDistance {     /* HACK IE 5.5-6 fuer Mindesthoehe von 700px*/
	height:440px;}
	
*+html #contentTopicDistance {     /* HACK IE7 fuer Mindesthoehe von 700px*/
	min-height:440px;}
	
/***************************************************************************************************/
/* FOOTER                                                                                          */
/***************************************************************************************************/
#footer {
	color: #fff;
	background: #000;
	padding: 0px 10px 0px 0px;
	margin:  0px 0px 0px 0px;
	clear: both;}
	
* html #footer { 
	height: 0.01%;}

/* Ausgabe fuer Text im footer */	
#footerText {
	font-size:11px;
	font-weight:normal;
	color: #fff;
	text-align: left;
	padding: 3px 0px 3px 10px;
	margin:  0px 0px 0px 0px;
	float:left;}
	
#footerText a {
	color:#fff;
	font-weight:bold;
	text-transform: uppercase;}
	
#footerText a:hover {
	color:#ff6400;}
	
/* Ausgabe fuer Produktversion, Copyright, Systemzeit */	
#footerSystem {
	font-size:11px;
	font-weight:bold;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	padding: 3px 0px 3px 0px;
	margin:  0px 0px 0px 0px;}

/***************************************************************************************************/
/* ANKER                                                                                           */
/***************************************************************************************************/
map.staticAnker {
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}

.jumpAnker {
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin:  20px 0px 20px 0px;}
	
.jumpAnkerTop {
	padding: 3px 0px 3px 0px;
	margin:  0px 0px 0px 0px;}	
	
.jumpAnkerTop a{
	font-size:11px;
	color:#000;
	background: #fff url("../../images/default/icon/anker_arrow_top_16x16.gif") no-repeat; 
	padding: 0px 0px 0px 20px;
	margin:  0px 0px 0px 0px;}
	
.jumpAnkerTop a:hover{
	font-size:11px;
	color:#000;
	text-decoration:none;
	background:#cccc99 url("../../images/default/icon/anker_arrow_top_16x16.gif") no-repeat; 
	padding: 0px 0px 0px 20px;
	margin:  0px 0px 0px 0px;}
	
.jumpAnkerBottom {
	padding: 3px 0px 3px 0px;
	margin:  0px 0px 0px 0px;}
	
.jumpAnkerBottom a{
	font-size:11px;
	color:#000;
	background: #fff url("../../images/default/icon/anker_arrow_bottom_16x16.gif") no-repeat; 
	padding: 0px 10px 0px 20px;
	margin:  0px 0px 0px 0px;}
	
.jumpAnkerBottom a:hover{
	font-size:11px;
	color:#000;
	text-decoration:none;
	background:#cccc99 url("../../images/default/icon/anker_arrow_bottom_16x16.gif") no-repeat; 
	padding: 0px 10px 0px 20px;
	margin:  0px 0px 0px 0px;}
	
/***************************************************************************************************/
/* FORMATIERUNG STARTSEITE                                                                         */
/***************************************************************************************************/
#mainBoxStart {
	border-top:none;
	border-bottom:none;
	border-left:1px solid #000;
	border-right:1px solid #000;
	width:990px;
	margin: 0px auto;
	padding:0px 0px 0px 0px;}
	
#contentMainStart {
	background: url("../../images/default/start/start_back.jpg") bottom right no-repeat; 
	width: 100%;
	padding:20px 0px 0px 0px;       /* padding-top: Abstand zum Header */
	margin: 0px 0px 0px 0px;
	float: left;}

/* innerer Abstand des Contentinhalts */	
#contentTopicDistanceStart {
	padding:0px 50px 180px 50px;
	margin:  0px 0px 0px 0px;}
	
/***************************************************************************************************/
/* FORMATIERUNG HEADER Service Menu  Startseite/Kontakt/Impressum                                  */
/***************************************************************************************************/
#headerStart {
	border-top:1px solid #000;
	border-bottom:none;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background: #fff;
	height:60px;					
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

#mainNavStart { 
	border-top:none;
	border-bottom:2px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	height:12px;
	background:#fff;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear:left;}

ul#serviceNav {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #FFF;
	background: #000;	}

#serviceNav li {
	padding: 2px 2px 3px 2px;
	display: inline;
	list-style-type: none;
	font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;}

#serviceNav li a  {
    font-size:11px;
	padding-right: 10px;
	text-decoration: none;
	color: #FFF;}

#serviceNav li a:hover  {
	background:#000;
	padding-right: 10px;
	color: #ff6600;}
	
.loginKey {
	padding:0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	background: url("../../images/default/icon/login_close_16x16.gif") 0px 0px no-repeat; 
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	color:#000;}
	
.loginKey:hover {
	padding:0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	background: url("../../images/default/icon/login_open_16x16.gif") 0px 0px no-repeat; 
	font-weight:bold;
	text-decoration:none;
	color:#000;}
	
/***************************************************************************************************/
/* TESTSYSTEM                                                                                      */
/***************************************************************************************************/
#testSystemBox {
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold;
  color:#fff;
  z-index:9999;
  position: absolute; 
  top: 0px; 
  left: 0px;
  width:100%;
  margin:0px 0px 0px 0px;
  padding:9px 10px 5px 10px;
  border-bottom:1px solid #000;
  text-align:center;
  background: #ff6600 url("../../images/background/back_testsystem.gif") 0px 0px repeat-x;}
  
body > #testSystemBox {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;}
  
/* HACK IE5.5+ */
* html #testSystemBox {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  left: auto; 
  top: auto;
  left: expression( ( 0 - testSystemBox.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top:  expression( ( 0 - testSystemBox.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollBottom ? document.documentElement.scrollBottom : document.body.scrollBottom ) ) + 'px' );
}

#testSystemBoxSpace {
   margin:0px 0px 0px 0px;
   padding:8px 10px 10px 10px;}
   
.testSystemText {
  display:block;
  overflow:hidden;
  letter-spacing: 2px;
  font-size:14px;
  height:20px;
  text-transform: uppercase;
  font-weight:bold;
  color:#000;}
	
/***************************************************************************************************/
/* PRINT STYLES FÜR PARENT WINDOW UND AKTEN                                                        */
/***************************************************************************************************/
@media print {
	
	/* Allgemeine Formatierung */
	body, 
	html,
	#contentMain,
	#mainFile  {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float:none;
		border:none !important;}
		
	input,
	select,
	textarea,
	legend,
	fieldset {
	border:1px solid #000 !important;}
	
	fieldset {
	width:90% !important;}
	
	/* Ausblenden */
	#header,
	#serviceNav,
	#contentFileCloseBox,
	#mainNav,
	#mainNavPrint,
	#subNav,
	#printFile,
	#subNavFile,
	#mainNavLogOut,
	.jumpAnkerTop a,
	a.interfaceLink  {
		display:none;}
		
	/* Ausrichtung des Contents */	
	h1 {
	margin: 10px 0px 0px 0px;}

	#contentFileMain,
	#mainFile,
	#interfaceBox,
	#contentFileName,
	#contentFileName a  {
	border:none !important;
	background: #fff;}
		
	#mainFile,	
	#contentTopic,
	#contentFileTopic,
	#contentFileTopicDistance,
	#contentFileName,
	#contentFileName a,
	#interfaceBox {
		page-break-before:avoid;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		border:none !important;}
		
	#contentFileTopicDistance .legendTable {
		page-break-before:always;}
		
	#footer {
		page-break-before:always;
		border:1px solid #000;}
}