body{
font-family:Helvetica, sans-serif;
font-size: 62.5%;
}

#headerHomeWrapper {
height:230px;
background-color:#019199;
background-image:url(../images/bgwhitegradient.gif);
background-repeat: repeat-x;
background-position:0 215px;
}

#headerWrapper {
height:130px;
background-color:#019199;
background-image:url(../images/bgwhitegradient.gif);
background-repeat: repeat-x;
background-position:0 115px;
z-index:1;
}

#headerHomeCenterWrapper {
height:215px;
width:960px;
margin:0pt auto;
font-size:1.2em;
padding-top:15px;
}

#headerCenterWrapper {
height:130px;
width:960px;
margin:0pt auto;
font-size:1.2em;
z-index:2;
}

#headerHomeContent{
height:200px;
padding-left:30px;
background-image:url(../images/bgimg.jpg);
background-repeat:no-repeat;
background-position:625px 0;
position:relative;
}

#headerContent{
height:100px;
padding-left:30px;
position:relative;
z-index:3;

}

#gradientbarHome{
background-image:url(../images/bgwhitegradient.gif);
width:590px;
height:15px;
background-repeat: repeat-x;
background-position:0 0px;

}


#gradientbarShop{
background-image:url(../images/bgwhitegradient.gif);
width:590px;
height:15px;
background-repeat: repeat-x;
background-position:0 0px;
display:none;
}


#gradientbar{
position:absolute;
top:115px;
background-image:url(../images/bgwhitegradient.gif);
width:960px;
height:15px;
background-repeat: repeat-x;
background-position:0 0px;
z-index:0;
}
	#headerHomeContent .logo{
	background-image:url(../images/logohome.gif);
	width:200px;
	height:80px;
	padding-top:120px;
	text-align:justify;
	line-height:20px;
	background-repeat:no-repeat;
	color:white;
	cursor: pointer; cursor: hand;
	font-size:1.2em;
	position:absolute;
	}
	
	#headerContent .logo{
	background-image:url(../images/logo.gif);
	width:156px;
	height:115px;	
	position:absolute;
	left:30px;
	top:5px;
	z-index:999999;
	display:inline;
	cursor: pointer; cursor: hand;
	}
		
	li.list a {
	
	}
	
	div#topnewsHome {
	position:absolute;
	margin-bottom:5px;
	height:14px;
	top:160px;
	left:0px;
	}
	div#topnewsHome.niethome {
	top:43px;
	}
		
	div#topmenu {
	position:absolute;
	margin-bottom:5px;
	height:14px;
	top:70px;
	right:0;
	z-index:111111;
	}
		#topmenu a, #topmenuHome a, #topnewsHome a {
		color:white;
		text-decoration:none;
		}
		
	div#topmenuHome {
	position:absolute;
	margin-bottom:5px;
	height:14px;
	top:160px;
	right:0;
	}
		div#topmenuHome ul, div#topmenu ul, div#topnewsHome ul{
		margin-bottom:10px;
		padding:0;
		}
			div#topmenuHome ul li, div#topmenu ul li, div#topnewsHome ul li{
			font-size:1.4em;
			color:white;
			float:left;
			letter-spacing:1px;
			border-right:2px solid #F15A22;
			line-height:1.4em;
			padding-right:5px;
			padding-left:5px;
			font-weight:bold;
			}
			div#topmenuHome ul li.last, div#topnewsHome ul li.last, div#topmenu ul li.last{
			border:none;
			}
			div#topmenuHome ul li.current, div#topmenu ul li.current, div#topnewsHome ul li.current{
			background-color:#80C8CC;
			}
			div#topmenu ul li.current a{
			color:white;
			}
		
#wrapperContentHome{
width:960px;
margin:0pt auto;
}

#wrapperContent{
width:960px;
margin:0pt auto;
padding-top:30px;
background-color:#EDF7FA;
}

#wrapperContentShop{
padding-top:10px;
background-color:#EDF7FA;
background-image:url(../images/loading.gif);
background-repeat:no-repeat;
background-position:center 50%;
height:100%;
}
	#innerContentHome{
	padding-left:30px;
	padding-right:30px;
	background-color:#EDF7FA;
	width:530px;
	float:left;
	padding-bottom:10px;
	}
		
	#innerContent{
	min-height:400px;
	_height:400px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	background-color:#EDF7FA;
	width:900px;
	float:left;
	position:relative;
	}
	
	#buttonmenu{
	
	width:290px;
	float:right;
	position:relative;
	}
	
	#buttonmenu h2{
	margin-bottom:5px;
	font-size:2em;
	color:#00ADEF;
	font-weight:bold;
	margin-bottom:5px;
	}
	
	#buttonmenu h2 a{
	color:#00ADEF;
	text-decoration:none;
	}
	
	#buttonmenu .button {
	height:87px;
	width:290px;
	margin-bottom:23px;
	padding-top:3px;
	background-repeat:no-repeat;
	}
	
	#buttonmenu #shop{
	background-image:url(../images/button_shop.jpg);
	cursor: pointer;
	cursor: hand;
	}
	
	#buttonmenu #opleiding{
	background-image:url(../images/button_cursus.jpg);
	margin-bottom:15px;
	}
	
	#buttonmenu #dienst{
	background-image:url(../images/button_diensten.jpg);
	height:110px;
	}
	
	#buttonmenu .buttonmenuItem {
	background-color:#F15A22;
	font-size:1.5em;
	font-weight:bold;
	color:white;
	clear:both;
	float:left;
	display:block;
	margin-bottom:3px;
	padding:2px;
	display:table-cell;
	width:auto;
	}
	
	#buttonmenu .buttonmenuItem a{
	color:white;
	text-decoration:none;
	white-space:nowrap;
	}
	
	#innerContentHome h2, #innerContent h2 {
	font-size:2em;
	color:#00ADEF;
	font-weight:bold;
	margin-bottom:8px;
	}
	
	div.fpNewsMsg{
	width:530px;
	margin-bottom:20px;
 font-size: 1.3em;
    line-height: 1.8em;
    margin-bottom: 1em;
    text-align: justify;
	}
	
	div.NewsMsg{
	width:100%;
	margin-bottom:20px;
 font-size: 1.3em;
    line-height: 1.8em;
    margin-bottom: 1em;
    text-align: justify;
	}
		
	div.fpNewsMsg h3, div.NewsMsg h3{
	font-size:1.6em;
	color:#F15A22;
	font-weight:bold;
	clear: left;
	float: left; width: 100%;
	padding-bottom: 0.5em;
	}
	div.fpNewsMsg a, div.NewsMsg a{
	text-decoration:none;
	}
	
	div.fpNewsMsg p, div.NewsMsg p{
	font-size:1.3em;
	margin-bottom:5px;
	line-height:1.8em;
	text-align:justify;
	float: left; clear: left;
	}
		
	div.date{
	color:gray;
	font-size:1.2em;
	margin-top:3px;
	margin-bottom:5px;
	float:left; clear: left; width: 100%;
	}
	
	div.readon{
	text-align:right;
	font-size:1em;
	}
	div.readon a{
	text-decoration:underline;
	}
	
#topmainmenu{
	position:absolute;
	top:100px;
	right:0;
	z-index:1111;
}

#topmainmenu .topmainmenuItem{
	background-image:url(../images/tab.gif);
	width:139px;
	height:23px;
	float:left;
	text-align:center;
	padding-top:8px;
	margin-left:10px;
	color:#00ADEF;
	font-weight:bold;
	font-size:1.4em;
}

#topmainmenu .topmainmenuItemCurrent{
	background-image:url(../images/tabcurrent.gif);
	width:139px;
	height:23px;
	float:left;
	text-align:center;
	padding-top:8px;
	margin-left:10px;
	font-weight:bold;
	font-size:1.4em;
	color:#00ADEF;
}

#topmainmenu .topmainmenuItem a, #topmainmenu .topmainmenuItemCurrent a{
	color:#00ADEF;
	text-decoration:none;
	width:139px;
	display:block;
}

#menuLeftTop {
	background-image:url(../images/menulefttop.gif);
	width:202px;
	height:18px;
	display:block;
	background-repeat:no-repeat;
	z-index:999;
	background-color:#edf7fa;
	position:relative;
}

#menuLeft {
	width:202px;
	background-color:#ceebea;
	padding-top:10px;
	z-index:99;
	position:relative;
}

#menuLeftBottom {
	height:100%;
	position:absolute;
	bottom:0;
	width:202px;
	background-color:#ceebea;
	z-index:9;
}

#menuLeftInner {
	width:192px;
	padding-left:10px;
	color:#F15A22;
	font-size:1.3em;
}

#menuLeftInner .item {
margin-bottom:15px;
}

#menuLeftInner a{
color:#F15A22;
text-decoration:none;
}

#menuLeftInner a.current{
font-weight:bold;
}

#breadcrumb {
font-size:0.9em;
position:absolute;
left:40px;
top:130px;
color:gray;
}

#breadcrumb li{
float:left;
}

#breadcrumb li a{
color:gray;
text-decoration:none;
}

#menuLeftComplete{
width:202px;
height:100%;
float:left;
}

div.pageContent {
padding-left:30px;
float:left;
width:668px;
}

div.pageContent h1{
color:#00ADEF;
font-size:2.5em;
margin-bottom:6px;
}

div.pageContent p{
font-size:1.3em;
line-height:1.8em;
margin-bottom:1em;
text-align:justify;
}

div.pageContent ul{
font-size:1.3em;
line-height:1.8em;
margin-bottom:1em;
list-style-type:disc;
list-style-position:outside;
padding-left:15px;
}

#bottomContent {
margin:0pt auto;
width:960px;
height:50px;
background-color:#019199;
padding-top:5px;
}

div#signup {
width:182px;
text-align:left;
margin:10px;
border-top:1px solid #019199;
padding-top:13px;
font-size:1.3em;
}

div#signup a, div#signupnews a{
color:#F15A22;
text-decoration:none;
}

div#signupnews {
width:182px;
text-align:left;
margin:10px;
font-size:1.3em;
}

div#signup input.text, div#signupnews input.text{
width:155px;
margin-bottom:5px;
border:1px solid #F15A22;
background-color:#EDF7FA;
padding:5px;
}

div#image{
float:right;
padding-left:20px;
padding-bottom:10px;
}

div.endmsg{
width:100%;
display:block;
height:10px;
padding-bottom:3px;
padding-left:3px;
border-bottom:1px solid #019199;
}

div.adress{
float:left;
width:120px;
font-size:1.1em;
line-height:1.3em;
height:50px;
margin-left:30px;
}

div.adress a{
text-decoration:none;
color:white;
}

div.contact{
float:left;
width:120px;
line-height:1.3em;
height:50px;
font-size:1.1em;
margin-left:30px;
}

div.contact a{
text-decoration:none;
color:white;
}

#bottombar{
width:100%;
height:50px;
color:white;
letter-spacing:0.1em;
float:left;
}

iframe#webshop{

}

div#docs {
border-top:1px solid #019199;
display:block;
float:left;
padding-top:10px;
width:100%;
margin-bottom:5px;
}

div#docs h4{
margin-bottom:5px;
font-size:1.3em;
}

div#docs a{
font-size:1.3em;
display:block;
float:left;
clear:both;
line-height:1.3em;
}

div.docnews {
padding-top:3px;
}

div.docnews h4{
margin-bottom:5px;
font-size:1.1em;
}

div.docnews a{
font-size:1.1em;
display:block;
float:left;
clear:both;
}

.opleidingContent {
width:466px;
float:left;
}

.opleidingPlanning {
float:right;
width:185px;
padding-top:39px;
}
div.pageContent div.opleidingPlanning .formdl{
border-top:1px solid #019199;
padding-top:5px;
padding-bottom:10px;
}

#houhoogte #freeform input{
margin-bottom:2px;
}

div.pageContent div.opleidingPlanning p, div.pageContent div.opleidingPlanning ul{
font-size:1.1em;
padding-top:0;
}

.oOverzicht, .planner {
font-size:1.3em;
line-height:1.4em;
margin-bottom:15px;
}

.oOverzicht a, .planner a{
color:#F15A22;
}

.oOverzicht td, .planner td {
padding:5px;
}

.oOverzicht .header, .planner .header  {
font-weight:bold;
}

.planner td.alt, .oOverzicht td.alt{
background-color:#d9f3fd;
}

ul#overzicht a{
color:#F15A22;
}
ul#overzicht {
list-style-type: none;
}

label {
cursor: pointer; cursor: hand;
}

legend {
margin-left:10px;
font-weight:bold;
}

/* styles voor tinymce editor, moet gelijk zijn aan tinymce/contentstyles.css */

.groot {
font-size:1.4em;
}

.groter {
font-size:1.6em;
}

/* Iconize 0.5 */

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_pic.gif) no-repeat center right;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_opml.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_phps.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_phps.gif) no-repeat center right;
}

a[href$='.torrent'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_torrent.gif) no-repeat center right;
}

a[href$='.vcard'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_vcard.gif) no-repeat center right;
}

a[href$='.exe'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_exe.gif) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_dmg.gif) no-repeat center right;
}

a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_pdf.gif) no-repeat center right;
}

a[href$='.xpi'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_archive.gif) no-repeat center right;
}

a[href$='.ical'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_ical.gif) no-repeat center right;
}

a[href$='.css'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_css.gif) no-repeat center right;
}

a[href$='.ttf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_ttf.gif) no-repeat center right;
}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_film.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_music.gif) no-repeat center right;
}

/* messenger */
a[href ^="aim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(http://www.reaktie.net/images/icons/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(http://www.reaktie.net/images/icons/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(http://www.reaktie.net/images/icons/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://www.reaktie.net/images/icons/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(http://www.reaktie.net/images/icons/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(http://www.reaktie.net/images/icons/icon_skype.gif) no-repeat center right;
}

a[href ^="gg:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(http://www.reaktie.net/images/icons/icon_gadugadu.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(http://www.reaktie.net/images/icons/icon_mailto.gif) no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

#freeform {
font-size:1.3em;
}