<!-- 

/* OOVS
te
   (C) 2006 twooit GmbH
   E-Mail: info@twooit.com
   Website: www.twooit.com


// written by Hans Christian Schwerdt


*****************************
		Inhalt
*****************************
	Allgemeine Definitionen
		Verschiedene Schaltfl�chen
		Tooltip
			Tooltipkasten
	
	Header
		Header-Text
		Online-Support
		Grafiken/Logo f�r dynamische Breite
		Info-Kasten im Header
	
	Footer
	
	Hauptseiten
		Allgemeine Definitionen
		Header der Hauptseiten
		
	Menu
		Allgemeine Definitionen
		Hauptmenupunkte
		
	Einzelseiten
		Allgemeine Definitionen
		Contractmanager
		
	Listen
		Allgemeine Definitionen
		Statusmeldung
		Spalten�berschrift
		Zeilenfarbwechsel
		Zeilenzahl-Formular
		Listen-Footer
*/


/* Allgemeine Definitionen */

	body {
		color: black; background-color: white;
		font-size: 100.01%;
		font-family: Helvetica,Arial,sans-serif;
		margin: 0; padding: 0;
		min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
		font: 80% verdana, arial, sans-serif;
	}

	dl, dt, dd, ul, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	a {
		text-decoration: none;
		color: #003399;	
	}
	
   /* Verschiedene Schaltfl�chen  */
	.button {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		vertical-align: bottom;
		border: 1px solid #003399;
		margin-top:1px;
	}

	a#button{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
		text-decoration: none;
		background-color: #EEE;
		border: 1px solid #003399;
		vertical-align: bottom;
		padding: 1.2px;
		margin-top:0;
	}


   /* Tooltip */

	a.tooltip a.tooltip:link, a.tooltip:visited, a.tooltip:active, a.tooltip:hover, a.tooltip:focus {
		position: relative;
		text-decoration: none; 
		cursor:help;
		border:none;

	}

	a.tooltip img {
		border:none;
		vertical-align:bottom;
		padding: 0 0 0 5px;
	}

	a.tooltip span, a.tooltip:focus span{
		display: none;  
		text-decoration: none; 
		border:none;
	}

      /* Tooltipkasten  */
	a.tooltip:hover span, a.tooltip:active span, a.tooltip:focus span{
		float:left;
		position: absolute; 
		top: 20px; 
		left: 0; 
		min-height: 130px;
		width: 270px;
		z-index: 100;
		display: block;
		color: #FFFFFF; 
		border:none; 
		padding-left:100px;
		padding-top:30px;
		background:url(gfx/tooltipbg.png);
		font: 10px Verdana, sans-serif; 
		text-align: left;
	}
  
 
/* Header */

	#header {
		width:100%;
		height:120px;
		background-image: url(gfx/header.jpg);
		background-repeat: repeat-x;
		margin-left: 0px;
	}

	/* Header-Text */
	dl#header_title {
		position:absolute;
		margin:85px 180px;
		color:white;
		font-size:16px;
	}
	
   /* Online-Support */	
	dl#support{
		position:absolute;
		padding:85px 10px;
	}
	
   /* Grafiken/Logo f�r dynamische Breite */
	dl#logo{
		position:absolute;
		margin: 12px 5px;
	}

	dl#logo_rechts{
		float:right;
		right:0;
	}
	
   /* Info-Kasten im Header */
	dl#info_rechts{
		float:right;
		margin-right:30px;
		height:116px;
		width:200px;
		border:1px solid #003399;
		padding:1px;
	}

	dl#info_rechts h1{
		margin:0;
		padding: 0 0 0 3px;
		width:197px;
		line-height:16px;
		font-weight:bold;
		font-size:10px;
		color:#FFF;
		background:#003399;
	}

	dl#info_rechts p{
		margin:1px 0 0 0;
		padding: 0 0 0 3px;
		width:197px;
		height:99px;
		line-height:16px;
		font-weight:normal;
		font-size:11px;
		color:#003399;
		background:#EEE;
	}

/* Footer */
	div#footer {
		position: relative;
		padding: 0.1em;
		bottom:0px; left:0px; right: 0px;
		clear: both;
		font-size: 0.8em;
		text-align: right;
		border-top: 1px solid #000000;
		background-color: #003399;
		color: #ffffff;
	}


/* Hauptseiten */
   /* Allgemenine Definitionen */
	#main {
		border:none;
		position:relative;
		padding:0 0 0 0;
		margin:1px 0 0 177px ;
		_padding-right:0;
		min-height:50px;
	}

	#main h1{
		background:#DDD;
		height:15px;
		padding-left: 10px;
		padding-top:3px;
		font-weight:normal;
		margin:0;
		text-decoration: none;
		font-size: 90%;
	}

	#main h1 a{
		text-decoration: none;
		color:#000;
	}

	#main h1 a:hover{
		color: #003399;
	}

   /* Header der Hauptseiten */
	#inhalt{
		background:#FFF;
		padding:5px;
		margin:1px 0 0 0;
		min-height:550px;
	}

/* Menu */
   /* Allgemeine Definitionen */
	#menu {
		float:left;
		position: relative;
		margin-top: 1px;
		margin-left: 0;
		border:none;
		width:175px;
		margin-left:1px;
	}

	/* Au�enrahmen */
	dl#menu {
		margin: 0;
		padding:0;
		border:none;
	}

      /* Hauptmenu-Punkte*/
	dl#menu dt {
		cursor: pointer;
		margin: 0;
		height: 18px;
		line-height: 18px;
		color: white;
		border-top: 1px solid white;
		background:url(gfx/bgnavi.jpg);
		font-weight:bold;
	}

	dl#menu dd {
		padding:0;
		margin:0;
	}

	dl#menu li {
	}


	li#menusubtitle {
		padding:0;
		margin-top:8px;
		margin-bottom:4px;
		background:#FFF;
		border:1px solid #003399;
		font-size:80%;
		color: #003399;
		font-weight:bold;
	}
	
	
	 /* Server-Tooltip */

      /* Tooltipkasten  */
	#servertooltip  {
		position: absolute; 
		top: 125px; 
		left: 175px; 
		height: 100px;
		width: 235px;
		z-index: 100;
		display: block;
		color: #000; 
		border:none; 
		padding-left:15px;
		background:url(gfx/serverdatabg.png);
		font: 11px Verdana, sans-serif; 
		text-align: left;
	}
	
      /* Untermenupunkte */
	  
	li#submenutitle {
		color:#FFF;
		padding-left:3px;
		background:url(gfx/bgnavi.jpg);
		font-size:80%;
		line-height:15px;
		font-weight:bold;
	 }
	 
	li#submenutitle a {
	color:#fff;
	}
	
	dl#menu li a{
		padding-left:18px;
		color: #000;
		text-decoration: none;
		font-size: 85%;
		display: block;
		border: none;
		background:url(gfx/subbg.png);
		background-repeat:repeat-Y;
		height: 18px;
		line-height: 18px;
		border-top: 1px solid white;
		font-weight:normal;
	}

	dl#menu dt a#start {
		padding-left:10px;
		color: #FFF;
		text-decoration: none;
		font-weight:bold;
		font-size: 90%;
		display: block;
		border: none;
		margin: 0;
		height: 18px;
		line-height: 18px;
	}

	dl#menu dt a img {
		padding-left:0px;
		height: 20px;
		line-height: 20px;
	}

	dl#menu li a:hover{
		color: #FFF;
		background:url(gfx/subbgmo.png);
		background-repeat:repeat-Y;
	}
	dl#menu li a:active{
		color: #FFF;
		background:url(gfx/subbgac.png);
		background-repeat:repeat-Y;
	}

/* Einzelseiten */
   /* Allgemeine Definitionen */
	div#content {
		margin: 5px 0px 0px 0px;
		font-size: 12px;
		min-height:280px;
		padding:0;
	}
	* html div#content {
		height: 0em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	}

	div#index {
		border:0;
	}

	div#index ul {
		padding:10px;
		width:35em;
		float:left;
		font-size:90%;
	}

	div#index ul li {
		padding:10px;
		clear:left;
	}

	div#index ul li img {
		padding-right:5px;
		float:left;
	}

	div#index ul li h2 {
	}
	
   /* Listen */
     /* Algemeine Definitionen */
     
	div#list{
		float:left;
		width: 100%;
	}
	
	.listtable {
		font-size:0.8em;
		vertical-align:middle;
	}

	div#list a:link {
		text-decoration: none; 
	}

	div#list a:visited {
		text-decoration: none; 
	}

	div#list a:hover {
		text-decoration: none; 
	}

	div#list a:active {
		text-decoration: none; 
	}	
	
	div#list a img {
		text-decoration: none;
		border: none;
		height: 16px;
		vertical-align:bottom;
	}
	

     /* Contractmanager */
	p#statusbar_values {
		font: 12px verdana, sans-serif;
		color:#88BBEE;
		text-align:right;
		margin:0;
		padding:0;
		padding-right:3px;
		float:left;
		border:none;
		background:url("../../../gfx/statusbar_values2.png");
		background-repeat: repeat-x;
		border-right:1px solid #88BBEE; 
	}

	p#statusbar_max {
		font: 12px verdana, sans-serif;
		color:green;
		text-align:left;
		margin:0;
		padding:0;
		padding-left:3px;
		float:left;
		width:50px;
		border:none; 
		background:url("../../../gfx/statusbar_max2.png");
		background-repeat: repeat-x;
	}

	p.addbar {
		vertical-align:top;
		margin-top:0;
		font: 12px verdana, sans-serif;	
		float:left;
		padding-left:150px;
		text-decoration:none;
		color:black
	}

	p.addbar:hover , p.addbar:active {
		font: 12px verdana, sans-serif;
		position:relative;
		width: 150px;
		z-index: 100;
		display: block;
		border:none; 
		background:url("../../../gfx/statusbar_add2.png");
		background-repeat: no-repeat;
		text-align: left;
	}

	p#bardescription {
		font: 12px verdana, sans-serif;
		float:left;
		color:#003399;
		margin:0;
		width:150px;
		padding:0;
	}
    /* Statusbar */
	div#statusbar { 
	width:100%;
	float:left;
	margin-bottom:2px;
	}
	
	div#statusbar ul {
	float:left;
	margin:0;
	padding:0;
	border:none;
	margin-bottom:3px;
	}
	
	div#statusbar ul li {
	float:left;
	margin-left:5px;
	margin-top:5px;
	padding:0;
	border:none;
	}
 
	div#statusbar hr {
	clear:both;
	}
   /* Statusmeldung */
	p#list_def { 
		float:left;
		list-style: none;
		text-align:center;
		min-height:15px;
		line-height: 23px;
		width:680px;
		background:url(../../../gfx/listdef.jpg);
		background-repeat:no-repeat;
		margin-top:2px;
		padding-top:0px;
	}

	p#list_err { 
		float:left;
		list-style: none;
		text-align:center;
		min-height:15px;
		line-height: 23px;
		width:680px;
		background:url(../../../gfx/listerr.jpg);
		background-repeat:repeat-y;
		margin-top:2px;
		padding-top:0px;
	}

      /* Spalten�berschrift */
	.listtop {
		/* background-color: #eaeaea; */
		background-color: #D2DEF2;
		border-width: 0px;
		padding-bottom: 2px;
	}
 
      /* Zeilen-Farbwechsel*/
	.even {
		background-color: #ffffff;
		border-width: 0px;
		height:12px;
	}

	.odd {
		background-color: #E4EFFF;
		border-width: 0px;
		height:12px;
	}
	
	.even:hover {
		background-color: #D2DEF2;
		border-width: 0px;
		height:12px;
	}

	.odd:hover {
		background-color: #D2DEF2;
		border-width: 0px;
		height:12px;
	}

      /* Zeilenanzahl-Formular*/
	div#showrows {
		float:right;
		text-align:right;
		margin-right:3px;
	}

      /* Listen-Footer*/
	ul#listfooter {
		float:left;
		width:99%;
		list-style: none;
		background-color: #CCC;
		border: 1px solid black;
		padding: 1.5px;
		margin: 3px;
		text-align:center;
	}

   /* Startseite-Admin */

	img#oovshelper {
		border: none;
		float:left;
	}

	a.popstart, a.popstart:link, a.popstart:visited, a.popstart:active, a.popstart:hover {
		position: relative;
		text-decoration: none;
		color: #003399;
		cursor:help;
		border:none;
		vertical-align:middle;
	}

	a.popstart span {
		display: none;  
		text-decoration: none; 
	}

      /* Popup-Kasten  */
	a.popstart:hover span {
		position: absolute; 
		top: 20px; 
		left: 0; 
		z-index: 100;
		display: block;
		color: #FFFFFF; 
		border:1px solid #000000; 
		font: 10px Verdana, sans-serif; 
		text-align: left;
	}
	
	/* Startseite-Kunden */
	
	div#contractoverview {
		float:left;
		width:100%;
		border:none;
	}
	
	div#contract-vserver {
		width:350px;
		float:left;
		margin:10px;
		padding:0px;
		border:none;
		background:url(gfx/contract-bg.png);
	}
	
	div#contract-webhosting {
		width:350px;
		float:left;
		margin:10px;
		padding:0px;
		border:none;
		background:url(gfx/contract-bg.png);
	}

	div#contractheader {
	clear:both;
	border:none;
	height:30px;
	padding-top:10px;
	padding-left:10px;
	background:url(gfx/contract-header-bg.png);
	background-repeat:no-repeat;
	}
	
	div#contracttext {
		background:white;
		border:1px solid #003399;
		clear:both;
		margin-left:15px;
		margin-right:15px;
		margin-top:0;
	}
	
	a#contracttext{
	font-weight:bold;
	}

	a#contractimage{
	background:none;
	}
	
	div#contracttext img.contract {
		border:0;
		margin-right:10px;
		float:left;
	}

	div#contracttext img.contract:hover{
		border:0;
		margin-right:1px;
		float:left;
	}
	
	div#contractfooter {
	border: none;
	clear:both;
	background:url(gfx/contract-footer-bg.png);
	background-repeat:no-repeat ;
	background-position: bottom;
	height:30px;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
	text-align:right;
	}
	
	/*Create */
	div#create {
		border:none;
		float:left;
		width:100%
	}
	div#create h1 {
		font-weight:bold;
		color:#003399;
		background:url(gfx/subbg.png);
		background-repeat:repeat-Y;
	}
	
	/* Details */
	
	div#details {
		border:none;
		float:left;
		width:100%
	}
	div#details h1 {
		font-weight:bold;
		color:#003399;
		background:url(gfx/subbg.png);
		background-repeat:repeat-Y;
	}
	

	/* Zweispaltig*/
	div#tworows_block{
	width:100%;
	border:none;
	float:left;
	margin: 6px 0 6px 0;
	}
	
	div#tworows_block ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	}
	
	div#tworows_block ul:hover {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:url(gfx/tworowsbgmo.png);
	background-repeat:repeat-Y;
	}
	
	li#tworows_main {
		margin:0;
		padding:0 5px 0 0;
		border:none;
		float: left;
		width: 250px;
		text-align:right;
		line-height:18px;
		min-height:24px;
		color:#003399;
	}

	li#tworows_custom {
		margin:0;
		padding:0 0 0 5px;
		float:left;
		border-left:1px solid #003399;
		line-height:18px;
		min-height:24px;
	}

		/* Dreispaltig*/
	div#threerows_block{
	width:100%;
	border:none;
	float:left;
	margin: 6px 0 6px 0;
	}
	
	div#threerows_block ul {
	text-decoration: none;
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	}
	
	div#threerows_block ul:hover {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:url(gfx/tworowsbgmo.png);
	background-repeat:repeat-Y;
	}
	
	li#threerows_one {
		margin:0;
		padding:0 5px 0 0;
		border:none;
		float: left;
		width: 100px;
		text-align:right;
		line-height:18px;
		min-height:24px;
		color:#003399;
	}

	li#threerows_two {
		width:350px;
		margin:0;
		padding:0 0 0 5px;
		float:left;
		border-left:1px solid #003399;
		line-height:18px;
		min-height:24px;
		
	}
	
	li#threerows_three {
		margin:0;
		padding:0 0 0 5px;
		float:left;
		border-left:1px solid #003399;
		line-height:18px;
		min-height:24px;
	}