body {background:white; margin:0; padding:0;  text-align: left; font-family: Arial, Sans-serif; font-size: 12px;}
h1 {font-family: Arial, Sans-serif; font-size: 16px; margin:0; padding:0; }

.content {border: solid blue 0px; float: left;  width:1002px; }
.headerBox {float: left; width:1002px; }
.headerBox .logo{float: left; width:183px; border: solid red 0px; background: url("images/logo2.jpg") no-repeat 0px 0px; height:113px; cursor:pointer;}
.headerBox .secondPartHeader{float: left; width:819px; border: solid red 0px; height:113px; background: url("images/second_part_2.jpg") no-repeat 0px 0px; height:113px;}


.page {float: left; width:1002px; background: white;}
.page .menu{float: left; width:183px; background: #000000;}

.page .menu .search span{ font-family: Arial, Sans-serif; font-size: 12px;  font-weight:bold;}
.page .menu .search a { font-family: Arial, Sans-serif; font-size: 12px;font-weight:bold; color: red; text-decoration: none;}
.page .menu .search .tds { font-family: Arial, Sans-serif; font-size: 12px; color: white; text-decoration: none; font-weight:bold;}
.page .menu .search {float: left; width:163px; background: #000000; border-top: solid white 2px; margin-top: 10px; padding: 5px 0 5px 20px; font-family: Arial, Sans-serif; font-size: 12px; color: white;}

.page .menu .addresse span{ font-family: Arial, Sans-serif; font-size: 12px; color: white; font-weight:bold;}
.page .menu .addresse p { font-family: Arial, Sans-serif; font-size: 12px; color: white; margin:0; padding:0;}
.page .menu .addresse a { font-family: Arial, Sans-serif; font-size: 12px; color: white; text-decoration: none;}
.page .menu .addresse{float: left; width:163px; background: #000000; border-top: solid white 2px; margin-top: 10px; padding: 15px 0 15px 20px; font-family: Arial, Sans-serif; font-size: 12px; color: white;}

.page .menu ul{float: left; width:183px; background: #000000; margin:0; padding:0; list-style-type:none; }
.page .menu ul li{ clear:right;  height: 33px; line-height:16px; background: url("images/nologo.gif") no-repeat  5px 8px;}
.page .menu ul li a{ text-decoration: none; color: white; font-weight: bold; display: block; width: 140px; margin-left: 40px;  position:relative; padding: 8px 0 8px 0; border-bottom: solid white 1px; line-height:16px; font-family: Arial, Sans-serif; font-size: 12px;}

.page .menu ul li.home{ background: #D30909 url("images/1.gif") no-repeat 5px 8px; border-bottom: solid white 2px;}
.page .menu ul li.home a{ border: 0;}
.page .menu ul li.ausweissysteme{ background: url("images/11.gif") no-repeat 5px 8px;}
.page .menu ul li.kartendrucker{ background: url("images/3.gif") no-repeat 5px 8px;}
.page .menu ul li.präsentationssysteme{ background: url("images/13.gif") no-repeat 5px 8px;}
.page .menu ul li.serviceandsupport{ background: url("images/4.gif") no-repeat 5px 8px;}
.page .menu ul li.plastikkarten{ background: url("images/2.gif") no-repeat 5px 8px;}
.page .menu ul li.kartenzubehör{ background: url("images/12.gif") no-repeat 5px 8px;}
.page .menu ul li.webshop{ background: url("images/14.gif") no-repeat 5px 8px;}
.page .menu ul li.team{ background: url("images/5.gif") no-repeat 5px 8px;}
.page .menu ul li.referenzen{ background: url("images/6.gif") no-repeat 5px 8px;}
.page .menu ul li.links{ background: url("images/7.gif") no-repeat 5px 8px;}
.page .menu ul li.kontakt{ background: url("images/8.gif") no-repeat 5px 8px;}
.page .menu ul li.impressum{ background: url("images/9.gif") no-repeat 5px 6px;}
.page .menu ul li.sitemap{ background: url("images/10.gif") no-repeat 5px 5px;}
.page .menu ul li.glossar{ background: url("images/15.gif") no-repeat 5px 5px;}
.page .menu ul li.besuchermanagement{ background: url("images/16.gif") no-repeat 5px 8px;}
.page .menu ul li.ausweissoftware{ background: url("images/17.gif") no-repeat 5px 8px;}
.page .menu ul li.zugangandticketing{ background: url("images/18.gif") no-repeat 5px 8px;}

/*CSS MENU*/

li > ul {
	top: auto;
	left: auto;
	}
	


#mainNav li ul {
	position: absolute;
	width: 180px;
	left: -999em;

    margin:0; 
    padding:0; 
    list-style-type:none;
    z-index:1;
    border: solid white 1px;
}

#mainNav li ul li {display:block; clear:left;  width:180px; margin:0; padding:0; list-style-type:none; border-bottom: solid white 1px; background: #7D7D7D;}

#mainNav li ul li a {text-decoration: none; color: white; font-weight: bold; display: block; width: 170px; margin-left: 5px;  position:relative; padding: 5px 0 5px 0;   border: 0; background: #ABABAB; }
#mainNav li ul li.last  {border:0;}

#mainNav li:hover ul , #mainNav li.sfhover ul{
	left: auto;
    margin-top:0px;
   
    width: 180px;
   
}

#mainNav li:hover ul li ul, #mainNav li.sfhover ul li ul{
	left: -999em;
	width: 180px;
}

#mainNav li ul li:hover ul, #mainNav li ul li.sfhover ul {
	left: 175px;
    margin-top:-20px;
    width: 180px;
}

#mainNav li:hover ul li a, #mainNav li.sfhover ul li a { background: #7D7D7D;}
#mainNav li ul li:hover a, #mainNav li ul li.sfhover a { background: #ABABAB;}

#mainNav li ul li:hover ul li a, #mainNav li ul li.sfhover ul li a { background: #7D7D7D;}
#mainNav li ul li ul li:hover  a, #mainNav li ul li ul li.sfhover a { background: #ABABAB;}

.menu ul li a:hover {background: #D30909;}
.menu ul li.selected a{background: #D30909;}
.menu ul li.home a:hover {background: #D30909;}
.menu ul li.homeselected a{background: #D30909;}

/*end menu */


.page .centerContent{float: left; width:623px; background: white; margin-left: 8px; }
.page .centerContent .bottom {float: left;  background: white; border-top: solid 1px #255A8F; margin-top: 10px; position:relative; width:623px;   text-align: center; padding: 10px 0 10px 0; }
.page .centerContent .bottom a { text-decoration: none; color: #255A8F; font-size:10px; }
.page .centerContent .bottom  span.liniuta {  color: #cccccc; font-size:10px; }
.page .centerContent .bottom a:hover { text-decoration: underline; color: #255A8F; font-size:10px; }
.page .centerContent div { margin:0; padding:0;}
.page .centerContent .centerBox{float: left; width:620px; background: white url("images/bg_ping.gif") no-repeat 0px 0px; height: 192px; margin-top: 2px;}
.page .centerContent .centerBox .text{float: left; border: solid red 0px; width: 250px; position: relative; left: 25px; color:#D30909;  font-family: Arial, Sans-serif; font-size: 12px; text-align: center; }
.page .centerContent .centerBox img{ border:0; float: left; position:relative; left: 18px; top:3px;}
.page .centerContent .centerBox h2{float: left; width:450px; border: solid red 0px; height: 20px; font-family: Arial, Sans-serif; font-size: 17px; color: #D30909; font-weight:bold; margin:10px 0 0 10px; padding:0 0 0 150px; letter-spacing: 2px; background: url("images/magi_logo.gif") no-repeat 385px 0px;}

.page .centerContent .centerBox2{float: left; width:620px; background: white url("images/bg_blue.gif") no-repeat 0px 0px; height: 192px; margin-top: 2px;}
.page .centerContent .centerBox2 .text{float: left; border: solid red 0px; width: 250px; position: relative; left: 25px; color:#255A8F;  font-family: Arial, Sans-serif; font-size: 12px;  padding-top:2px; text-align: center;}
.page .centerContent .centerBox2 img{ border:0; float: left; position:relative; left: 18px; top:3px;}
.page .centerContent .centerBox2 h2{float: left; width:500px; border: solid red 0px; height: 20px; font-family: Arial, Sans-serif; font-size: 17px; color: #255A8F; font-weight:bold; margin:10px 0 0 10px; padding:0 0 0 100px; letter-spacing: 2px;}
.page .rightSide {float: left; width:182px; background: #7D7D7D; margin-left: 4px; margin-top:2px;}
.page .topMenu {float: left; width:817px; background: #7D7D7D; margin-left: 2px; height: 33px;}
.page .topMenu  ul{float: left; width:790px;  margin:0; padding:0; list-style-type:none; margin-top: 0px; left:19px; position: relative;}
.page .topMenu  ul li{float: left; margin:0; padding:0; list-style-type:none; margin-right: 10px;}
.page .topMenu  ul li a{ font-family: Arial, Sans-serif; font-size: 11px; color: white; text-decoration: none; display:block;  padding: 9px 0 10px 0;}
.page .topMenu ul li a:hover{  text-decoration: none; background:#ABABAB;}
.page .topMenu ul li.liActive a{  text-decoration: none; font-weight: bold; }

.rightSide h3 {margin:15px 0 0 0; padding:0 0 0 15px; width: 167px; color: white; font-family: Arial, Sans-serif; font-size: 14px; margin-bottom: 20px;}
.rightSide ul {margin: 0; padding:0; list-style-type:none; width:182px;}
.rightSide ul li{margin: 0; padding:0; list-style-type:none; float: left;   width:182px;}
.rightSide ul li span{color:white;}
.rightSide ul li a{font-family: Arial, Sans-serif; font-size: 12px; color: white; text-decoration: none; display:block; width:167px; padding-left: 15px; }
.rightSide ul li a:hover {text-decoration: underline;}
.rightSide .textRight{font-family: Arial, Sans-serif; font-size: 12px; color: white; text-decoration: none; display:block; width:155px; padding-left: 15px; margin-bottom:10px;}
.rightSide .textRight span{ color: white; }
.rightSide .textRight a{font-family: Arial, Sans-serif; font-size: 12px; color: white; text-decoration: none; font-weight:bold;}
.rightSide .separator{ width:182px;  border-bottom: solid white 2px; padding-bottom:10px;}
.rightSide .spacer{ width:182px;  border-bottom: solid white 0px; padding-bottom:17px;}


/*
div.navMenu
{
	margin-left:8px;
}
*/

.navMenu a {font-family: Arial, Sans-serif; font-size: 11px; color: black; text-decoration: none;}
.navMenu a:hover {text-decoration: underline;}
.navMenu .breadHover a {font-family: Arial, Sans-serif; font-size: 11px; color: black; text-decoration: none; font-weight: bold;}






/*search box HERE*/
.search {background: blue;}
.search form{ display:block; margin:0; padding:0;  } 
.search .searchField{ margin:0; padding:0;  width:100px; border: solid red 1px; margin-top: 10px;font-family:Arial, Helvetica, Sans-serif; font-size: 11px; color:#000000; padding: 1px 0 1px 2px; float: left; margin-left: 4px;} 
.search .searchButton{ margin:0; padding:0;  width:50px; border: solid red 1px; background: #cccccc; color: red; font-weight:bold; font-size: 11px; margin-top: 10px; cursor: pointer; margin-bottom: 0px; float: left;} 
/*end of search box*/

iframe#frameNewsletter
{
	width:100%;
	height:500px;
	
	background-color:#FFFFFF;
	margin-top:10px;
	padding:0px;
	overflow:hidden;
	border:0px dashed #FF0000;
}

.centerBox a, .centerBox2 a
{
	text-decoration: none;
}