/*
* Stylesheet für http://www.gm-computerservice.de/
*
* Standardstylesheet
*
* @author Gerhard Maul
* @link http://www.gm-computerservice.de/
* @copyright Copyright 2012, Gerhard Maul
* Last Update 2012-11-07
*/

@charset "utf-8";


div.box {
	  width: 100%;
	  border: 1px solid black;
	  background: grey;
	}

/**
----------------------------------------------------------
Regeln für allgemeine Elemente
---------------------------------------------------------- */

/* Alle kritischen Werte instanziieren */
/*
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border-spacing: 0;
}
*/
/* Farben und Hintergrund setzen */
/*
body {
  color: #000000;
  background: #FFFFFF url(../images/bg.gif) top left repeat-x;
}
*/
/* Schriftgröße kontrollieren */
/*
body, td, th {
  font: normal 80% Verdana, sans-serif;
}
td, th {
  font-size: 100%;
}
*/
/*
body {
	background-color: #FFFFFF; 
	text-align: center;
}
body,td,th {
	color: #000000;  
	font-family: "Arial Black", Times, serif;
	font-size: large;
	font-style: Normal;
}
*/
/* Links und Anker */

a:link {
	color: blue;
	text-decoration: none;
	font-weight : bold;
}
/*	font-style: Bold; */
a:visited {
	text-decoration: none;
	color: #0000FF; 
}

a:hover 
a:focus {
	text-decoration: none;
	color: #0000ff; /*#0099FF;*/
}
a:active {
	text-decoration: none;
	color: #0000ff;
	font-family: "Arial Black", Times, serif;
	font-size: large;
	text-align: center;
	font-weight : bold;
}
/* 	color: #ff0066;#FFFFFF; */
/*	font-style: Bold;*/

a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}


.titel {
  font-family: "Arial Black", Helvetica, sans-serif;
  text-align: center;
  color: #000000; 
  font-weight: bold;
  font-size:42px;
}
/*	font-size: x-large;*/
.SzenarioBlack {
	font-size: 120%;;
	text-align: center;
	font-weight: normal;
	color: #000000;
	font-family: "Arial Black", Times, serif;
	font-style: normal;
}
.Rot {
	color: #FF3333;
}
.SzenarioXBlack {
	font-size: 100%;
	text-align: left;
	font-weight: normal;
	color: #000000;
	font-family: "Arial Black", Times, serif;;
	font-style: normal;
}
.ImpressumXBlack {
	font-size: 80%;;
	text-align: left;
	font-weight: normal;
	color: #000000;
	font-family: "Arial Black", Times, serif;;
	font-style: normal;
}
.ImpressumName {
	font-size: 100%;
	text-align: center;
}
.ImpressumText {
	font-style: small;
}
.Copyright {
	font-size: 80%;;
	font-style: small;
}

.email>ins:before {content: "@"; text-decoration: none}
.email ins, .email del {text-decoration: none}
.email>del {display: none}
*:first-child+html .email>del {display:inline}  /* Workaround fuer IE 7 */

#navHome {
  color: #999999; /* grau */
  font: bold 0.85em Tahoma;
  font-style: italic;
}
/**************************************************************************************************/
.horizontalcssmenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
  position: relative;
  display: inline;
  float: left; /* center; bei center stehen die Menüpunkte untereinander*/
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
  display: block;
  width: 9em; /*110px; Width of top level menu link items*/
  padding: 2em 8m;  /*2px 8px; */
  border: 0px solid #202020;
  border-left-width: 0;
  text-decoration: none;
  text-align: center;
  background: url(../images/menubg_gr.gif) center center repeat-x;
  color: black; /* schriftfarbe */
  font: bold 1.1em Tahoma; /* bold 13px Tahoma; */
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
  left: 0;
  top: 0;
  border-top: 0px solid #202020;
  position: absolute;
  display: block;
  visibility: hidden;
  z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
  display: inline;
  float: none;
}

/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
  width: 12em; /*160px width of sub menu levels*/
  font-weight: normal;
  padding: 2px 5px;
  background: #e3f1bd;
  border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
  background: url(../images/menubgover_gr.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
  background: #cde686;
}


.horizontalcssmenu .arrowdiv{
  position: absolute;
  right: 0;
  background: transparent url(../images/menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
  padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: center; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */