﻿/*
CSS for:    http://www.cenumerics.com/
Version:    2.0
Author:     Christian Feist
Author URL: http://www.cenumerics.com/
*/

/* default values */
body
{
/* colors */
	background-color: White;
	color:            rgb(140,140,140);
/* fonts */
	font-family:      Helvetica, Arial, Sans-Serif;
	font-size:        11px;
	letter-spacing:   normal;
	text-align:       left;
/* margins */
	margin-left:      0px;
	margin-right:     0px;
	margin-top:       0px;
	margin-bottom:    0px;
/* border */
	border-style:     none;
	border-color:     gray;
	border-width:     0px;
/* padding */
	padding-left:     0px;
	padding-right:    0px;
	padding-top:      0px;
	padding-bottom:   0px;
/* provide scroll-bar to prevent dynamic offset of page */
	overflow:         scroll;
}

/* ======== */
/* DIV-TAGS */
/* ======== */

div
{
/* margins */
	margin-left:    0px;
	margin-right:   0px;
	margin-top:     0px;
	margin-bottom:  0px;
/* border */
	border-style:   none;
	border-color:   gray;
	border-width:   0px;
/* padding */
	padding-left:   0px;
	padding-right:  0px;
	padding-top:    0px;
	padding-bottom: 0px;
}

div#pageBox
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:White;
}

div#logoBox
{
	text-align:right;
	margin-top:60px;
	margin-right:0px;
	margin-bottom:40px;
	background-color:White;
}

div#languageSelectBox
{
	margin-left:25px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:White;
}

div#footerBox
{
	margin-left:25px;
	margin-right:10px;
	background-color:White;
}

div#mainMenuBox
{
	width:200px;
	height:200px;
	background-color:rgb(180,180,180);
	float:left;
}

div#subMenuBox
{
	width:130px;
	height:200px;
	background-color:rgb(230,230,230);
	margin-left:10px;
	float:left;
}

div#contentBox1
{
	width:550px;
	height:200px;
	background-color:rgb(230,230,230);
	float:right;
	text-align:right;
	padding-right:10px;
	font-size:16px;
}

div#contentBox2
{
	clear:both;
	height:auto;
	background-color:white;
	width:670px;
	position:relative;
	left:210px;
	font-size:12px;
	padding-right:10px;
	padding-left:0px;
	padding-top:5px;
}

div#bannerBox
{
	height:200px;
	margin-left:10px;
	float:right;
}

/* =============== */
/* UL- and LI-TAGS */
/* =============== */

ul
{
}

li
{
	list-style-type:square;
}

/* ====== */
/* A-TAGS */
/* ====== */

a
{
	color:Gray;
	text-decoration:none;
}

a:hover
{
	color:Blue
}

a.right
{
	float:right;
}

/* ========== */
/* Text style */
/* ========== */

div#contentBox1 h1
{
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
}

div#contentBox1 h2
{
	font-size:18px;
	font-weight:normal;
}

div#contentBox1 h3
{
	font-size:16px;
	font-weight:normal;
}

div#contentBox1 p
{
	line-height:1.4em;
}

div#contentBox2 h2
{
	font-weight:bold;
	font-size:14px;
	line-height:1.5em;
}

div#contentBox2 h3
{
	font-weight:bold;
	font-size:12px;
}

div#contentBox2 > ul > li
{
	line-height:1.6em;
	list-style-type:square;
}

div#contentBox2 > ul > li > ul > li
{
	font-size:11px;
	line-height:1.4;
	list-style-type:none;
}

/* ======== */
/* IMG-TAGS */
/* ======== */

img
{
	border:none;
}

div#contentBox2 img
{
	float:left;
}

/* ====== */
/* P-TAGS */
/* ====== */

p
{
}

p#bottomLine
{
	text-align:right;
	text-transform:uppercase;
	font-size:20px;
	font-weight:100;
	line-height:1.5em;
	margin-right:10px;
}

/* ========== */
/* MENU-STYLE */
/* ========== */

/* style of main menu and main-menu entries */
/* defaults for all main-menu entries: */
/* main-menu list */
div#mainMenuBox ul
{
	margin-top:10px;
	padding-left:25px;
}

/* main-menu list items */
div#mainMenuBox li
{
	list-style-type:none;
	margin-bottom:12px;
}

/* links */
a.mainMenu
{
	font-size:16px;
	color:White;
	text-transform:uppercase;
}

/* if mouse over main-menu entry */
a.mainMenu:hover
{
/*	color:Navy; */
}

/* main-menu entry associated to page currently shown */
/* main-menu level 0 */
body#index li#m0 a,
/* main-menu level 1 */
body#cat11 li#m1 a,
body#cat12 li#m1 a,
body#cat13 li#m1 a,
body#cat14 li#m1 a,
body#cat15 li#m1 a,
/* main-menu level 2 */
body#cat21 li#m2 a,
body#cat22 li#m2 a,
body#cat23 li#m2 a,
body#cat24 li#m2 a,
body#cat25 li#m2 a,
/* main-menu level 3 */
body#cat31 li#m3 a,
body#cat32 li#m3 a,
body#cat33 li#m3 a,
body#cat34 li#m3 a,
body#cat35 li#m3 a,
/* main-menu level 4 */
body#cat41 li#m4 a,
body#cat42 li#m4 a,
body#cat43 li#m4 a,
body#cat44 li#m4 a,
body#cat45 li#m4 a,
/* main-menu level 5 */
body#cat51 li#m5 a,
body#cat52 li#m5 a,
body#cat53 li#m5 a,
body#cat54 li#m5 a,
body#cat55 li#m5 a
{
	color:Blue;
}

/* style of sub-menus and sub-menu entries */
/* default for all sub-menu entries */
/* sub-menu lists (NB: do not show sub-menus by default) */
div#subMenuBox ul
{
	margin-top:10px;
	padding-top:0px;
	padding-left:10px;
	display:none;
}

/* sub-menu list items */
div#subMenuBox li
{
	list-style-type:none;
	margin-bottom:10px;
}

/* links */
a.subMenu
{
	font-size:14px;
	color:rgb(120,120,120);
	text-transform:uppercase;
}

/* if mouse over sub-menu entry */
a.subMenu:hover
{
/*	color:Navy; */
}

/* only show those sub-menu entries associated to current main-menu entry */
/* main-menu level 1 */
body#cat11 ul#subMenu1,
body#cat12 ul#subMenu1,
body#cat13 ul#subMenu1,
body#cat14 ul#subMenu1,
body#cat15 ul#subMenu1,
/* main-menu level 2 */
body#cat21 ul#subMenu2,
body#cat22 ul#subMenu2,
body#cat23 ul#subMenu2,
body#cat24 ul#subMenu2,
body#cat25 ul#subMenu2,
/* main-menu level 3 */
body#cat31 ul#subMenu3,
body#cat32 ul#subMenu3,
body#cat33 ul#subMenu3,
body#cat34 ul#subMenu3,
body#cat35 ul#subMenu3,
/* main-menu level 4 */
body#cat41 ul#subMenu4,
body#cat42 ul#subMenu4,
body#cat43 ul#subMenu4,
body#cat44 ul#subMenu4,
body#cat45 ul#subMenu4,
/* main-menu level 5 */
body#cat51 ul#subMenu5,
body#cat52 ul#subMenu5,
body#cat53 ul#subMenu5,
body#cat54 ul#subMenu5,
body#cat55 ul#subMenu5
{
	display:block;
}

/* if page currently shown */
/* main-menu level 1 */
body#cat11 li#s11 a,
body#cat12 li#s12 a,
body#cat13 li#s13 a,
body#cat14 li#s14 a,
body#cat15 li#s15 a,
/* main-menu level 2 */
body#cat21 li#s21 a,
body#cat22 li#s22 a,
body#cat23 li#s23 a,
body#cat24 li#s24 a,
body#cat25 li#s25 a,
/* main-menu level 3 */
body#cat31 li#s31 a,
body#cat32 li#s32 a,
body#cat33 li#s33 a,
body#cat34 li#s34 a,
body#cat35 li#s35 a,
/* main-menu level 4 */
body#cat41 li#s41 a,
body#cat42 li#s42 a,
body#cat43 li#s43 a,
body#cat44 li#s44 a,
body#cat45 li#s45 a,
/* main-menu level 5 */
body#cat51 li#s51 a,
body#cat52 li#s52 a,
body#cat53 li#s53 a,
body#cat54 li#s54 a,
body#cat55 li#s55 a
{
	color:Blue;
}

/* =================== */
/* SLIDE-FUNCTIONALITY */
/* =================== */

/* div containing slide-functionality */
div#slideBox
{
	height:275px;
	position:relative;
/* for debugging only:
	border-style:dotted;
	border-width:1px;
	background:green; */
}

/* unsorted list containing sliding images */
ul.slideImgs
{
	height:125px;
	padding-left:0px;
/* for debugging only:
	border-style:dashed;
	border-width:1px;
	background:blue; */
}

/* list items containing sliding images */
li.slideImg
{
	list-style-type:none;
	width:110px;
	height: 125px;
	display:block;
	background-position:right;
	float:left;
	margin-right:10px;
/* for debugging only:
	border-style:dashed;
	border-width:1px; */
}

/* slide image if mouse over image */
li.slideImg:hover
{
	background-position:left!important;
}

/* unsorted list containing sliding texts */
ul.slideTexts
{
	display:none;
	position:absolute;
	left:250px;
	padding-left:0px;
	width:430px;
}

/* list items containing sliding texts */
li.slideText
{
	list-style-type:none;
}

/* paragraphs within this text */
li.slideText p
{
	text-align:justify;
	line-height:1.4em;
}

/* first paragraph within this text */
li.slideText > p:first-child
{
	text-align:right;
	font-size:14px;
	font-weight:bold;
	margin-top:0px;
}

/* show sliding text if mouse over sliding image */
li.slideImg:hover ul.slideTexts
{
	display:block;
}


/* eof */