@charset "utf-8";
/* CSS Document */

img, div, li a { behavior: url(pngfix/iepngfix.htc); }

/* MAIN SYTLE */

body{
	background-image:url(../graphics/bg_marktwand.gif);
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#wrapper{
	width: 949px;	
	margin: 0px auto;
}

#main{
	width: 949px;
	height: 506px;
	background-image:url(../graphics/main_bg.jpg);
	background-repeat:no-repeat;
	text-align: left
}

#mainContent{
	padding: 27px 29px 0px 27px;
}

/* MAIN CONTENT ELEMENTS */

.rightContent, #mapBox{
	display: inline;
	float: right;
	position: relative;
	width:314px;
}

.leftContent, .paddingBox{
	display: inline;
	float: left;
	position: relative;
	width:530px;
}

.paddingBox{
	padding: 30px 0px 20px 0px;	
}

/* MENU BOX STYLE */

#menuBox{
	margin: 0px 0px 0px 23px;
	background-image:url(../graphics/menu/kasten_bg.gif);
	background-repeat:no-repeat;
	height: 161px;
	width: 362px;
}

.whiteBox{
	padding: 18px 20px 20px 20px;
}

.greyBox{
	margin: 24px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	clear:left;
}

label{
	display:block;
	font-weight: bold;
}

select{
	display:block;
	float: left;
	margin: 5px 0px 0px 0px;
	width: 180px;
	background-color:#EEEEEE;
	font-size: 11px;
}

/* BUTTON STYLE */

.button .label{
	display:inline;
	float: left;
	margin: 7px 0px 0px 12px;
	font-weight: bold;
}

.button img{
	display:inline;
	float: left;
	margin: 8px 0px 0px 5px;
}

.button2 .label{
	display:inline;
	float: left;
	margin: 6px 0px 0px 12px;
	font-weight: bold;
	background-color:#EEEEEE;
}

.button2 img{
	display:inline;
	float: left;
	margin: 7px 150px 0px 5px;
}

.whiteBox .button .label{
	margin: 8px 0px 0px 15px;
}

.whiteBox .button img{
	margin: 9px 0px 0px 5px;
}

/* LINKS */
a{outline: none;}
a:link { color:#000000; text-decoration:none; outline: none;}
a:visited {color:#000000; text-decoration:none; outline: none;}
a:focus {color:#000000; text-decoration:none; outline: none;}
a:hover {color:#FA9C28; text-decoration:none; outline: none;}
a:active {color:#000000; text-decoration:none; outline: none;}

.dirLink {
	border: none;
	outline: none;
}

img{
	border: none;
	outline: none;
}

area{
	outline: none;
}

area :focus, area :active{outline: none;border:none; }
/* TAB NAVIGATION */

#tabs{
	margin: 29px 0px 0px 23px;
	height: 20px;
}

div#tab1{
	display: block;	
}
div#tab2{
	display: none;	
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 20px; 
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 20px; 
	border-left: none;
	overflow: hidden;
	position: relative;
	font-weight: bold;
}

ul.tabs li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	outline: none;
	padding: 0px 0px 0px 24px;
	cursor: pointer;
}

ul.tabs li a.tab1{
	background-image: url(../graphics/tabs/tab1_on.png);
	background-repeat:no-repeat;
	width: 45px;
}

ul.tabs li a.tab2{
	background-image: url(../graphics/tabs/tab2_off.png);
	background-repeat:no-repeat;
	width: 79px;
}

ul.tabs li a:hover {
	color:#333;
}

ul.tabs li a.selected{
	color:#000;	
}

html ul.tabs li.active, html ul.tabs li.active a:hover {}


/* CLEAR FLOATING ELEMENTS */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* CLEARFIX HACK */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}