/* 123Bellen - CSS */

* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
body {
	background-color: #E6E6E6;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-image: url(/images/bg-gradient.png);
	background-repeat: repeat-x;
	color: #555555;
	line-height: 18px;
}
#mainwrap {
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	padding-top: 0px;
	height: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: transparent;
	position: relative;
}
#mainwrap2 {
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	padding-top: 0px;
	height: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: transparent;
	position: relative;
}
#shadow{
	background-image: url(/images/shadow-bg.png);
	background-repeat: repeat-y;
	background-color: transparent;
		float: left;
	width: 978px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#top {
	width: 960px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	background-image: none;
	height: 89px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#logo {
	width: 303px;
	height: 86px;
	position: relative;
	float: left;
}
#payoff {
	width: 205px;
	position: absolute;
	height: 26px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	left: 762px;
	top: 36px;
}
#faux{
	width: 960px;
	text-align: left; /*voor IE */
	overflow: hidden;
	margin: 0 auto;
/*	background-image: url(/images/faux.png);
	background-repeat: repeat-y;
*/
}
#steps{
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #5f5f5f;
	background-image: url(/images/steps-mainbg.png);
		width: 960px;
	padding: 0px;
	height: 231px;
	margin: 0px;
	float: left;
	position: relative;
}
#stepsfooter{
	width: 960px;
	position: relative;
	background-color: #FFF;
	padding: 0px;
	height: 66px;
	margin: 0px;
	float: left;
}
.stepsfooterpos{
	float: left;
	position: relative;
}
#content{
	width: 960px;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}
.flags{
	margin-top: 8px;
	margin-left: 18px;
	position: relative;
	float: left;
}
.footer{
	width: 960px;
	position:relative;
	height:5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/images/footerbg.png);
	background-repeat: no-repeat;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
.footermenu{
	width: 960px;
	clear: both;
	padding-top: 20px;
	text-align: center;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	position:relative;
}	
.countries-wrapper{
	position: relative;
	background-color: #edece1;
	border: 1px dotted #d2cfae;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	list-style: none;
	padding: 20px;
	height: 130px;
}
	
.countries-wrapper li{
	height: 50px;
	width: 230px;
	float: left;
	margin: 0px;
	list-style: none;
	padding: 0px 0px 0px 30px;
}	
.countries-wrapper img{
	margin-left: -30px;
	margin-right: 10px;
}

	
.countries-wrapper li.odd{
	float: left;
	clear: left;
}
	
.countries-wrapper li.even{
	float: right;
	clear: right;
}



/* Menu styling --------------------------------------------------- */
#nav{
	width: 960px;
	height: 38px;
	clear:both;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight:normal;
	color:#fff;
	margin:0px;
	float:left;
	list-style-type:none;	
	background-image: url(/images/menubg.png);
	background-repeat: no-repeat;
	padding-bottom:0px;
	line-height:38px;
}
html>body #nav{
	padding-left:8px;
	height: 38px;
	background:4px 100% 	background-image: url(/images/menubg.png);
	background-repeat: no-repeat;
}
#nav li{
	list-style-type:none;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#nav li a{
	color:#fff;
	display:block;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#nav li a:link,
#nav li a:visited{
	color:#fff;
	text-decoration:none;
}
#nav li a:hover,
#nav li a:active{
	background-color:#fff;
	color:#565656; 
	text-decoration:none;
}
#nav li.cur,
#nav li.over,
#nav li:hover
{
	background:url(tabblue.gif) #3375b2 top left no-repeat;
	border-bottom:1px solid #036;
}
#nav li strong,
ul#nav li.cur a,
ul#nav li.over a,
ul#nav li:hover a
{
	display:block;
	color:#fff;
	padding:0 10px 0 0;
	text-decoration:none;
	background:url(tabblue.gif) transparent top right no-repeat;
}

img, input { behavior: url(css/iepngfix.htc) }




/* Typografie ---------------------------------------------------- */
.payoff {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #5f5f5f;
	line-height: 24px;
}
.phoneimg{
	position: absolute;
	top: 1px;
	left: 743px;
}
h2{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #4b4b4b;
	font-style: normal;
	line-height: 24px;
}
h3{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #4b4b4b;
	font-style: normal;
	line-height: 24px;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4b4b4b;
}
a {
	color: #154853;
	text-decoration: none;
}
a:hover {
	color: #154853;
	text-decoration: underline;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4b4b4b;
	line-height: 18px;
	}


td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4b4b4b;
	line-height: 18px;
	}

/* titles & positions ------------------------------------------- */

.title1{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 30px;
	font-weight: normal;
	color:#00657b;
	position: absolute;
	width: 268px;
	height: 121px;
	left: 12px;
	top: 20px;
	line-height: 38px;
	text-shadow: 1px 1px 1px #fff;
}
.subtitle1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#2e7989;
	position: absolute;
	width: 223px;
	height: 72px;
	left: 12px;
	top: 153px;
	line-height: 20px;

}
.stap1,
.stap2,
.stap3{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 26px;
	color: #00657b;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
	line-height: 24px;
}
.stap1{
	position: absolute;
	left: 308px;
	top: 24px;
}
.stap2{
	position: absolute;
	left: 522px;
	top: 24px;
}
.stap3{
	position: absolute;
	left: 757px;
	top: 24px;
}

.subtxt-stap1{
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#2e7989;
	left: 308px;
	top: 142px;
	width: 168px;
	height: 75px;
}
.subtxt-stap2{
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#2e7989;
	left: 522px;
	top: 142px;
	width: 191px;
	height: 69px;
}
.subtxt-stap3{
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#2e7989;
	left: 757px;
	top: 122px;
	width: 193px;
	height: 98px;
}
.contentblok-full{
	clear: both;
	margin-top: 25px;
	margin-left: 15px;
	margin-bottom: 25px;
}
.contentblok-left{
	float: left;
	width: 300px;
	position: relative;
	margin-top: 25px;
	margin-left: 15px;
	margin-bottom: 25px;
}
.contentblok-right{
	float: left;
	width: 575px;
	position: relative;
	margin-top: 25px;
	margin-left: 45px;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.row-invite-odd{
	float: left;
	width: 960px;
	padding: 0px;
	position: relative;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.row-invite-even{
	float: left;
	width: 960px;
	position: relative;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: #edece1;
	border: 1px dotted #d2cfae;
}
.box-left{
	float: left;
	width: 400px;
	padding: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 75px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.box-right{
	float: left;
	width: 400px;
	padding: 0px;
	position: relative;
	margin: 0px;
}
.box-names{
	float: left;
	width: 800px;
	padding: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 75px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.boxespos{
	padding: 0px;
	margin-left:0px;
	position: relative;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}
select{
	width: 100px;
}

#recipients {
	padding: 5px;
}
#recipients div {
	padding: 5px;
	font-weight: bold;
}
#recipients input {
	margin-right: 10px;
	width: 200px;
}

.error {
	border-top: 1px solid #EEDDDD;
	border-bottom: 1px solid #EEDDDD;
	color: #CC0000;
	padding: 20px;
	background-color: #FFEEEE;
	font-family: Arial, Helvetica, sans-serif;
}
.error * {
	color: #CC0000;
	font-weight: bold;
}
.error li {
	padding-left: 20px;
	background: url(/images/bullet_error.png) no-repeat left top;
}


#d_clip_button {
	text-align:center; 
	border:1px solid black; 
	background-color:#ccc; 
	margin:1px; padding:10px; 
}

#d_clip_button.hover { 
	background-color:#eee; 
}

#d_clip_button.active { 
	background-color:#9FDCE9;
}