/* * * * * * * * * * * * */

/* * * * * * * * * * * * */

/* © Duall 2010 */

body {
	font: normal 14px/150% "Palatino Linotype", Palatino, "Book Antiqua", "PalatinoLinotype regular", Georgia, Times, "Times New Roman", serif;
	color: #fff;
	margin: 0;
	padding-bottom: 25px;
	background-color: #3C2a1f;
}



a:focus { outline:none; }

a:link {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	
}

a:visited {
	color: #fff;
	font-weight: bold;

}

a:hover {
	text-decoration: none;
	background-color:  #e30552;
	padding-top: 2px;
	padding-bottom: 2px;
}

a:active {
	
}

img.TEMlogo {
	position: fixed;
	left: 0;
	top: 75px;
}

div#content {
	margin-left: 300px;
	width: 650px;
	margin-top: 50px;
	border-bottom: 1px solid #1b120e;
	padding-bottom: 50px;
}

hr {
	display: none;
}

h1, h2, h3, h4 {
	padding-top: 5px;
	margin: 0;
	padding-bottom: 5px;
	font-family: "Franklin Gothic Medium", Helvetica, "Franklin Gothic", "Arial Black", sans-serif;
	font-weight: bold;
	line-height: 120%;
}
h1 {
	margin-bottom: 25px;
	font-size: 2em;
	/*border-bottom: 1px solid #1b120e;*/
	padding-bottom: 0;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.3em;
	margin: 15px 0 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0 0 0 1em;
}

ul li {
	padding-top: 2px;
	list-style-type: square;
}

.clear {
	clear: both;
}

/* @group p-styling */

p.TEMintro {
	line-height: 1.4em;
	font-size: 1.1em;
}

p.TEMintroBig {
	font: 1.25em/1.4em "Franklin Gothic Medium", Helvetica, "Franklin Gothic", Arial, "Arial Black", sans-serif;
}

p.TEMdownload {
	background: url(img/icon_FILE_small.gif) no-repeat;
	padding: 2px 0 0 20px;
	display: block;
	height: 25px;
	margin-top: 5px;
	color: #d4d4d4;
	margin-left: 5px;
	font: bold .8em/140% Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

p.TEMdownload a {
	font-weight: bold;
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

p.TEMdownload span {
	color: #d4d4d4;
	padding-left: 3px;
	font: bold .85em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	letter-spacing: 1px;
}



/* @end */

/* @group nav */

#nav {
	margin-top: 20px;
	margin-left: 300px;
	border-bottom: 1px solid #1b120e;
	width: 700px;
	padding: 0;
}

#nav ul {
	padding: 0 0 30px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
}

#nav ul li {
	float: left;
	display: block;
	padding-right: 20px;
	padding-top: 0;
}

#nav ul li.vertaling {
	font-size: .85em;
	padding: 2px 5px 0;
}

#nav ul li.vertaling.first {
	font-size: .85em;
	margin-left: 3em;
	border-right: 1px solid #1b120e;
}

#nav ul li {
	float: left;
	display: block;
	padding-right: 20px;
	padding-top: 0;
}

#nav ul li a:link, #nav ul li a:visited {
	color: #fff;
	padding: 0;
	display: block;
	text-decoration: none;
	font: normal bold 1em "Franklin Gothic Medium", Helvetica, "Franklin Gothic", Arial, "Arial Black", sans-serif;
}

#nav ul li a:hover, #nav ul li a:active {
	color: #fff;
	padding: 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background-color: transparent;
}

#nav ul li a.NAVactive:link, #nav ul li a.NAVactive:visited {
	color: #e30552;
	margin: 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#nav ul li a.NAVactive:hover, #nav ul li a.NAVactive:active {
	color: #e30552;
	margin: 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background-color: transparent;
}



/* @end */

/* @group home */

#TEM_langNav {
	margin-bottom: 40px;
	font-style: italic;
}

#TEM_langNav a:link,
#TEM_langNav a:visited{
	text-decoration: none;
	font-weight: normal;
}
#TEM_langNav a:hover {
	text-decoration: underline;
	background-color: transparent;
}
/* @group popup */

.popup {
	width: 650px;
	position: absolute;
	background-color: #3c2a1f;
	top: 0;
	margin: 0;
	left: 260px;
	height: 800px;
	padding: 100px 150px 50px 40px;
}

.popup a.back:link,
.popup a.back:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: "Franklin Gothic Medium", Helvetica, "Franklin Gothic", Arial, "Arial Black", sans-serif;
	position: absolute;
	top: 24px;
	left: 40px;
	padding: 2px 6px;

	border: 1px solid #1b120e;
}


.popup a.back:hover,
.popup a.back:active {
	color: #fff;
	background-color: #e30552;
	border-color: #e30552;
}

.popup a:link,
.popup a:visited {
}

.popup a:hover,
.popup a:active {
}


.popup h2 {
	margin-bottom: 25px;
	font-size: 2em;
	padding-bottom: 0;
}

.popup h3 {

	margin: 0;
}

.popup ul {
	margin-left: 15px;
}

/* @end */

/* @group nieuws */

#TEMhome02 {
	margin-top: 40px;
}

#TEMhome02 h2 {
	padding-bottom: 15px;
}

div.nieuwsitem {
	display: block;
	padding-left: 0;
	border-top: 1px solid #1b120e;
	margin: 0;
	padding: 0;
}

h3.nieuwstitel {
	font-weight: bold;
	padding: 0;
	display: block;
	padding-bottom: 5px;
	margin: 10px 0 0;
}

h3.nieuwstitel a:link, h3.nieuwstitel a:visited {

	text-decoration: none;
	margin: 0;
	padding: 0;
}

h3.nieuwstitel a:hover, h3.nieuwstitel a:active {
	padding: 0;
	text-decoration: underline;
	background-color: transparent;
}


h4.nieuwsdatum {
	color: #e30552;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: bold .65em "Franklin Gothic Medium", Helvetica, "Franklin Gothic", Arial, "Arial Black", sans-serif;
	margin: 0 0 10px;
	display: block;
	padding: 0;
}

div.nieuwsinhoud {
	padding-left: 0;
	margin-top: 0;
	display: block;
	height: auto;
	width: 500px;
}

div.nieuwsinhoud p {
	padding: 0 0 10px;
	margin: 0;
}
div.nieuwsinhoud ul {
	padding-bottom: 10px;
}
div.nieuwsinhoud p.TEMdownload {

	padding: 2px 0 0 20px;
	margin-top: 5px;
}

p.TEMnewsArchive {
	border-top: 1px solid #1b120e;
	padding-top: 10px;
}

p.TEMnewsArchive a:link, p.TEMnewsArchive a:visited {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: bold .65em "Franklin Gothic Medium", Helvetica, "Franklin Gothic", Arial, "Arial Black", sans-serif;
	text-decoration: none;
}



/* @end */



/* @end */

/* @group case */

ul.subnav {
	margin: 0;
	display: block;
	font-size: 1.75em;
	line-height: 1.25em;
	padding-bottom: 10px;
	padding-left: 0;
}

ul.subnav li{
	list-style-type: none;
}

.subnav a:link, 
.subnav a:visited  {
	margin: 0;
	text-decoration: none;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	display: block;
}
.subnav a:hover, 
.subnav a:active {
	color: #e30552;
	background-color: transparent;
}

.subnav a.TEMVBactive:link {
	color: #e30552;

}

div.TEMcaseCntr {
	padding-top: 25px;
}

div.TEMcaseCntr h3 {
	border-top: 1px solid #1a120e;
	margin-bottom: 25px;
	font: italic 1.5em Palatino, "Book Antiqua", "Palatino Linotype", "PalatinoLinotype regular", Georgia, Arial, sans-serif;
	padding-top: 25px;
	display: none;
}

div.TEMcase {
	border-top: 1px solid #1a120e;
	margin-bottom: 20px;
	margin-top: 0;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

div.TEMcaseCntr h4 {
	font-size: 1.25em;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0 0 0 30px;
}

div.TEMcase span.TEMarrow {
	display: block;
	width: 30px;
	height: 100%;
	font-weight: bold;
	font-size: .75em;
	float: left;
}

div.TEMcase p {
	padding: 0 0 0 30px;
	margin: 0 0 10px;
}

div.TEMcase p.TEMdownload {
	display: block;
	height: 25px;
	margin-top: 5px;
	padding: 2px 0 15px 20px;
	margin-left: 30px;
}

div.contactpersoon {
	clear: both;
	overflow: hidden;
		border-top: 1px solid #1a120e;
	padding-top: 25px;
}

div.contactpersoon img {
	float: left;
	margin-right: 15px;
	border: 1px solid #1a120e;
	background-color: #eee;
	padding: 1px;
}


div.contactpersoon ul li {
	list-style-type: none;
}

div.contactpersoon ul li.naam {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: .75em;
}

div.contactpersoon ul li.tel {
	margin-top: .75em;
	letter-spacing: 1px;
	font-weight: bold;
}
div.contactpersoon ul li.tel span {
	color: #e30552;
}
div.subsubnav{
	border-top: 1px solid #1a120e;
	margin-top: 5px;
	font: 1em "Franklin Gothic Medium", Helvetica, "Franklin Gothic", Arial, "Arial Black", sans-serif;
	padding-top: 10px;
	margin-bottom: 5px;
}

div.subsubnav p{
	margin: 0;
}

div.subsubnav span {
	font-size: 2em;
	vertical-align: middle;
	font-weight: normal;
	font-style: normal;
}


div.subsubnav a:link,
div.subsubnav a:visited {
	text-decoration: none;
}

div.subsubnav a.active:link,
div.subsubnav a.active:visited {
	color: #de0550;
}
div.subsubnav a.active:hover,
div.subsubnav a.active:active {
	color: #fff;
}

/* @end */

/* @group contact */

ul.TEMaddress, ul.TEMpersoneel {
	padding: 10px 0 0;
	font-size: 1em;
	margin-bottom: 20px;
}

ul.TEMaddress li, ul.TEMpersoneel li {
	list-style-type: none;
	padding-top: .3em;
}

ul.TEMaddress li span {
	font-weight: bold;
	color: #e30552;
	font-size: .85em;
}

p.meerinfo {
	margin-top: 50px;
	margin-bottom: 0;
}

p.meerinfo a:link,
p.meerinfo a:visited {
	text-decoration: none;
	font-family: "Franklin Gothic Medium", "Franklin Gothic", "Arial Black", Helvetica, sans-serif;
	background-color: #1b120e;
	padding: .5em;
	text-align: center;
}
p.meerinfo a:hover {
	background-color: #e30552;
}


/* @end */
