/* Maguma CSS */

	body {
			background-color: #859CB0;
			padding: 0;
			margin: 0;
			font: 10.5pt Verdana, Arial, Helvetica, sans-serif;
			color: #333;
			text-align: center;
			voice-family: "\"}\""; 
            voice-family:inherit;
		    text-align: left;
		}
		
		html>body {
			text-align: left;
			}

             div.frontpage-graphic {
                        background: url(/fileadmin/template/images/havefun2.jpg) no-repeat 0 0;
                         width: 580px;
                        height: 578px;
                        position: absolute;
                        color: #fff;
						top: 166px;
				        left: 10px;
						z-index: -1;
             }
			 
			 div#ufoDemo {
				 z-index: -1000;
				 }


              span.box-shield {
                        display: inline-block;
                        width: 140px;
                        height: 140px;
                        margin-left: 100px;
              }


             div.wkb-box {
                        position: absolute;
                        top: 40px;
                        left: 8px;
                        width: 255px;
             }

             div.os-box {
                        position: absolute;
                        top: 333px;
                        left: 302px;
                        width: 250px;
             }

             div.studio-box {
                        position: absolute;
                        left: 8px;
                        top: 333px;
                        width: 255px;
             }

              div.left-content img.imgBorder {
              border: 4px solid #93A971;
              } 

              p, span.datenews, span#newstitle  {
                 font-size: 80%;
              }

              a {
                 color: #777;
              }
			  
			  
			  a:hover, a:active {
				  color: #000;
				  }
 

              div#left a {
                 color: #777;
              }
		
		
              span.quote-p {
		color: #777;
		font-size: 150%;
		line-height: 120%;
		}
		

                       
			h1, h1.gray {
				font-size: 130%;
				font-weight: normal;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				padding: 2px 0 3px 0;
				}

                        h2.gray {
				font-size: 100%;
				font-weight: normal;
				padding: 2px 0 3px 0;
				}
				
			h1.blue {
				font-size: 130%;
				font-weight: normal;
				color: #657C90;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				padding: 2px 0 3px 0;
				}
                       
                       h2.blue {
				font-size: 100%;
				font-weight: normal;
				color: #657C90;
				padding: 2px 0 3px 0;
				}
				
			h1.red {
				font-size: 130%;
				font-weight: normal;
				color: #AB541C;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				padding: 2px 0 3px 0;
				}

                        h2.red {
				font-size: 100%;
				font-weight: normal;
				color: #AB541C;
				padding: 2px 0 3px 0;
				}
				
			h1.green {
				font-size: 130%;
				font-weight: normal;
				color: #93A971;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				padding: 2px 0 3px 0;
				}
                        
                       h2.green {
				font-size: 100%;
				font-weight: normal;
				color: #93A971;
				padding: 2px 0 3px 0;
				}

                       h5 {
                             font-size: 90%;
                             font-weight: normal;
                             padding: 1px 0;
                             margin: 1px 0;
                            }

                         h5 a:link, h5 a:visited {
                             text-decoration: none;
                             color: #333;
			     font-family: "Century Gothic", Arial, sans-serif;
                            }

                         h3 {
				font-size: 130%;
				font-weight: normal;
				color: #657C90;
				border-bottom: 1px solid #ccc;
				padding: 2px 0 3px 0;
				}

                         h3 a {
                            text-decoration: none;
                            font-family: "Century Gothic", Arial, sans-serif;
                         }

                          div.title {
                                font-size: 110%;
				font-weight: normal;
				color: #AB541C;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				padding: 5px 0 3px 0;
                                clear: both;
                            }
		
	div#white-background {
			background: #fff url(/fileadmin/template/images/wiz_bar.gif) repeat-x 0 127px;
			width: 100%;
			min-height: 600px;
		}
		
	div#container, div#footer {
		position:relative;
		z-index: 0;
		width: 800px;
		margin: 0 auto;
		text-align: left;
			}

        * html div#container, div#footer {
		width: 810px;
			}
			
	div#container {
/*		background: url(/fileadmin/template/images/menu_bar.gif) repeat-x 0 127px;*/
		}
	div#head-logo {
		float: left;
		height: 132px;
		width: 115px;
		}
		
	div#head-slogan {
		float: right;
		height: 132px;
		width: 214px;
		}
		
	div#top-menu {
		height: 14px;
		color: #fff;
		text-align: left; /* Changed from center */
		clear: both;
		font-size: 90%;
		width: 800px;
		padding:0;
		margin: 0;
		z-index: 10;
		}
		
	html>body div#top-menu {
		padding:0 0 3px 0;
		}
		
		ul#main-menu {
			padding: 1px 0;
			margin: 0;
			list-style: none;
			}
			
		html>body ul#main-menu {
			padding: 3px 0;
			}

	div#left {
		float: left;
		width: 170px;
		}
		
	div#main {
		float: left;
		width: 424px;
		}
	  
		
		div#footer li, ul#main-menu li, ul#main-menu li.selected  {
				display: inline;
				position: relative;
				padding: 4px 0;
				margin: 0;
				z-index: 15;
				}
				
				ul#main-menu li ul, ul#main-menu li.selected ul {
					display: none;
					position: absolute;
					list-style: none;
					padding: 0 0 8px 0;
					margin: 0;
					top: 20px;
					left: 0;
					width: 126px;
					background-color:#3F3F3F;
					font-size: 90%;
					}
					
				html>body ul#main-menu li ul, ul#main-menu li.selected ul {
					top: 18px;
					}
					
				@media all and (min-width: 0px) {
		ul#main-menu li ul, ul#main-menu li.selected ul {
		left: -100px;
		 }
		}
					
				ul#main-menu li ul, ul#main-menu li.selected ul {
					background: transparent url(/fileadmin/template/images/gray_trans.png) repeat top left;
					}
					
					
				ul#main-menu li:hover ul, ul#main-menu li:hover.selected ul, ul#main-menu li.over ul {
					display: block;
					text-align: left;
					}
				
				/*
				ul#main-menu li.over ul div{
					top: 1em;
					} */
				
				ul#main-menu li ul li, ul#main-menu li.selected ul li {
					text-align: left;
					padding: 0;
					margin: 0;
					}
					
				ul#main-menu li ul li a:link, ul#main-menu li ul li a:visited, ul#main-menu li.selected ul li a:link, ul#main-menu li.selected ul li a:visited {
					display: block;
					padding: 0 8px;
					margin: 0;
					}
					
				ul#main-menu li.selected ul li a:link, ul#main-menu li.selected ul li a:visited {
					color: #fff;
					}
					
								
				/* Sometimes you can't do everything ---- thanks Microsoft! 			
				ul#main-menu li ul li div.bottom, ul#main-menu li.selected ul li div.bottom {
					background: url(/fileadmin/template/images/bottom.gif) no-repeat top left;
					position: absolute;
					width: 126px;
					height: 12px;
					bottom: -6px;
					left: 0;
					}

					
				html>body ul#main-menu li ul li div.bottom, ul#main-menu li.selected ul li div.bottom {
					background: transparent url(/fileadmin/template/images/bottom_trans.png) no-repeat bottom left;
					z-index: 1000;
					position: absolute;
					width: 126px;
					height: 12px;
					bottom: 0;
					left: 0;
					padding-top: 1px;
					}
					
				*/
					
				ul#main-menu li a:link, ul#main-menu li a:visited, ul#main-menu li.selected a:hover, ul#main-menu li.selected a:active, ul#main-menu li div a:link, ul#main-menu li div a:visited, ul#main-menu li.selected div a:hover, ul#main-menu li.selected div a:active  {
				color: #fff;
				text-decoration: none;
				}
				
				ul#main-menu li a:hover, ul#main-menu li a:active, ul#main-menu li.selected a:link, ul#main-menu li.selected a:visited {
				color: #AB541C;
				text-decoration: none;
				}
				
	div#footer {
		font-size: 75%;
		color: #fff;
		}
		
	div.hfp-foot {
		width: 554px;
		float: left;
		}
		
	div.footer-ad {
		float: left;
		width: 236px;
		text-align: center;
		padding: 5px 0;
		}
		
	div#footer p {
		padding: 0 5px;
		margin: 0;
		}
		
		 div#footer ul {
			padding: 0 5px;
			margin: 0;
			list-style: none;
			}
		
				div#footer li a:link, div#footer li a:visited {
				color: #fff;
				text-decoration: none;
				}
				
				div#footer li a:hover, div#footer li a:active {
				color: #000;
				text-decoration: none;
				}
				
	div#columns {
		margin-top: 11px;
		background-color: #fff;
		}
		
	@media all and (min-width: 0px) {
		div#columns {
		margin-top: 0;
		 }
		}
		
	div#right {
		float: right;
		width: 200px;
		}
		
	div.search {
		background: url(/fileadmin/template/images/searchwiz.gif) no-repeat top left;
		width: 200px;
		height: 59px;
		}
		
		form.search-box {
			padding: 9px 0;
			}
			
			input.search-field {
				border: 0;
				height: 14px;
				width: 110px;
				padding: 2px 4px;
				margin: 6px 0 0 8px;
				float: left;
				color: #333;
				font-size: 80%;
				}
			
			input.search-submit {
				width: 51px;
				height: 18px;
				margin: 6px 0 0 3px;
				/* background: url(/fileadmin/template/images/submit_blue.gif) no-repeat 0 0; */
				background-color: #333;
				padding: 0 4px;
				color: #fff;
				font: 70% Arial, Helvetica, sans-serif;
				text-align: center;
				border: 1px solid #fff;
				float: left;
				}
				
			    html>body input.search-submit {
				padding: 2px 4px;
				height: 19px;
				/* background: url(/fileadmin/template/images/submit_blue.gif) no-repeat 0 1px; */
				}
					
	div.login-box {
		background: #B3C991 url(/fileadmin/template/images/login_box_top2.gif) no-repeat top left;
		width: 200px;
		}
		
	div.login-box-bottom {
		background: #B3C991 url(/fileadmin/template/images/login_box_bottom2.gif) no-repeat bottom left;
		width: 200px;
		height: 10px;
                margin-bottom: 10px;
		}
		
	div.forgot-password, div.register {
		padding: 2px 8px;
		font-size: 70%;
		clear: both;
		}
		
	div.forgot-password a, div.register a {
		color: #333;
		font-weight: bold;
		text-decoration: none;
		}
		
	div.forgot-password a:hover, div.register a:active, div.forgot-password a:active, div.register a:hover {
		text-decoration: underline;
		}
		
			form.site-login {
			padding: 4px 0;
			font-size: 85%;
			margin: 0;
			}
			
			* html form.site-login {
			padding: 4px 0 0 0;
			}
			
			form.site-login p {
				margin: 2px 0 0 8px;
				padding: 0;
				clear: left;
				}
				
			* html form.site-login p {
				margin: 0 0 0 8px;
				}
				
				input.user-field, input.pass-field {
				border: 0;
				height: 14px;
				padding: 2px 4px;
				margin: 2px 0 0 8px;
				color: #333;
				font-size: 90%;
				width: 110px;
				float: left;
				}
				
				input.login-submit {
				width: 51px;
				height: 18px;
				margin: 2px 0 0 3px;
				/* background: url(/fileadmin/template/images/submit_green.gif) no-repeat 0 0; */
				background-color: #333;
				padding: 0 4px;
				color: #fff;
				font: 80% Arial, Helvetica, sans-serif;
				text-align: center;
				border: 1px solid #fff;
				float: left;
				}
				
				html>body input.login-submit {
				padding: 2px 4px;
				height: 19px;
				/* background: url(/fileadmin/template/images/submit_green.gif) no-repeat 0 1px; */
				}
	
	div.break {
		width: 100%;
		height: 1px;
		clear: both;
		}

/*-----------------------------------------Text with image block----------------------------------------*/

div.product {
   display: block;
   width: 100%;
}

div.left-img {
   float: left;
   width: 117px;
   margin-top: 5px;
   text-align: right;
}
div.right-text {
   float: left;
}
/* default styles for extension "tx_indexedsearch" */
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
	.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
	.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background-color: #fff; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; padding: 3px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color: #AB541C; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#fff; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color: #fff; font-size: 120%; margin-top:0px; margin-bottom:0px; padding: 0 10px 10px 10px; border-bottom: 1px solid #93A971; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 a:link, .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 a:visited { text-decoration: none; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {background-color: #fff; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
	.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #454545; }

 div.wkb-box a:link, div.wkb-box a:visited {
                       font-weight: bold;
                        color: #fff;
                        text-decoration: none;
             }

                div.wkb-box a:hover, div.wkb-box a:active {
                        text-decoration: underline;
             }
			 
span.news-latest-date {
	padding: 5px 0 0 0;
	}

span.news-latest-date a:link, span.news-latest-date a:visited, div.news-single-timedata, span.news-list-date {
font-size: 70%;
font-weight: bold;
text-decoration: none;
}

div.archive_date a {
	color: #AB541C;
}

div.news-latest-container h1, div.right-content h1 {
	font-size: 120%;
	}

div.news-list-item p.headline {
font-size: 90%;
padding: 3px 0 0 0;
margin: 0;
}

div.news-single-backlink {
	float: left;
	}
	
div.see-latest {
	float: left;
	margin-left: 20px;
	}
	
div.see-latest a:link, div.see-latest a:visited {
	display: block;
	background-color: #859cb0;
	padding: 3px;
	color: #fff;
	border: 0;
	text-decoration: none;
	width: 7em;
	text-align: center;
	}
	
div.see-latest a:hover, div.see-latest a:active {
	background-color: #758ca0;
	}

div.news-single-backlink a:link, div.news-single-backlink a:visited {
	display: block;
	background-color: #fff;
	padding: 3px;
	color: #3f3f3f;
	border: 1px solid #3f3f3f;
	text-decoration: none;
	width: 7em;
	text-align: center;
	}
	
div.news-single-backlink a:hover, div.news-single-backlink a:active {
	background-color: #eeeeee;
	}

span.news-latest-date a:link, span.news-latest-date a:visited, div.news-single-item h1 a:link, div.news-single-item h1 a:visited, div.news-list-item p.headline a:link, div.news-list-item p.headline a:visited {
color: #777;
text-decoration: none;
}

span.news-latest-date a:hover, span.news-latest-date a:active, div.news-single-item h1 a:hover, div.news-single-item h1 a:active, div.news-list-item p.headline a:hover, div.news-list-item p.headline a:active, div.news-list-morelink a:hover, div.news-list-morelink a:active {
color: #000;
text-decoration: underline;
}

hr.clearer {
background-color: #fff;
border: 1px solid #fff;
}

div.news-latest-morelink, div.news-single-item h1 a  {
font-size: 80%;
}

div.news-latest-gotoarchive, div.news-list-morelink {
font-size: 80%;
}

div.news-list-morelink {
	padding: 0;
	margin: 7px 0 3px 0;
	}

input.blue {
padding: 2px;
background-color: #859CB0;
color: #fff;
border: 0;
margin: 0;
	}


div.main-content h1 {
                    clear: both;
                    }

div.main-content {
                    padding: 10px 7px 20px 7px;
                    font-size: 90%;
		    line-height: 150%;
                    }
                    }
		
				div.main-content ul, div.right-content ul {
			padding-left: 4px;
			margin-left: 24px;
			list-style: url(/fileadmin/template/images/bullet_red.gif);
			}
			
				div.main-content li {
			    color: #777;
                            font-size: 90%;
			    }

                            div.right-content li {
			    color: #777;
			    font-size: 80%;
                            padding: 5px 0;
			    }
				
				div.main-content li a:link, div.main-content li a:visited, div.right-content a:link, div.right-content a:visited {
			    color: #777;
				text-decoration: none;
			    }
				
				div.main-content li a:hover, div.main-content li a:active, div.right-content a:hover, div.right-content a:active {
			    color: #000;
				text-decoration: underline;
			    }


 div.frontpage-graphic div.wkb-box p a:link, div.frontpage-graphic div.wkb-box p a:visited, div.frontpage-graphic p a:link, div.frontpage-graphic p a:visited {
                       font-weight: bold;
                        color: #fff;
                        text-decoration: none;
             }

                div.frontpage-graphic a:hover, div.frontpage-graphic a:active {
                        text-decoration: underline;
             }


	div.left-content, div.main-content {
		padding: 10px 7px;
		font-size: 90%;
		line-height: 150%;
		}
		
		div.left-content ul, div.main-content ul {
			padding-left: 2px;
			margin-left: 16px;
			list-style: url(/fileadmin/template/images/bullet_red.gif);
			}
			
				div.left-content li {
				color: #777;
				font-size: 90%;
			    }
				
				div.left-content li a:link, div.left-content li a:visited, div.right-content li a:link, div.right-content li a:visited {
			    color: #777;
				text-decoration: none;
			    }
				
				div.left-content li a:hover, div.left-content li a:active, div.right-content li a:hover, div.right-content li a:active {
			    color: #000;
				text-decoration: underline;
			    }
				
	div.column-fp {
		width: 160px;
		display: block;
		float: left;
		padding-right: 30px;
		margin: 15px 0;
		}
		
	div.column-fp a:link, div.column-fp a:visited {
		color: #000;
		font-size: 90%;
		}
		
	div.column-fp a:hover, div.column-fp a:active {
		color: #3F3F3F;
		}
		
	div.column-fp h1 {
		font-size: 90%;
		font-weight: bold;
		}

				
	div.google-ads {
		display: none;
		}

        div.download-item a:link, div.download-item a:visited {
                background-color: #859CB0;
                padding: 5px;
                color: #fff;
                text-decoration: none;
                font-weight: bold;
               }

         div.download-item a:hover, div.download-item a:active {
                background-color: #758Ca0;
                padding: 5px;
                color: #fff;
               }

          div.dl-title {
                float: left;
               margin: 0 5px 8px 5px;
               padding: 0 0 8px 0;
               width: 80%;
               font-size: 90%;
               color: #777;
               }

          html>body  div.dl-title {
               margin: 5px;
               padding: 5px 0;
               }

         div.download-item p {
                float: right;
               }

         div#miniShop {
                font-size: 80%;
               }

         div.mini-product {
               border: 0;
               }

         div.shop_productBasketMini {
               border: 0;
               }

         div.mini-product {
              border: 0;
              }

         div.shop_basketContainer {
              border: 0;
             }

        table.tr-blue {
             background-color: #f4f8ff;
             border: 0;
             margin: 0;
             padding: 3px;
             width: 100%;
}

        div.white-button a:link, div.white-button a:visited {
             border: 1px solid #999;
             padding: 2px 4px;
             text-decoration: none;
             background-color: #fff;
}

 div.white-button a:hover, div.white-button a:active {
background-color: #eee;
}

div.right-col-pad {
margin: 15px 0;
}

span.news-list-date {
display: block;
}