body {
      font-family: verdana, arial, helvetica, san-serif;
      font-size: 9pt;
      background: #FFCDE1;		/* light pink */
      color: #6d6e71;		/* grey */
}

p {
      letter-spacing: 0;
}

img.logo {
  	position: absolute;
  	top: 25px;
  	left: 465px;
}

img.pics {
  	position: absolute;
  	top: 210px;
  	left: 130px;
  	border: 4px solid #6d6e71;		/* grey */
}

div#container {
	min-width: 1000px;
	max-width: 1200px;
	width: expression(document.body.clientWidth < 1000? "1000px" : document.body.clientWidth > 1200? "1200px" : "auto");
}

div#container p {
	margin-top: 6px;
	margin-right: 20px;
      font-size: 8pt;
      font-weight: normal;
}	

div#header {
	margin-top: 180px;
	padding: 0;
}

div#visuals {
	float: left;
	margin: 1em 40px;
	width: 380px;
}

div#calendar {
	float: left;
	margin: 2em 25px 0 85px;
	padding: 0;
	width: 710px;
}

div#content {
	float: left;
	margin: 1em 25px;
	padding: 0;
	width: 300px;
}

div#content p {
      font-size: 8pt;
}	

div#content h2 {
      font-size: 12pt;
      font-weight: bold;
}

div#content h3 {
      font-size: 14pt;
      font-weight: bold;
}	

div#content ul li {
	margin: 0 0 0 1.25em;
	padding: 0;
      font-size: 10pt;
	font-weight: normal;
	list-style-type: disc;
}

div#content a, a:link, a:visited  {
	color: #6d6e71;		/* grey */
	font-weight: normal;
      text-decoration: none;
}

div#content a:hover, a:active {
	color: #EA3386;		/* hot pink-red */
	border-bottom: 1px solid #f22077;		/* hot pink-red */
}

div#content ul li a, 
div#content a:link, 
div#content a:active, 
div#content a:visited {
	color: #6d6e71;		/* grey */
	font-weight: normal;
      text-decoration: none;
	border-bottom: 0px solid #FFCDE1;		/* light pink */
}

div#content ul li a:hover {
	color: #EA3386;		/* hot pink-red */
	border-bottom: 1px solid #f22077;		/* hot pink-red */
}

div#contentlarge {
	float: left;
	margin: 1em 25px 0 85px;
	padding: 0;
	width: 710px;
}

div#contentlarge p {
      font-size: 10pt;
}

div#contentlarge h2 {
      font-size: 12pt;
      font-weight: bold;
}	

div#contentlarge h3 {
      font-size: 14pt;
      font-weight: bold;
}	

div#contentlarge ul li {
	margin: 0 0 0 1.25em;
	padding: 0;
      font-size: 10pt;
	font-weight: normal;
	list-style-type: disc;
	line-height: 1.25em;
}

div#contentlarge a, 
div#contentlarge a:link, 
div#contentlarge a:hover, 
div#contentlarge a:visited {
	color: #EA3386;		/* hot pink-red */
      text-decoration: none;
	border-bottom: 1px solid transparent;
}

div#contentlarge a:hover, 
div#contentlarge a:active {
	color: #EA3386;		/* hot pink-red */
	border-bottom: 1px solid #f22077;		/* hot pink-red */
}

.column {
	margin: 0 10px 0 0;
	width: 230px;
}

div#customscrolllarge  {
	width: 660px;
	height: 400px;
	margin: 1em 0;
	padding: 0;
	font-size: 8pt;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}

div#customscrolllarge table tr td {
	font-size: 10pt;
}

div#customscrolllarge p {
	font-size: 10pt;
}

div#customscrolllarge a, 
div#customscrolllarge a:link, 
div#customscrolllarge a:hover, 
div#customscrolllarge a:active, 
div#customscrolllarge a:visited {
	color: #EA3386;		/* hot pink-red */
	border-bottom: 1px solid #f22077;		/* hot pink-red */
}

div#pricelist p {
	font-size: 9pt;
	line-height: 1.1;
}

div#customscroll {
	width: 280px;
	height: 370px;
	overflow: auto;
	margin: 0em auto;
	padding: 0 15px 0 0;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}

div#customscroll p {
	font-size: 9pt;
}

div#customscroll a, 
div#customscroll a:link, 
div#customscroll a:hover, 
div#customscroll a:active {
	color: #EA3386;		/* hot pink-red */
	font-size: 9pt;
	font-weight: normal;
}

div#custom-ul ul {
	font-size: 9pt;
	font-weight: normal;
	list-style-type: disc;
	line-height: 1.25em;
}

div#calendar {
	float: left;
	margin: 1em 25px 0 80px;
	padding: 0;
	width: 705px;
}

div#impressum {
	margin: 0;
}

div#impressum p {
      font-size: 9pt;
}	

div#impressum a, 
div#impressum a:visited, 
div#impressum a:link {
	color: #EA3386;		/* hot pink-red */
      font-size: 9pt;
	font-weight: normal;
      text-decoration: none;
}

div#impressum a:hover, 
div#impressum a:active {
	border-bottom: 1px solid #f22077;		/* hot pink-red */
}

div#nav {
	padding: 0;
	width: 140px;
	float: left;
	margin: 1em 20px;
}

div#nav table tr td.special {
	padding: 0.25em 0.75em 0.25em 0.25em;
	text-align: center;
	border: 4px dotted #f22077;		/* hot pink-red */
}	

div#nav table tr td a {
	font-weight: bold;
	font-size: 110%;
}

div#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#nav ul a {
      color: #EA3386;		/* hot pink-red */
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0px solid #FFCDE1;		/* light pink */
}

div#nav ul a.nav-top {
	font-size: 12pt;
	line-height: 1.75em;
}

div#nav ul a.nav-top:hover, 
div#nav ul a.nav-top:active {
	font-size: 14pt;
	line-height: 1.5em;
}

div#nav ul a.nav-top-highlight {
	font-size: 14pt;
	line-height: 1.75em;
}

div#nav ul a.nav-top-sub {
	font-size: 10pt;
	font-weight: normal;
	line-height: 1.33em;
}

div#nav ul a.nav-top-sub:hover, 
div#nav ul a.nav-top-sub:active {
	font-size: 10pt;
	line-height: 1.33em;
	font-weight: bold;
}

div#nav ul a.nav-top-sub-selected {
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.33em;
}

div#nav ul a.bottom {
	font-size: 10pt;
	font-weight: normal;
	line-height: 1.33em;
}

div#nav ul a.bottom:hover, 
div#nav ul a.bottom:active {
	font-weight: bold;
}

div#nav ul a.bottomb {
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.33em;
}

.overflowBox {
	margin: 0;
	padding: 0;
	height: 400px;
	width: 260px;
	overflow: auto;
	border: 0;
}

.ag-innerBox {
	position: relative; /*in STRICT this messes up IE THIS causes the whole problem*/ 
	top: -12px;
	left: 0px;
	float: left;
}

.ag-track {
	height: 10px;
	width: 10px;
	background: #ccc;
	border: 1px solid white;
	float: left;
}

.ag-handle {
	height: 25px;
	width: 10px;
	background: #6d6e71;		/* grey */
	cursor: pointer;
}

.thumbnail {
                float: left;
                width: 250px;
                margin: 0 10px 10px 0;
                padding-bottom: 10px;
                border: 1px solid #777;
        }
        
.thumbnail img {
                float: left;
                border: 1px solid #777;
                margin: 10px 10px 0 10px;
        }
        
.thumbnail p {
                margin: 0;
                padding: 10px;
        }

.clear-left {
        clear: left;
}

.redcolor {
	color: #EA3386;		/* hot pink-red */
}	

.strikethrough {
	text-decoration: line-through;
	}