body {
	font-family: arial;
	font-size: 12px;
	background-color: #f4f1ec;
	padding:0;
	margin:0;
	color: #555555;
}




/* Main layout */

div.top {
	
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 70px;
}


div.top div.content {
	margin-left:auto;
	margin-right:auto;

	text-align:left;
	width: 770px;
}

div.top div.logo {
	width: 300px;
	float:left;
	
}

div.menu {
	float:right;
	margin-top: 20px;
}

div.menu a {
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-left: 1px solid #bbbbbb;
}

div.menu a.first {
	border:0;
}

div.main {
	text-align:left;
	width: 772px;
	margin-left:auto;
	margin-right:auto;


}


div.header {
	margin-top: 20px;

}


div.footer {
	clear:both;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 10px;
	color: #AAAAAA;
	
}

div.footer div.right {
	float:right;
}

div.footer div.left {
	padding-top: 10px;
}

a,a:visited,a:active {
	color: #333333; 
	color: #b46d12;
	text-decoration:none;

}

a:hover {
	text-decoration: underline;
	color: #b46d12;
}

h1,h2,h3 {
	font-family: Verdana, Helvetica;

}

h1 {
	font-size: 18px;		
}

h2 {
	color: #b46d12;
	font-size: 14px;
	display:block;
	padding:0;
	margin-bottom: 8px;

	font-weight: normal;
}

h3 {

	font-size: 12px;
	margin:0;
	padding:0;

	color: #b46d12;	

}




h4,h4 a,h4 a:visited {
	font-weight: bold;
	font-size: 12px;
	color: #444444;

	
}


a img {
	border:0;
}



ul.list {
	list-style-position: inside;
	list-style-type: square;
	margin-left: -10px;
	padding-left: 10px;
}
ul.list li {
	padding: 2px;
}


/* Boxes */


div.errorbox,div.infobox,div.okbox {

	font-size: 12px;
	margin-bottom: 15px;
	padding: 10px;

	padding-top: 15px;
	padding-left: 60px;	
	background-position: 10px 10px;	
	background-repeat: no-repeat;	

	vertical-align: bottom;

	min-height: 45px;
	height: auto;
}



div.errorbox {
	background-image: url(../images/icos/error.gif);
}

div.infobox {
	background-image: url(../images/icos/info.gif);

}

div.okbox {
	background-image: url(../images/icos/ok.gif);
}




/*\*/
* html div.errorbox {
	height: 46px;
}
/**/

/*\*/
* html div.infobox {
	height: 46px;
}
/**/

/*\*/
* html div.okbox {
	height: 46px;
}
/**/




/* table */

table.table {
		
}

table.box table.table {
	border: 0;
}


table.box table.table tr.legend td {
	border-top-color: #eeeeee;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}


table.table tr td {
	padding: 7px;

	font-size: 12px;
	border-bottom-color: #eeeeee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: left;
}

table.table tr td.bold {
	font-weight:bold;
	color:#666666;

}


table.table tr.legend {
	font-weight: bold;
	color: #444444;
	background-color: #efefef;
	

	
}

table.table tr.legend td {

}



table.table tr.row1 {
	background-color: #FFFFFF;
}
table.table tr.row0 {
	background-color: #FFFFFF;


}
table.table tr.rowlast td {
	border-bottom-width: 0px;
}



/* form */



div.inputstyle input, form.frm table input,form.frm table select,form.frm table textarea {
	width: 200px;
	padding: 3px;
	font-size: 11px;
}

form.frm div.alert {
	color: red;

}



form.frm div.alert select, form.frm div.alert input,form.frm div.alert textarea {
	border-color:red;
}

form.frm div.title {
	font-weight: bold;
	background-color: #EFEFEF;
	padding: 5px;
}


div.buttonrow {
	text-align: center;
	
	background-color: #f4f4f4;
	padding: 7px;		
	
	
	border: 1px solid #CDCDCD;
}



form.frm div.tooltip {
	display:inline;
}

form.frm div.tooltip div {
	background-image: url(../images/icos/help.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px;	
	padding-left: 60px;
	width: 160px;
	height: 90px;

	text-align:justify;
	border-width: 1px;
	border-color:  #C0C0C0;
	border-style:solid;	
	background-color: #FFFFFF;


	Z-index: 500;
	display:none;
	position: absolute;
	top: 0px;
	left: 0px;

}	

input.button_m {
	border:0;
	display:block;
	background-color: #f09d35;
	padding: 3px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;

}



/* Imagepopup */
.ImagePopupBackground {
	background-color: #000000;
	opacity: 0.1;
	position: absolute;
	top:0;
	left:0;
	z-index: 220;
}

.ImagePopupImg {
	position: absolute;
	z-index: 225;
	
	
}

.ImagePopupImg {
	padding: 5px;
	border: 1px solid #444444;
	background-color: #FFFFFF;
}

.ImagePopupTitle {

	z-index: 226;	
}

/* Contents */

.box {
	background-color: #FFFFFF;
	padding: 10px;
	padding-top: 5px;
	float:left;
	width: 359px;
	font-size: 12px;
	line-height: 1.5;
	border: 1px solid #CCCCCC;
	margin-top:10px;
}


.description b {
	color: #555555;
}

.description {
	padding-top: 15px;
	height: 220px;
}

.teaser {

	height: 230px;
}



.congrescentrum .description {
	height: 275px;
}

.congrescentrum .teaser {
	height: 285px;
}



.boxleft {
	margin-right: 5px;
}

.boxright {
	margin-left: 5px;
}


.pictures {
	margin-top: 10px;
	zoom:100%;
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.pictures img { 
	float:left;
	border: 1px solid #bbbbbb;
	margin: 4px;
	
}

.boxfullform {
	background-color: #FFFFFF;
	padding: 10px;
	zoom:100%;
	padding-top: 4px;
	margin-top: 10px;
	padding-right:0px;
	width: 760px;
	float:left;
	line-height: 1.5;
	border: 1px solid #CCCCCC;


}


.arrangementen {
	background-color: #FFFFFF;
	padding: 10px;
	zoom:100%;
	padding-top: 4px;
	margin-top: 20px;
	padding-right:0px;
	width: 760px;
	float:left;
	line-height: 1.5;
	border: 1px solid #CCCCCC;
	
}



.zalen {
	background-color: #FFFFFF;
	padding: 10px;
	zoom:100%;
	padding-top: 4px;
	margin-top: 20px;
	padding-right:0px;
	width: 760px;
	float:left;
	line-height: 1.5;
	border: 1px solid #CCCCCC;

}

.arrangementen .introtext {
	padding-bottom: 10px;
}

.arrangementen .item {
	width: 350px;	
	float:left;
	font-size: 12px;
	margin-right:10px;
	margin-top:10px;
	background-repeat:repeat-x;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color:#fbfaf8;

}

.arrangementen .item .content {
	display:none;
}


.arrangementen .item .intro {
	margin-top: 5px;
}

.arrangementen .item .intro .price {
	padding-top: 4px;
	font-weight: bold;
}

.arrangementen .item .more {
	float:right;
	color: #999999;
	padding-right: 15px;
	background-image:url('../images/more.gif');
	background-position: right;
	background-repeat:no-repeat;
	height: 20px;
	dispay:block;
	font-size: 10px;
}
.arrangementen .item .less {
	float:right;
	font-size: 10px;
	padding-right: 15px;
	background-image:url('../images/less.gif');
	background-position: right;
	background-repeat:no-repeat;
	height: 20px;
	dispay:block;
}



.arrangementen .item .intro .txt {
	height: 70px;
}


.arrangementen .item li {
	padding-top: 4px;
}

.topteaser {
	font-size: 14px;
}


.map {
	width: 320px;
	height: 300px;
	display:block;	
}


.callback {
	background-image: url("../images/callback.gif");
	background-repeat: no-repeat;
	padding-left: 340px;	
	background-color: #FFFFFF;
	background-position: 0px 10px;
	color: #e27f04;

	border: 3px solid #f3941f;
	height: 46px;
	padding-top: 7px;
	font-weight: bold;
	margin-top: 10px;
} 

.callback .name {
	margin-right: 10px;
	float:left;
	
}	

.callback .tel {
	float:left;
	margin-right: 10px;
}	

.callback .name div {
	padding-bottom: 5px;
}
.callback .tel div {	
	width: 150px;
	padding-bottom: 5px;
}

.callback input {
	width: 140px;
	background-color: #fce4c7;
	border:1px solid #AAAAAA;
}

.callback .submit {
	float:left;
	width: 94px;
	height: 35px;
	background-image: url("../images/buttoncallback.gif");
	background-repeat:no-repeat;
	margin-top: 5px;
	display:block;
	background-color: #FFFFFF;
	border:0;
}

.offerte,.adres {
	height: 530px;
}