/*
-------------------------------------------------------------
--------------------     RESET STYLESHEET ----------------------
-------------------------------------------------------------
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; outline: 0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}a {outline: none;}
body {height: 100%; text-align: center;}
html {height: 100%; margin-bottom: 1px;}
/*div {overflow: auto;}*/



/*
-------------------------------------------------------------
--------------------     NORMAL STYLESHEET ----------------------
-------------------------------------------------------------
*/

body {
	background: #641252;
	font-size: 62.5%;
	font-family: tahoma, helvetica, arial, geneva, sans-serif;
}

.clear {overflow: hidden;}

/*###############################################
          =mainContainer
  ############################################### */

.mainContainer{
	width: 100%;
	border-bottom: solid 6px #c97898;
	padding: 25px 0 0 0;
	min-height: 540px;
	background: url(../images/bottomContentBg.jpg) no-repeat center bottom #741660;
}
.mainContainer2 {
	width: 100%;
	background: url(../images/topContentBG.jpg) no-repeat center 0;
	padding: 0 0 20px 0;
}

/*###############################################
          =contentContainer
  ############################################### */

.contentContainer
{
	/*#bfdce8;*/
	/*
min-height: 400px;
	_height: 400px;
*/
	width: 700px;
	margin: 0 auto;
	position: relative;
/*	left: -2px;*/
	text-align: left;
	padding: 120px 20px 60px 20px;
	overflow: hidden;
	background: #bfdce8;
	background-image: url(../images/contentContainerBG.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.contentContainer h1 {
	position: absolute;
/*
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent:  -10000px;
*/
	width: 200px;
	height: 40px;
	top: 20px;
	left: 20px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
}

.contentContainer h1 a {
	display: block;
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent:  -10000px;
	width: 200px;
	height: 40px;
}




/*###############################################
          =menu
  ############################################### */

.menu {
	position: absolute;
	width: 500px;
	height: 40px;
	background: url(../images/menuUK.png) no-repeat;
	top: 20px;
	left: 220px;
	list-style: none;
    margin: 0;
    padding: 0;
}
.menu li {
	display: block;
	height: 40px;
	float: left;
}
.menu a {
	display: block;
	height: 40px;
	width: 60px;
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -10000px;
	background: url(../images/menuUK.png) no-repeat;
	white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
}

.nl_NL .menu {background: url(../images/menuNL.png) no-repeat;}
.nl_NL .menu a {background: url(../images/menuNL.png) no-repeat;}

.de_DE .menu {background: url(../images/menuDE.png) no-repeat;}
.de_DE .menu a {background: url(../images/menuDE.png) no-repeat;}

.en_US .menu {background: url(../images/menuUK.png) no-repeat;}
.en_US .menu a {background: url(../images/menuUK.png) no-repeat;}


.menu a.AboutUs { background-position: 0px 0px; width: 70px; }
.menu a.AboutUs:hover { background-position: 0px -40px; }
.menu a.WebDesign { background-position: -70px 0px; width: 81px; }
.menu a.WebDesign:hover { background-position: -70px -40px; }
.menu a.PrintMedia { background-position: -151px 0px; width: 85px; }
.menu a.PrintMedia:hover { background-position: -151px -40px; }
.menu a.Marketing { background-position: -236px 0px; width: 76px; }
.menu a.Marketing:hover { background-position: -236px -40px; }
.menu a.PublicRelations { background-position: -312px 0px; width: 113px; }
.menu a.PublicRelations:hover { background-position: -312px -40px; }
.menu a.ContactPage { background-position: -425px 0px; width: 75px; }
.menu a.ContactPage:hover { background-position: -425px -40px; }


/*###############################################
          =languageMenu
  ############################################### */

.languageMenu {
	position: absolute;
	width: 103px;
	height: 43px;
	top: 65px;
	left: 612px;
	list-style: none;
    margin: 0;
    padding: 0;
    background: url(../images/language-bg.png) no-repeat;
    /*border: 1px solid red;*/
}

.languageMenu li {
	display: block;
	height: 43px;
	width: 34px;
	float: left;
	background: url(../images/language.png) no-repeat;
	position: absolute;
	top: 0;
}

.languageMenu a {
	display: block;
	height: 43px;
	width: 34px;
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -10000px;
	background: url(../images/language.png) no-repeat;
	white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
}

.languageMenu li.Nederlands a { background-position: 0px 0px;}
.languageMenu li.Nederlands { background-position: 0px 0px; left: 0;}
.languageMenu li.Nederlands a:hover { background-position: 0px -43px;}
.languageMenu li.Deutsch { background-position: -34px 0px; left: 34px;}
.languageMenu li.Deutsch a { background-position: -34px 0px;}
.languageMenu li.Deutsch a:hover { background-position: -34px -43px; }
.languageMenu li.English a { background-position: -68px 0px;}
.languageMenu li.English { background-position: -68px 0px; left: 68px;}
.languageMenu li.English a:hover { background-position: -68px -43px; }



/*###############################################
          =contentMain
  ############################################### */

.contentMain {
	width: 460px;
	padding-left: 20px;
	/*border-left: solid 1px #c0c4dd;*/
	min-height: 420px;
	color: #7179b0;
	float: left;
}

.contentMain h2 {
	font-size: 2em;
	color: #4883ba;
	padding-bottom: 2em;
	margin-top: -5px;
}

.contentMain h3 {
	font-size: 1.4em;
	color: #4883ba;
	padding-bottom: 1.4em;
	border-bottom: solid 1px #4883ba;
}

.contentMain p, .contentMain li, .contentMain blockquote {
	color: #074c8e;
	font-size: 1.2em;
	line-height: 1.6em;
	padding-bottom: 1.6em;
}

.contentMain strong, .contentMain b {
	font-weight: bold;
	color: #972799;
}

.contentMain em, .contentMain i {
	font-weight: normal;
	color: #972799;
}


.contentMain a {color: #972799; text-decoration: underline;}
.contentMain a:hover {color: #d5179e;}

.contentMain ol,
.contentMain ul {
	padding: 0 0 2em 0;
	margin: 0;
}
.contentMain ul li {
	list-style: none;
	list-style-image: none;
	background: url(../images/li-content-main.png) no-repeat 0 4px;
	list-style-position: outside;
	padding: 0 0 0 18px;
	margin: 0 0 8px 5px;
	line-height: normal;
	font-size: 1.2em;
}

.contentMain ul li ul {
	padding: 0.5em 0.5em 0;
	margin: 0;
}
.contentMain ul li ul li {
	list-style: square;
	list-style-image: none;
	list-style-position: outside;
	background-image: none;
	padding: 0 0 0.5em 0;
	margin: 0 0 0 5px;
	font-size: 100%;
}

.content {/*width: 700px;*/ overflow: hidden; background: url(../images/contentBG.png);}


/*###############################################
          =contentSide
  ############################################### */
.contentSide {
	width: 180px;
	padding-right: 20px;
	margin-bottom: 20px;
	color: 7179b0;
	float: left;
}

.contentSide h2 {
	background: #a0c0d9;
	color: #e6f0f7;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 1px 2px 2px 4px;

}

.contentSide h2 a {color: #e6f0f7;text-decoration: none;}
.contentSide h2 a:hover {color: #fff;}

.contentSide div.search {border-bottom: solid 1px #c0c4dd; overflow: hidden; padding-bottom: 0.6em;}

.contentSide div.search form {padding: 0.3em 0 0 0;}
.contentSide div.search form input.text {width: 176px; border: solid 1px #c0c4dd; margin: 0.3em 0 0.6em 0; padding: 1px; font-size: 1.2em; }
.contentSide div.search form input.text:focus {border: solid 1px #222;}

.contentSide div.search form input.action {background: #a0c0d9; padding: 1px 3px; color: #e6f0f7; font-size: 1.2em; }
.contentSide div.search form input.action:focus, .contentSide div.search form input.action:hover  {background: #86aed0; color: #fff;}

.contentSide .subnav ul a {text-decoration: none; color: #76a1c6; font-size: 1.2em; display: block; padding: 0.3em 2px 0.3em 4px; }
.contentSide .subnav ul a:hover {color: #074c8e; background: #bad7e6;}
.contentSide li {border-bottom: solid 1px #c0c4dd;}
.contentSide ul {padding-bottom: 20px;}

.contentSide #aboutImages {padding-top: 20px;}

.contentSide #aboutImages img {padding: 10px; background: white; border: solid 1px #999; margin: 0 0 20px 10px;}


/*###############################################
          =footer
  ############################################### */

#footer {
	position: relative;
	width: 700px;
	margin: 0 auto;
	/*_height: 1%;*/
	text-align: left;
	padding: 0 20px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #e4dedf;
}
#footer a {
 color: #d4c6c9;
}
#footer a:hover {
 color: white;
}
#footer p {
	margin-bottom: 1.5em;
}
#footer b, #footer strong {
	font-weight: bold;
	color: #d4c6c9;
}

#footer .offerte {
	text-align: center;
	font-size: 0.9em;
}
#footer .offerte a {
	color: #dfd8da;
	text-decoration: none;

}
#footer .offerte a:hover {
	color: white;
	text-decoration: underline;

}


/*###############################################
          =footerTabs =footer
  ############################################### */

#footerTabs {
	position: absolute;
	width: 300px;
	height: 49px;
	top: -49px;
	left: 20px;
	list-style: none;
    margin: 0;
    padding: 0;
}


#footerTabs li {
	display: block;
	height: 48px;
	width: 150px;
	float: left;
}



#footerTabs a {
	display: block;
	height: 49px;
	width: 150px;
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -10000px;
	white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
}


.nl_NL #footerTabs a {background: url(../images/contentTabsNL.png) no-repeat;}
.en_US #footerTabs a {background: url(../images/contentTabsUK.png) no-repeat;}
.de_DE #footerTabs a {background: url(../images/contentTabsDE.png) no-repeat;}

.nl_NL #footerTabs {background: url(../images/contentTabsNL.png) no-repeat;}
.en_US #footerTabs {background: url(../images/contentTabsUK.png) no-repeat;}
.de_DE #footerTabs {background: url(../images/contentTabsDE.png) no-repeat;}

#footerTabs a.newsletter { background-position: 0px 0px;}
#footerTabs a.newsletter:hover { background-position: 0px -49px; }
#footerTabs .ui-tabs-selected  a.newsletter { background-position: 0px -98px;}
#footerTabs .ui-tabs-selected a.newsletter:hover { background-position: 0px -98px; }

#footerTabs a.portfolio { background-position: -150px 0px;}
#footerTabs a.portfolio:hover { background-position: -150px -49px; }
#footerTabs .ui-tabs-selected  a.portfolio { background-position: -150px -98px; }
#footerTabs .ui-tabs-selected a.portfolio:hover { background-position: -150px -98px; }

#footerTabs a.sitemap { background-position: -300px 0px;}
#footerTabs a.sitemap:hover { background-position: -300px -49px; }
#footerTabs .ui-tabs-selected  a.sitemap { background-position: -300px -98px;}
#footerTabs .ui-tabs-selected a.sitemap:hover { background-position: -300px -98px;}

/*###############################################
          CONTENT LAYOUT =footerTabs =footer
  ############################################### */


#footer #sitemap, #footer #aboutus, #footer #portfolio, #footer #newsletter  {
		border-bottom: solid 1px #c97898;
		padding: 30px 0;
		width: 700px;
		overflow: hidden;
}


#footer .ui-tabs-hide {display: none;}
#footer .ui-tabs-panel {background: #641252;}

/*
#footer #newsletter h2,
#footer #aboutus h2 {
	height: 50px;
	background: url(../images/waldnerContact.gif) no-repeat 20px 0 ;
	font-size: 0.1px;
	line-height: 0.1px;
	white-space: nowrap;
	text-indent: -10000px;
}
*/

#footer #newsletter .container1 {
	float: left;
	width: 240px;
	padding: 0 20px;
}
#footer #newsletter .container2 {
	float: left;
	width: 380px;
	padding: 10px 0 0 40px;
	/*height: 420px;*/
}


div#subscribeForm form {padding: 30px 0; border-top: none; /*font-size: 1.2em; */ text-align: left;}

div#subscribeForm label, div#subscribeForm input, div#subscribeForm textarea {float: left; width: 200px; color: black; margin-bottom: 20px;}
div#subscribeForm input.checkbox {width: 20px; margin-left: 140px;}
div#subscribeForm input,  div#subscribeForm textarea {padding: 1px; border: solid 1px #777;}
div#subscribeForm input:focus, textarea:focus {border: solid 1px #000;}
div#subscribeForm label {width: 120px; text-align: right; padding-right: 20px; color: white;}
div#subscribeForm input.action {width: 120px; background: #000; color: white; margin-left: 140px;}

#footer #aboutus div,
#footer #portfolio div {
	float: left;
	width: 202px;
	padding: 20px 9px 0 19px;
}
#footer div.last { padding-right: 0;}
#footer div.first { padding-left: 0;}



#footer #aboutus div.clear,
#footer #portfolio div.clear {
	float: none;
	width: 100%;
	padding: 10px 0 0 0;
	overflow: hidden;

}


#footer #portfolio img,
#footer #portfolio a img {
	border: solid 10px white;
}
#footer #portfolio a:hover img {
	border: solid 10px #c97898;
}

#footer p {
	line-height: 1.6em;
	padding: 0.8em 0;
	/*font-size: 1.2em;*/
}

#footer #portfolio a {
	text-decoration: none;
}
#footer #portfolio a:hover {
	text-decoration: underline;
}

#footer h2.footer {margin-left: 20px;}

#footer h2,
#footer h2 a,
#footer a.more {
	text-transform: uppercase;
	color: #c97898;
	font-size: 1.2em;
	display: block;
	text-decoration: none;
	padding-bottom: 10px;
	border-bottom: solid 1px #c97898;
	/*font-family: 'Times New roman', Times, Georgia, Serif;*/
	/*border-bottom: solid 1px #c97898;*/
}

#footer a.more {
margin: 0 29px 0 19px;
text-align: right;
}

#footer h2 a:hover,
#footer a.more:hover {
	color: white;
	text-decoration: underline;
}


/*###############################################
         =sitemap =footerTabs =footer
  ############################################### */

#footer #sitemap div {padding-bottom: 30px;}

#footer #sitemap ul {
	float: left;
	width: 202px;
	padding: 0 9px 0 19px;
	border-left: solid 1px #c97898;
	overflow: hidden;
	float: left;
}
#footer #sitemap ul a {color: #ebbada; text-decoration:  none;}
#footer #sitemap ul a:hover {color: white; text-decoration: underline;}

#footer #sitemap ul ul {
	padding: 0;
	border: none;
	float: none;
}
#footer #sitemap ul ul a {
	color: #e4dedf;
	/*text-decoration: underline;*/
	display: block;
	padding-left: 20px;
	height: 1.5em;
	background: url(../images/pinkSquare.gif) no-repeat 4px 7px;
	}
#footer #sitemap ul ul a:hover {

}
/*###############################################
         =newsletter subscribe form
  ############################################### */

  #newsletter h4 {
	font-weight: bold;
	/*font-size: 1.1em;*/
	padding: 0 0 20px 140px;
}
/*
#newsletter form {padding: 0 0; border-top: none; text-align: left;}

#newsletter fieldset div {
	overflow: hidden;
	padding-bottom: 5px;
}

#newsletter div.validationError {width: 204px;}

#newsletter div.Actions {padding-left: 140px;}


#newsletter label, #newsletter input, #newsletter textarea {float: left; width: 200px; color: black;}
#newsletter input.checkbox {width: 20px; margin-left: 140px;}
#newsletter li {float: none; padding-bottom: 20px; overflo: hidden;}
 #newsletter input,  #newsletter textarea {padding: 1px; border: solid 1px #777;}
 #newsletter input:focus, #newsletter textarea:focus {border: solid 1px #000;}
 #newsletter label {width: 120px; text-align: right; padding-right: 20px; color: white;}
 #newsletter div#NewsletterSelection label {text-align: left; padding: 0 0 0 20px;}
 #newsletter input.action {width: 120px; background: #000; color: white;}
*/

/*###############################################
         =thickbox
  ############################################### */

  #tb-modal a {color: black; text-decoration: none;}

  #tb-modal a:hover {color: black; text-decoration: underline;}

  #tb-modal em {font-weight: bold; color: #777;}


/*###############################################
         =form
  ############################################### */

.ContactPage .contentMain form {padding: 30px 0; border-top: solid 1px #c0c4dd; }

.ContactPage .contentMain fieldset div {
	overflow: hidden;
	padding-bottom: 10px;
}

.ContactPage .contentMain div.validationError {width: 204px;}

.ContactPage .contentMain div.Actions {padding-left: 140px;}


.ContactPage .contentMain label, .ContactPage .contentMain input, .ContactPage .contentMain textarea {float: left; width: 200px; font-size: 1.2em;}

.ContactPage .contentMain input, .ContactPage .contentMain textarea {padding: 1px; border: solid 1px #777;}
.ContactPage .contentMain input:focus, .ContactPage .contentMain textarea:focus {border: solid 1px #000;}
.ContactPage .contentMain label {width: 120px; text-align: right; padding-right: 20px; color: #074c8e;}

.ContactPage .contentMain input.action {width: 120px; background: #7179b0; color: white;}