/* 19.04.2007 - fschneider@magix.net */
/* Layout home */

@import "mainmenu.css";

/* ##############################################################
   ALL
   ############################################################## */

body {
	margin:0;
	padding:0;
	background:url(img/silver_background.jpg) repeat-x #efefef;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#555045;
}

#main {
	margin:0 auto;
	padding:0; 
	width:961px;
	text-align:left;
}

#content {
	margin:0;
	padding:22px 11px 0 11px; 
	background-color:#f7f7f7;
	border-left:1px solid #9c9c9c;
	border-right:1px solid #9c9c9c;
	background:url(img/white.gif) repeat-x #f7f7f7;
	min-height:500px;
}

#content_Stage {
	margin:0;
	padding:0;
	min-height:500px;
	width:702px;
	float:left;
	overflow:hidden;
}

.clear {
	margin:0;
	padding:0;
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	overflow:hidden;
}

img, table, td, tr, p, span, div, h1, h2, h3, h4, li, ul {
	border:none;
	padding:0;
	margin:0;
}

a, a:link, a:visited, a:hover, a:active {
	color:#2496D5;
}

/* ##############################################################
   HEADER 
   ############################################################## */
   
#header {
	margin:0;
	padding:0; 
	height:128px;
}

#header h1 {
	margin: 10px 0 0 200px;
	padding: 35px 0 0 0;
	font-size: 12px;
}

#logo {
	margin:13px 0 13px 0;
	padding:0; 
	float:left;
}

#topmenu {
	margin:13px 11px 0 0;
	padding:0; 
	float:right;
}

#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
	margin:0 0 0 10px;
	padding:0;
	color:#555045;
	text-decoration:none;
}

#topmenu a:hover {
	text-decoration:none;
}

#topmenu div	{
	float:left;
	position:relative;
	z-index:96;
	list-style:none;
	padding-bottom:8px;	
}
/* ##############################################################
   LANGUAGES SELECT 
   ############################################################## */

#choosecountry	{
	vertical-align:middle;
	}
	
#choosecountry ul	{
	position:absolute;
	height:0;
	left:-1px;
	top:18px;
	z-index:96;
	visibility:hidden;
	background:#f7f7f7;
	width:140px;
	padding:0;
	margin:0;
	border:solid 1px #9c9c9c;
}

#choosecountry ul li	{
	z-index:96;
	height:18px;
	list-style:none;
	vertical-align:middle;
	margin:0;
	padding:1px 0;
}

#choosecountry ul li a	{
	display:block;
}

#choosecountry:hover ul	{
	visibility:visible;
	height:auto;
}

#choosecountry ul li:hover	{
	background:url(img/bg_choosecountry_active.gif) repeat-x;
}

#choosecountry img	{
	margin-right: 5px;
	vertical-align:middle;
}

/* ##############################################################
   LOGIN - LOGOUT
   ############################################################## */   
   
#login {
	margin:0 0 0 50px;
	padding:0;
}

/* ##############################################################
   LOGIN TYPO3 PLUGIN by PJ
   ############################################################## */   

.login-content form {
width:219px;
margin:0;
}

.login-content label {
padding:0 0 0 10px;
}

.login-content input {
height:20px; 
width:188px;
margin:0 0 10px 10px;
padding:2px 5px 0 5px;
border:1px solid #d2d2d2;
line-height:normal;
}

.border-top {
background:url(mgx_customerLogin/boxlogin_top.gif) no-repeat top left; 
width:221px;
height:9px;
line-height: normal;
font-size: 3px;
}

.border-bottom {
background:url(mgx_customerLogin/boxlogin_bottom.gif) no-repeat bottom left; 
height: 9px;
width:221px;
line-height: normal;
font-size: 3px;
}

.login-content h2 {
color:#555045;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
line-height:normal;
margin:0 0 0 10px;
}

.login-content {
background-color:#f3f2f2;
border-left:  1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
width: 219px;
line-height: normal;
}

.login-content a {
font-size:11px;
color:#3399cc;
padding:10px 0 0 10px;
}

.contentElement .login-content p {
padding:0 0 5px 10px;
}

input.login-button {
background-color:#f3f2f2;
margin:0 5px 10px 0;
height:18px;
width:78px;
border:none;
float:right;
}

.login-error {
width:170px;
margin:0 0 10px 10px;
color:#ff0000;
font-size: 11px;
}

.login-clean {
line-height:normal; 
font-size:3px; 
clear:both;
}
   
/* ##############################################################
   INDEX SEARCH FIELD
   ############################################################## */

#search {
	margin:0;
	padding:0; 
	float:right;
	height:38px;
	width:220px;
	background:url(img/menu_background.gif) repeat-x top left;
}

#searchinput{
	margin:10px 5px 0 0;
	padding:0;
	float:right;
	width:130px;
	height:16px;
	background-color:#EFF2F7;
	border-top:1px solid #000; 
	border-left:1px solid #000; 
	border-right:1px solid #fff; 
	border-bottom:1px solid #fff; 
}

#searchbutton {
	margin:0;
	padding:0; 
	float:right;
}

/* ##############################################################
   PAGE CONTENT
   ############################################################## */

#pageHeader {
	margin:0; 
	padding:0 0 42px 0;
	text-align:center;
}

#pageContent {
	margin:0 11px;
}

.contentElement {
	padding:0 0 25px 0;
}

.contentElement img, .contentElement p {
	padding:0 0 25px 0;
}

.contentElement h1, h1.mgxAwards	{
	padding:0 0 20px 0;
	font-size:25px;
	font-family:"Trebuchet MS", Helvetica;
	color:#F93D00;
	font-weight:normal;
	line-height:25px;
}

.contentElement h1 span { /* Style after a pipe. The "|" is manually set in TYPO3 BE field within the text. */
	font-weight:bold;
}

.contentElement h1.line { /* Style for specials (plugins) like downloadlist or index search pages. */
	padding:0;
	margin:0 0 40px 0;
	font-size:18px;
	font-weight:bold;
	color:#555045;
	background:url(img/line_divider.gif) bottom left repeat-x;
}

.contentElement h2 {
	padding:0 0 12px 0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#555045;
	font-weight:bold;
	line-height:16px;
}

ul {
	padding:0 0 25px 13px;
}

ol {
	padding:0 0 25px 21px;
}

p.note {
	font-size:10px;
}

/*  #######################################################
	TYPO3 Formulare
	######################################################*/

.csc-mailform {
	margin:0;
	padding:0;
	border:0;
}

.csc-mailform h2 {
	padding-top:25px;
}

.csc-mailform div {
	margin:0;
	padding:0 0 10px 0;
}

.csc-mailform div label {
	float:left;
	display:block;
	width:300px;
}


/*  #######################################################
	DIVIDER
	######################################################*/
	
.dividerLine	{
	background:url(img/line_divider.gif) center left repeat-x;
	height:2px;
	width:100%;
	padding:0;
	clear:both;
}

.dividerLineBefore{
	background:url(img/line_divider.gif) top left repeat-x;
	height:2px;
	width:100%;
	padding:0 0 25px 0;
	clear:both;
}

.csc-linkToTop {
	text-align:right;
	padding-bottom:3px !important;
	background:url(img/line_divider.gif) bottom left repeat-x;
	width:100%;
	clear:both;	
}

.csc-linkToTop a, .csc-linkToTop a:link, .csc-linkToTop a:visited, .csc-linkToTop a:hover, .csc-linkToTop a:active {
	color:#999;
	text-decoration:none;
}


/* ##############################################################
   LINK BUTTON
   ############################################################## */

.linkButton, .linkButtonInner, .linkButtonContent	{
	float:left;
	height:23px;
	width:auto;
}

.linkButton	{
	background:url(img/bg_link_button_left.gif) left top no-repeat;
	padding-left:8px;
	padding-bottom:25px;
	margin-top:-13px;
}

.linkButtonInner	{
	background:url(img/bg_link_button_right.gif) right top no-repeat;
	padding-right:8px;
}

.linkButtonContent	{
	background:url(img/bg_link_button_middle.gif) left top repeat-x;
}

.linkButtonContent a, .linkButtonContent a:link, .linkButtonContent a:hover, .linkButtonContent a:active, .linkButtonContent a:visited	{
	padding:3px 0 0 12px;
	background:url(img/link_red_arrow_left.gif) 0px 7px no-repeat;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	display:block;
}

.textpic-linkbutton {
	padding:0;
	margin:0;
}

/* ##############################################################
   CONTENT TEASER
   ############################################################## */

#stage {
	margin:0;
	padding:0;
	height:455px;
	overflow:hidden;
}

#teaser {
	margin:0 0 25px 0;
	padding:0; 
	overflow:hidden;
}

/* ######################################################################
   PROMOTION OBJECT ("Stage") + PRODUCT TEASER MODULES, OBJECTS + CONTENT
   ###################################################################### */

.stageObject, #stage_default, #stage_default object, #stage_default .csc-textpic-image {
	height:272px;
	overflow:hidden;
	border:0;
	margin:0;
	padding:0 !important;
}

.stageObject div {
	margin:0;
	padding:0;
	border:0;
}

#stagePointer {
	height: 34px;
	background: url(img/stagearrow.gif) no-repeat -1000px 0;
}

.productTeaserModule {
	overflow:hidden;
}

.productTeaserObject {
	padding:0 0 0 24px; 
	/*height:166px;*/
	width:205px; /* 229px without padding */
	float:left;
	overflow:hidden;
}

.productTeaserObject h1 {
	margin:5px 0 0 0;
	padding:0; 
	font-size:12px;
	line-height:normal;
}

.productTeaserObject img {
	padding:0; 
}
.productTeaserModule .contentElement {
	padding:0;
}

.productTeaserObject a, .productTeaserObject a:link, .productTeaserObject a:visited, .productTeaserObject a:hover, .productTeaserObject a:active {
	text-decoration:none;
}

#stage-linklayer_default {
	position:absolute;
	top:163px;

}

/**  relative Positionierung der Buehnen-Buttons */
#stage-linklayer_default a {
	position:relative;
	left:780px;
	top:0;
	z-index:6;
}

#stagelink-action_default input, a#stagelink-action_default {
	position:relative;
	top:183px;
	left:107px;
	z-index:6;
}

#stage-linklayer_one, #stage-linklayer_two, #stage-linklayer_thre, #stage-linklayer_four {
	display:none;
}

#stage-linklayer_default, #stagelink-action_default {
	height:0;
}
/**  relative Positionierung der Buehnen-Buttons ENDE **/

/* ##############################################################
   HOME TEASER MODULES, OBJECTS + CONTENT
   ############################################################## */

.homeTeaserModule {
	overflow:hidden;
}

.homeTeaserModule img {
	padding:0; 
}

.homeTeaserModuleFirstRow {
	overflow:hidden;
}

.homeTeaserModuleFirstRow img {
	padding:0; 
}

.homeTeaserDivider {
	width:7px;
	height:7px;
	float:left;
}

.homeTeaserObject_50 {
 	padding:0 5px; 
	/*height:284px;*/ 
	width:455px; /* 465px without padding */
	float:left;
	overflow:hidden;
}

.homeTeaserObject_25 {
 	padding:0 5px; 
	/*height:284px;*/
	width:219px; /* 229px without padding */
	float:left;
	overflow:hidden;
}

.homeTeaserModuleFirstRow h1 {
	margin:0 0 12px 5px;
	padding:0; 
	font-family:"Trebuchet MS", Helvetica;
	font-size:24px;
	line-height:normal;
	color:#F93D00;
}

.homeTeaserModuleFirstRow p {
	margin:0 0 0 7px;
	padding:0; 
	height:80px;
}

.homeTeaserModuleFirstRow p a, .homeTeaserModuleFirstRow p a:link, .homeTeaserModuleFirstRow p a:visited, .homeTeaserModuleFirstRow p a:hover, .homeTeaserModuleFirstRow p a:active {
	margin:0 0 0 10px;
	padding:0 0 0 7px;
	color:#1975D1;
	text-decoration:none;
	background:url(img/link_hometeaser.gif) 0px 5px no-repeat;
}

.homeTeaserModule h2 {
	margin:0 0 12px 5px;
	padding:0; 
	font-size:20px;
	font-family:"Trebuchet MS", Helvetica;
	line-height:normal;
	color:#555045;
}

.homeTeaserModule p {
	margin:0 0 10px 7px;
	padding:0; 
	height:100px;
}

.homeTeaserModule p a, .homeTeaserModule p a:link, .homeTeaserModule p a:visited, .homeTeaserModule p a:hover, .homeTeaserModule p a:active {
	margin:0 0 0 10px;
	padding:0 0 0 7px;
	color:#1975D1;
	text-decoration:none;
	background:url(img/link_hometeaser.gif) 0px 5px no-repeat;
}

/* ##############################################################
   FOOTER
   ############################################################## */

#bottom {
	margin:0;
	padding:0; 
	background-color:#f7f7f7;
}

#border-bottom {
	margin:0;
	padding:0;
	background:url(img/footer_border_2.jpg) repeat-x #e5e5e5;
	text-align:center;
}

#border-bottom-gfx {
	margin:0 auto;
	padding:0;
	height:2px;
	width:961px;
	background:url(img/footer_border.jpg) no-repeat #e5e5e5;
	overflow:hidden;
} 

#footer {
	margin:0 auto;
	padding:8px 11px 30px 11px; 
	width:937px;
	height:300px;
	border-left:1px solid #9c9c9c;
	border-right:1px solid #9c9c9c;
	background:url(img/footer_background.jpg) repeat-x #d0d0d0;
	text-align:left;
}

/* ##############################################################
   FOOTER TEASER MODULE, OBJECT + CONTENT
   ############################################################## */

.footerTeaserModule {
	overflow:hidden;
}

.footerTeaserObject {
	margin:0;
	padding:0 0 0 12px; 
	position:relative;
	top:10px;
	left:0;
	height:118px;
	width:217px; /*229px without padding */
	float:left;
	overflow:hidden;
}

.footerTeaserDivider {
	margin:0;
	padding:0; 
	height:128px;
	width:7px;
	background:url(img/footer_divider.jpg) no-repeat 50% 0%;
	float:left;
}

.footerTeaserObject h2 {
	margin:0 0 18px 0;
	padding:0; 
	font-size:12px;
}

.footerTeaserObject img {
	margin:3px 12px 0 0;
	padding:0;
	float:left;
}

.footerTeaserObject p {
	margin:0;
	padding:0; 
	width:140px;
	float:left;
	height:50px;
	overflow:hidden;
}

#bottom .footerTeaserObject a, #bottom .footerTeaserObject a:link, #bottom .footerTeaserObject a:visited, #bottom .footerTeaserObject a:hover, #bottom .footerTeaserObject a:active {
	color:#555045;
	text-decoration:none;
}

/* ############################################################## */

#footermenu {
	margin:0;
	padding:0; 
	width:700px;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#1975D1;
	text-decoration:none;
}

#footer a:hover {
	color:#1975D1;
	text-decoration:underline;
}

#footerlinks {
	margin:0 0 22px 0;
	padding:0;
	width:700px;
}

#copyright {
	margin:0;
	padding:0;
}

/* ##############################################################
   BOXES RIGHT COLUMN
   ############################################################## */

#boxColumn {
	padding:0 0 0 14px;
	width:221px;
	float:left;
	overflow:hidden;
}

/* ##############################################################
   BOX MENUE (GLOBAL & PRODUCT PAGES)
   ############################################################## */

#boxMenue {
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	width:221px;
	background:url(img/bg_boxmenue_top.gif) top left no-repeat;
}

#boxMenueInner {
	margin:0;
	padding:0 0 10px 0;
	width:221px;
	background:url(img/bg_boxmenue_bottom.gif) bottom left no-repeat;
}

#boxMenueContent {
	margin:0;
	padding:0;
	width:221px;
	background:url(img/bg_boxmenue_middle.gif) top left repeat-y;
}

#boxMenueContent_Stage {
	margin:0;
	padding:0px 5px 0 5px;
	overflow:hidden;
}

/* ##############################################################
   BOX GLOBAL MENUE FIRST LEVEL
   ############################################################## */

#globalMenue {
	margin:0;
	padding:0;
	list-style-type:none;
}

#globalMenue li {
	margin:0;
	padding:5px 0;
	background:url(img/line_boxmenue.gif) top left no-repeat;
}

#globalMenue li.active {
	font-weight:bold;
	color:#7b7b7b;
}

#globalMenue li.active span {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(img/link_boxmenue.gif) 0px 4px no-repeat;
}

#globalMenue .firstRow {
	background-image:none;
}

#globalMenue .firstRowActive {
	font-weight:bold;
	color:#7b7b7b;
	background-image:none;
}

#globalMenue .firstRowActive span {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(img/link_boxmenue.gif) 0px 4px no-repeat;
}

#globalMenue li a, #globalMenue li a:link, #globalMenue li a:visited, #globalMenue li a:active {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(img/link_boxmenue.gif) 0px 4px no-repeat;
	font-size:11px;
	font-weight:normal;
	color:#2496d5;
	text-decoration:none;
	display:block;
}

#globalMenue li a:hover {
	text-decoration:underline;
}

#globalMenue li a strong {
	color:#f00001;
}

/* ##############################################################
   BOX GLOBAL MENUE SECOND LEVEL
   ############################################################## */

#globalMenue li ul {
	margin:0;
	padding:0;
}

#globalMenue li ul li {
	margin:0;
	padding:0 0 0 30px;
	background-image:none;
}

#globalMenue li ul li a, #globalMenue li ul li a:link, #globalMenue li ul li a:visited, #globalMenue li ul li a:active, #globalMenue li ul li a:hover {
	margin:0;
	padding:0;
	color:#999;
	background-image:none;
}

#globalMenue li ul li a strong {
	color:#999;
}

/* ##############################################################
   TEASER BOX (WHITE)
   ############################################################## */

.boxTeaser {
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	width:221px;
	background:url(img/bg_boxwhite_top.gif) top left no-repeat;;
}

.boxTeaserInner {
	margin:0;
	padding:0 0 10px 0;
	width:221px;
	background:url(img/bg_boxwhite_bottom.gif) bottom left no-repeat;
}

.boxTeaserContent {
	margin:0;
	padding:0;
	width:221px;
	background:url(img/bg_boxwhite_middle.gif) top left repeat-y;
	overflow:hidden;
}

.boxTeaserContent p, .boxTeaserContent span, .boxTeaserContent div	{
	margin-top:0;
}

/*	#################################################################
	TEASER
	#################################################################	*/

.boxTeaser_Global {
	margin:0;
	padding:0 5px;
	width:211px;
}

.boxTeaser_Global h2 {
	margin:0 0 20px 0;
	padding:0 7px;
	height:22px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color:#0099C9;
	background:url(img/bg_teaser_header.gif) top left repeat-x;
}

.boxTeaser_Global div a, .boxTeaser_Global div a:link, .boxTeaser_Global div a:visited, .boxTeaser_Global div a:hover, .boxTeaser_Global div a:active {
	margin:0;
	padding:0 7px;
	text-align:center;
	background-image:none;
}

.boxTeaser_Global img {
	margin:0 0 5px 0;
	padding:0;
}

.boxTeaser_Global div {
	margin:0;
	padding:0 7px;
	font-size:11px;
	font-weight:bold;
	color:#666;
}

.boxTeaser_Global p {
	margin:0;
	padding:0 7px;
	font-size:11px;
	color:#999;
}

.boxTeaser_Global p a, .boxTeaser_Global p a:link, .boxTeaser_Global p a:visited, .boxTeaser_Global p a:hover, .boxTeaser_Global p a:active {
	margin:0;
	padding:5px 0 0 12px;
	background:url(img/link_boxmenue.gif) 0px 9px no-repeat;
	font-size:11px;
	font-weight:normal;
	color:#009ACD;
	text-decoration:none;
	display:block;
}

/* ##############################################################
   RE-FORMATTING: TYPO3 PAGECONTENT TEXT/IMAGE!
   ############################################################## */

.csc-textpic-image, .csc-textpic-imagewrap, .csc-textpic img {
	padding:0 !important;
	margin:0 !important;
}

.csc-textpic .imageborder {
	padding:0;
	margin:0 auto;
}

.csc-textpic-image {
	text-align: center;
	padding-bottom:25px !important;
	padding-top:4px !important
}

.csc-textpic-above .imageborder {
   float: left;
}

.csc-textpic img {
	border:0 !important;
}

.csc-textpic-intext-right-nowrap .csc-textpic-text {
	width:327px;
	float:left;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
	width:327px;
	float:right; 
}

.csc-textpic-intext-right-nowrap .csc-textpic-image, .csc-textpic-intext-left-nowrap .csc-textpic-image {
	width:327px;
}

.csc-textpic-intext-right .csc-textpicHeader, .csc-textpic-intext-right-nowrap .csc-textpicHeader {
	padding-right:353px;
}

.csc-textpic-intext-left .csc-textpicHeader, .csc-textpic-intext-left-nowrap .csc-textpicHeader {
	padding-left:353px;
}

.csc-textpic-intext-right .csc-textpic-image  {
	width:327px;
	padding-left:26px !important;
}

.csc-textpic-intext-left .csc-textpic-image {
	width:327px;
	padding-right:26px !important;
}

.csc-textpic-left p, .csc-textpic-left ul, .csc-textpic-left ol {
	clear:both;
}

/* ##############################################################
   LINK LISTE
   ############################################################## */

.linkList {
	margin:0;
	padding:0 5px;
	width:211px;
}

.linkList h2 {
	margin:8px 0 10px 0;
	padding:0 7px;
	font-size:16px;
	font-family:"Trebuchet MS",Helvetica;
	font-weight:bold;
	color:#666;
}

.linkList ul {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
}

.linkList ul li {
	margin:0;
	padding:3px 0;
}

.linkList ul li a, .linkList ul li a:link, .linkList ul li a:visited, .linkList ul li a:active {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(img/link_listmenue_.gif) 0px 4px no-repeat;
	font-size:11px;
	font-weight:normal;
	color:#999;
	text-decoration:none;
	display:block;
}

.linkList ul li a:hover {
	text-decoration:underline;
}

/* ###############################################################
	LAYOUT TABLES
	###############################################################*/

.contenttable-0,
.contenttable-1,
.contenttable-2 {
	width:530px;
	margin: 25px auto 25px;
	text-align:left;
	border: 0;
	border-spacing:0;
}


.contenttable-3 {
	width:530px;
	margin:25px 0 50px 25px;
	text-align:center;
	border: 0;
	border-spacing:0;
}

.roundCornerGray_topL	{
	background:url(img/table_greyCornerRound_topLi.gif) top left no-repeat;
	height:8px;
	padding:0 0 0 8px;
}

.contentTable_ObjectTop	{
	border-top:solid 1px #ccc;
	height:8px;
	background-color:#fff;
}

.roundCornerGray_topR	{
	background:url(img/table_greyCornerRound_topRi.gif) top right no-repeat;
	height:8px;
	padding:0 8px 0 0;
}

.roundCornerGray_bottomL	{
	background:url(img/table_greyCornerRound_botLi.gif) top left no-repeat;
	height:8px;
	padding:0 0 0 8px;
}

.contentTable_ObjectBottom	{
	border-bottom:solid 1px #ccc;
	height:7px;
	background-color:#fff;
}

.roundCornerGray_bottomR	{
	background:url(img/table_greyCornerRound_botRi.gif) top right no-repeat;
	height:8px;
	padding:0 8px 0 0;
}

.contentTable_ObjectSpace	{
	padding:0 8px;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	background-color:#fff;
}

.contentTable_ObjectSpace table	{
	width:100%;
	margin:0;
	border-spacing:0;
}

.contenttable-0 table tr.tr-even,
.contenttable-1 table tr.tr-even,
.contenttable-2 table tr.tr-odd,
.contenttable-3 table tr.tr-even	{
	background-color:#eee;
	border-spacing:0;
}

.contenttable-0 table tr.tr-odd,
.contenttable-1 table tr.tr-odd,
.contenttable-2 table tr.tr-even,
.contenttable-3 table tr.tr-odd {
	background-color:#f3f3f3;
	border-spacing:0;
}

.contenttable-0 td.td-0 th,
.contenttable-1 td.td-0 th {
	background:#000000;
	border-spacing:0;
}

.contenttable-0 tr.tr-0 th,
.contenttable-0 .td-0 th,
.contenttable-1 tr.tr-0 th,
.contenttable-1 .td-0 th,
.contenttable-3 .tr-0 th,
.contenttable-3 .td-0 th {
	font-weight:bold;
	padding: 12px 10px;
	background-color:#fbfbfb;
	border-spacing:0;
}

.contenttable-2 th  {
	font-weight:bold;
	padding: 10px 5px;
	text-align:left;
	border-spacing:0;
}

.contenttable-0 td, .contenttable-0 th,
.contenttable-1 td, .contenttable-1 th,
.contenttable-2 td, .contenttable-2 th,
.contenttable-3 td, .contenttable-3 th {
	padding:5px 10px;
	border-left:solid 1px #ccc;
	vertical-align:top;
	border-spacing:0;
}

.contenttable-0 .td-0,
.contenttable-1 .td-0	{
	border:none;
	text-align:left;
	border-spacing:0;
}


.contenttable-2 .td-0 {
	border:none;
	width:33%;
	/*font-weight:bold;*/
	border-spacing:0;
}

.contenttable-3 .td-0 {
	border:none;
	text-align:left;
	width:45%;
	white-space:nowrap;
	border-spacing:0;
}		

/* ###############################################################
	2 COLUMN GRID
	###############################################################*/

/*## ©FabianHornung ##*/
.contentGrid-TwoColumns-left {
   float:left;
   width:327px;
}

/*## ©FabianHornung ##*/
.contentGrid-TwoColumns-right {
   float:right;
   width:327px;
}

/* ###############################################################
	MENU SUBPAGES
	###############################################################*/

.contentElement .menuSubpages {
	list-style-type:none;
	padding:0 0 25px 0;
}

/* ###############################################################
	LIST DEMO DOWNLOADS
	###############################################################*/

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

#downloadList ul li {
	position:relative;
	margin:0;
	padding:16px 0;
	list-style-image:none;
	background:url(img/line_divider.gif) bottom left repeat-x;
}

#downloadList a, #downloadList a:link, #downloadList a:hover, #downloadList a:visited {
	padding:0 0 3px 0;
	text-decoration:none;
	color: #564F45;
	display:block;
}

#downloadList span.downloadTitle {
	padding:3px 0 0 0;
	margin:0 5px 0 0;
	font-family:"Trebuchet MS", Helvetica;
	font-size:18px;
	font-weight:bold;
	color:#666;
}

#downloadList span.downloadTitle span { /* Style after a pipe. The "|" is manually set in TYPO3 BE field within the text. */
	font-weight:normal;
}

#downloadList .downloadDetails {
	padding:7px 0 0 0;
	font-family:"Trebuchet MS", Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#ccc;
}

#downloadList .downloadLink {
	position:absolute;
	right:0px;
	font-family:"Trebuchet MS", Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#666;
}

#downloadList .downloadLink img {
	padding:0;
	margin:0 0 0 20px;
	vertical-align:middle;
}

/* Awards */

.mgxYearMenu {
	float:right;
	margin-right:190px;
	margin-bottom:30px;
	background: #fff url(img/dropdownarrow.gif) no-repeat 127px center;
	border: 1px solid #D3D3D3;
	list-style-type:none;
	z-index:9;
	position:relative;
	padding:0;
	display:block;
}

.mgxYearMenu li ul {
	position:absolute;
	visibility:hidden;
	list-style:none;
	height:auto;
	left:-1px;
	margin:0;
	padding:1px 0 0;
	display:block;
	border:1px solid #D3D3D3;
	border-width:0 1px 0;
}

.mgxYearMenu li:hover ul,
.mgxYearMenu a:hover ul {
	visibility:visible;
	height:auto;
}


.mgxYearMenu li li {
	border-bottom:1px solid #D3D3D3;
	position:relative;
}

.mgxYearMenu a, .mgxYearMenu a:link, .mgxYearMenu a:visited, .mgxYearMenu a:active, .mgxYearMenu a:hover {
	color: #545045;
	text-decoration:none;
	position:relative;
	display:block;
	text-align:center;
	padding:6px 0;
	width:148px;
	margin:0;
}

.mgxYearMenu li li a,
.mgxYearMenu li li {
	background:#fff;	
}
.mgxYearMenu ul li a:hover {
	background: #F3F2F2;
}


/* ###############################################################
	LIST INDEX SEARCH
	###############################################################*/

#indexsearchResult {

}

/* ###############################################################
	LAYOUT POPUPS - sschroederqmagix.net
	###############################################################*/

#popupHeader {
	height:80px;
	background:#f7f7f7 URL('img/line_divider.gif') 0px 45px repeat-x;
	margin:0;
	padding:0;
	text-align: left;	
}


#popupHeader a, #popupHeader a:visited, #popupHeader a:active, #popupHeader a:hover, #popupHeader a:link {
	background:URL('img/close.gif') right no-repeat;
	font-family:'Trebuchet MS',Helvetica;
	font-size:11px;
	color: #999999;
	text-decoration:none;
	float:right;
	padding: 0 17px 0 0;
	margin: 18px 20px 0 0;
	vertical-align: top;
}

#popupHeader h1 {
	padding: 15px 0 0 25px;
	text-align:left;
	font-family:'Trebuchet MS', Helvetica;
	font-size:16px;
	color:#999;
	font-weight:bold;
}

#popupInner {
	background:#f7f7f7;
	padding:10px 40px 0px;
	clear:both;
	text-align: left;
}

/* ###############################################################
	LAYOUT NEWS - LATEST VIEW
	###############################################################*/

.news-latest-container {
	padding:0 12px;
}

.news-latest-container h2 {
	padding:15px 0 0 0;
	font-weight:bold;
}

.news-latest-item {
	padding:10px 0 15px 0;
	background:url(img/line_divider.gif) bottom left repeat-x;
}

.news-latest-item h3 a, .news-latest-item h3 a:visited, .news-latest-item h3 a:active, .news-latest-item h3 a:hover, .news-latest-item h3 a:link {
	padding:0 0 0 9px;
	background:url(img/link_listmenue_.gif) 0px 5px no-repeat;
	text-decoration:none;
	color:#999;
	font-size:11px;
	display:block;
}

.news-latest-item p {
	padding:0 9px;
	color:#999;
	font-size:11px;
}

.news-latest-item p a {
	padding:0 0 0 7px;
	margin:0 0 0 5px;
	background:url(img/link_hometeaser.gif) 0px 5px no-repeat;
	text-decoration:none;
}

/* ------- LIST VIEW ------- */

.news-list-item {
	padding:0 0 15px 0;
}

.news-list-title {
	font-weight:bold;
}

.news-list-date {
	font-size:11px;
}

.news-list-item a, .news-list-item a:visited, .news-list-item a:active, .news-list-item a:hover, .news-list-item a:link {
	text-decoration:none;
	color:#555045;
	font-size:11px;
	font-weight:normal;
	display:block;
}

/* ------- SINGLE VIEW ------- */

.news-single-item h3 {
	padding:0 0 8px 0;
	font-size:11px;
	color:#555045;
}

.news-single-backlink {
	padding:35px 0 0 0;
}

 .news-single-files a {
         display:block;
         padding-bottom:10px;
 }
 .news-single-files img {
         padding:10px 0 0;
 }
 .news-single-files dd {
         padding:0 30px 40px 0;
         float:left;
 }

.basketsignal {
	background:#FFE373;
}

/***** MAGIX PARTNERWELT CSS ********/
#xara-external #content {
	border: none;
       background: transparent url(img/blau_oben.jpg) no-repeat 0 0;
	width: auto;
	padding-bottom: 20px;
	min-height:300px;
}
#xara-external {
	background: #206CAA url(img/blau_unten.jpg) no-repeat bottom center;
	width: 718px;
	margin: 20px auto;
}

#xara-external p, #xara-external h1, #xara-external h2 {
	color: white;
}

#xara-external a, #xara-external a:link, #xara-external a:visited, #xara-external a:active {
	color: #CDE2F4;
}

.startlogin {
	background: url(img/grau_oben.jpg) no-repeat top left;
	margin: 0;
	padding: 25px 0 0 0;
	width: 375px;
	float: right;
}
.startlogin-inner {
	background: #EDECF1 url(img/grau_unten.jpg) no-repeat bottom left;
	margin: 0;
	padding: 0 20px 20px 20px;
}

.startlogin form input, .register input {
	width: 290px;
	padding: 5px 3px;
	background: white;
	border: 1px solid #D2D2D2;
}

.startlogin form input.submit {
	margin: 16px 90px 4px 0;
	padding: 0;
	border: none;
	width: 109px;
	height: 28px;
	float: right;
}

a#regbutton {
	background: url(img/neuanmelden.gif) no-repeat;
	display: block;
	width: 109px;
	height: 28px;
}

#xara-external .startlogin a, #xara-external .startlogin a:link, #xara-external .startlogin a:visited, #xara-external .startlogin a:active {
	color: #359BCC;
}

#xara-external .contentElement form p.csc-form-label {
	margin: 0;
	padding: 0;
}

#xara-external .startlogin p, #xara-external .startlogin h2, #xara-external .register p, #xara-external .register h2 {
	color: #333;
}

#xara-external .contentElement form img, #xara-external .contentElement form p {
	padding: 5px 0 0 0;
}

.register {
	background: url(img/grau_oben.jpg) no-repeat top left;
	margin: 0;
	padding: 25px 0 0 0;
	width: 375px;
}
.register-inner {
	background: #EDECF1 url(img/grau_unten.jpg) no-repeat bottom left;
	margin: 0;
	padding: 0 20px 20px 20px;
}

.register input.inputsmall {
	width: 78px;
}
.register input.inputmid {
	width: 200px;
}
.register input.reg-submit {
	width: auto;
	background: url(img/buttonblank.gif) no-repeat;
	width: 109px;
	border: none;
	color: #333;
	font-weight: bold;
}
.register .form-radio {
	width: auto;
	height: auto;
	margin: 2px 2px 2px;
}
.register p.radio-line {
	margin-bottom: 1px;
}
.register p.radio-line label {
	padding-bottom: 3px;
}

#topmenu div	{
	float:left;
	position:relative;
	z-index:96;
	list-style:none;
	padding-bottom:2px;	
}