/* reset */
img { border:0; } 
ol,ul { list-style:none; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tbody,hr { margin:0; padding:0; } 

html {
	width: 100%;
	height: 100%;
}
body {
	/* align to center of screen */
	text-align: center;
	width: 100%;
	height: 100%;
	background: #fff;
}
body, td {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
#page {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	width: 980px;
	/*
	height: 932px;
	*/
	text-align: left;
	background: transparent url(../gfx/bg.png) left top no-repeat;
}
/*
html>body #page {
	height: auto;
	min-height: 932px;
}
*/
#header {
	height: 159px;
	padding-left: 301px; 
	margin-bottom: 1px;
}

#maincontent {
	height:442px;
}
html>body #maincontent {
	height: auto;
	min-height: 442px;
}

#footer {
	height: 30px;
	background: #fff url(../gfx/footerline.png) 28px top no-repeat;
	color: #999;
	font-size: 11px;
}
#footcontent {
	padding: 5px 28px;
}
#footcontent a {
	color: #999;
	text-decoration: none;
}
#footcontent a:hover {
	text-decoration: underline;
}
#logo { display: none; }

#menu {
	float: left;
	/* text-transform: lowercase; */
	background: transparent url(../gfx/menu.png) 9px 8px no-repeat;
}
#mainmenu {
	float: left;
	width: 670px;
	background: transparent url(../gfx/menu.png) 9px 8px no-repeat;
}
#mainmenu li {
	float: left;
	margin: 0;
	padding: 0;
}

#menu .menu_1 { background-image: url(../gfx/menu1.gif); }
#menu .menu_2 { background-image: url(../gfx/menu2.gif); }
#menu .menu_3 { background-image: url(../gfx/menu3.gif); }
#menu .menu_4 { background-image: url(../gfx/menu4.gif); }
#menu .menu_5 { background-image: url(../gfx/menu5.gif); }
#menu .menu_6 { background-image: url(../gfx/menu6.gif); }
#menu .menu_7 { background-image: url(../gfx/menu7.gif); }

#menu a {
	display: block;
	float: left;
	width: 83px;
	padding: 97px 0 0 10px;
	background: transparent url(../gfx/menuitem.gif) left bottom no-repeat;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #747474;
}
#menu a:hover,
#menu a.active {
	background: transparent url(../gfx/menuitem_active.gif) left bottom no-repeat;
	color: #8684a4;
}
#menu li ul li a.active {
	background: transparent;
}
	
#menu li ul {
	display: none;
	clear: both;
	float: none;
	position: absolute;
	top: 109px;
	padding: 3px 0 0 0;
	margin: 0;
	/*
	background: #fff;
	*/
}
#menu li:hover ul,
#menu li.iehover ul {
	display: block;
}
#menu li ul li {
	float: none;
	padding: 0;
	margin: 0;
	background: #f1f0ee;
}
#menu li ul li a {
	display: block;
	float: none;
	width: auto;
	height: 14px;
	padding: 0 10px;
	margin-top: 1px;
	background: #f1f0ee;
	line-height: 12px;
	color: #8684a4;
	white-space: nowrap;
}
#menu li ul li a:hover {
	background: #9694b1;
	color: #fff;
}
/* ------------------------------
DEFAULT STYLES FOR TEXT ELEMENTS
--------------------------------*/
h1 {
	font-size: 18px;
	line-height: 24px;
	padding: 0 0 6px 0;
	font-weight: bold;
	color: #8684a4;
}
td {
	vertical-align: top;
}
p {
	padding: 0 0 10px 0;
}

#maincontent li {
	padding: 0 0 4px 12px;
	background: transparent url(../gfx/li.gif) left 1px no-repeat;
}
#maincontent ol {
	list-style-type: decimal;
	padding-left: 20px;
}
#maincontent ol li {
	background: none;
	padding-left: 0;
}
#maincontent .darkbullets {
	/*
	margin: 8px 0;
	*/
	padding: 20px 10px;
	color: #fff;
	background: #9694b1;
}
#maincontent .darkbullets ul li {
	background: transparent url(../gfx/li_white.gif) left top no-repeat;
}
#maincontent img {
	margin-bottom: 3px;
}
#maincontent a {
	color: #9694b1;
	text-decoration: none;
}
#maincontent a:hover {
	text-decoration: underline;
}
#maincontent a.fancylink,
#maincontent a.download,
#maincontent a.mail,
#maincontent p a.internal-link {
	clear: both;
	padding-left: 10px;
	background: transparent url(../gfx/fancylink.gif) left top no-repeat;
}

img.right {
	margin-left: 18px;
}

/* -------------------------
DEFAULT STYLES FOR COLUMNS
---------------------------*/

/*
floating clearer
*/
.cls {
	clear: both;
}

/*
columns: at max there are 4 columns! possible layouts:
|s in between = 1px
-----------------------------------------------------
| 248px    | 231px       | 230px        | 268px     |
-----------------------------------------------------
| mainleft | mainmidleft | mainmidright | mainright |
-----------------------------------------------------
| 248px    | 462px                      | 268px     |
----------------------------------------------------|
| mainleft | mainmiddle                 | mainright |
-----------------------------------------------------
| 248px    | 731px                                  |
----------------------------------------------------|
| mainleft | mainmain                               |
-----------------------------------------------------
*/
.mainleft,
.mainmidleft,
.mainmidright,
.mainright,
.mainmiddle,
.mainmain {
	float: left;
	width: 248px;
	margin-right: 1px;
}
.mainmidleft {
	width: 231px;
}
.mainmidright {
	width: 230px;
}
.mainright {
	width: 268px;
	margin: 0;
}
.mainmiddle {
	width: 462px;
}
.mainmain {
	width: 731px;
	margin: 0;
}
/*
headings
*/
.mc_headnormal .mainleft h2,
.mc_headnormal .mainmiddle h2,
.mc_headnormal .mainright h6,
.mc_headsmallspace .mainleft h2,
.mc_headsmallspace .mainmiddle h2,
.mc_headsmallspace .mainright h6,
.mc_headlinetwo .mainleft h2,
.mc_headlinetwo .mainmain h2 {
	padding: 1px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #8684a4;
}
.mc_headnormal .mainmiddle h2,
.mc_headnormal .mainright h6,
.mc_headsmallspace .mainmiddle h2,
.mc_headsmallspace .mainright h6,
.mc_headlinetwo .mainmain h2 {
	color: #858585;
}
.mc_headnormal .mainleft,
.mc_headnormal .mainmiddle,
.mc_headnormal .mainright,
.mc_headsmallspace .mainleft,
.mc_headsmallspace .mainmiddle,
.mc_headsmallspace .mainright,
.mc_headlinetwo .mainleft,
.mc_headlinetwo .mainmain {
	height: 16px;
	background: #f1f0ee;
	/*
	border-bottom: 10px solid #fff;
	*/
	margin-bottom:10px;
}
.mc_headnormal .mainleft h2,
.mc_headsmallspace .mainleft h2,
.mc_headlinetwo .mainleft h2 {
	/* text-transform: lowercase; */
}
/*
content padding
*/
.inner {
	padding: 10px 5px 0 10px;
}

/* -------------------------
MODIFIERS FOR DEFAULT STYLES
---------------------------*/
.mainleft .inner {
	padding-left: 28px;
}
.mainmain .inner,
.mainright .inner {
	padding-right: 28px;
}
.mainleft p {
	padding-bottom: 10px;
}
.mainmiddle h1 {
	color: #000;
}
.mainmiddle img.right {
	margin-left: 17px;
}
.mainmain blockquote {
	float: left;
	width: 450px;
}

/*
mc_headnormal (regular headings)
*/
.mc_headnormal .mainleft h2,
.mc_headsmallspace .mainleft h2,
.mc_headlinetwo .mainleft h2 {
	padding-left: 28px;
}
/*
mc_headsmallspace (headings with small spacing below on start page)
*/
.mc_headsmallspace .mainleft,
.mc_headsmallspace .mainmiddle,
.mc_headsmallspace .mainright {
	/*
	border-bottom: 1px solid #fff;
	*/
	margin-bottom: 10px;
}

.mc_headsmallspace .mainleft h2 {
	padding-left: 28px;
}	
/*
mc_middledark (3 spalten unabhängig nebeneinenader, mittlere grau)
*/
.mc_middledark .mainmiddle {
	background: #f1f0ee;
}
.mc_middledark .mainmiddle table {
	width: 442px;
}
.mc_middledark .mainmiddle table td {
	border-bottom: 1px solid #fff;
	padding: 10px;
}
#maincontent .mc_middledark .mainright .darkbullets {
	margin: -10px 0 0 -10px;
	padding: 10px;
}
/*
mc_oneright (two main columns)
*/
.mc_oneright .mainmain {
	background: #eeedeb;
	margin-top: 1px;
}
/*
mc_tworight (two main columns, right out of two dependent ones)
*/
.mc_tworight .tworight {
	float: left;
	background: transparent url(../gfx/maincontent_bg_3col.png) -249px top repeat;
}
/*
mc_threeright (two main columns, right out of three dependent ones)
*/
.mc_threeright .threeright {
	float: left;
	background: transparent url(../gfx/maincontent_bg_3right.png) left top repeat;
}
/*
mc_linetwo (one column/line, divided into two main columns)
*/
.mc_linetwo {
	width: 980px;
	background: transparent url(../gfx/maincontent_bg_2col.png) left top repeat;
	border-bottom: 10px solid #fff;
}
.mc_linetwo .leftimage {
	float: left;
	width: 211px;
	padding-right: 20px;
}
.mc_linetwo .customertext {
	/*
	float: left;
	width: 450px;
	*/
}

/*
mc_linethree (one column/line, divided into three main columns)
*/
.mc_linethree {
	width: 980px;
	background: transparent url(../gfx/maincontent_bg_3col.png) left top repeat;
	border-bottom: 10px solid #fff;
}
.mc_linethree .imagetable {
	height: 140px;
}
.mc_linethree .imagetable a,
.mc_linethree .imagetable img {
	float: left;
}
#maincontent .mc_linethree .imagetable img {
	margin-bottom: 0;
}
.mc_linethree td.row1 {
	height: 77px;
}
.mc_linethree td {
	padding-left: 20px;
}
.mc_linethree td.bigimage {
	padding: 0;
}