* { margin: 0; padding: 0; }
/*
Theme Name:		OMJS Theme
Theme URI:		http://www.joerimultimedia.nl
Description:	OMJS 2009
Version:		1.0
Author:			Giel vd Berg
Author URI:		http://www.gielvdberg.nl
*/
 
body{
		background-color:#F1F4F5;
		background-image: url(images/body_bg.gif);
		background-repeat: repeat-y;
		background-position: center;
}

body, td, pfprofile{
	Font-family: Tahoma,Arial,Verdana,sans-serif;color:#3F3F3F;
	font-size : 10pt;
}

p {
	margin-bottom: 10px;
}

a {
	color: #f48024;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

#container {
	height: auto;
	width: 906px;
	margin-right: auto;
	margin-left: auto;
}
/* Header */
#logo{
	width: 160px;
	height: 81px;
	/* background-image: url(images/logo.gif); */
	position: relative;
	top: 13px;
	margin-left: 5px;
}

.search {
	width:325px;
	height:25px;
	float: right;
	text-align: right;
	clear: right;
	margin-top: -70px;
	margin-right: 4px;
	background:url(images/mini_search_bg.png);
	padding-top: -5px;
}

.search .input-text { position: relative; top: -6px; width:212px; margin-right:3px; margin-top: -10px; background: transparent; border: 0px; font-size: 8pt; color: gray;}



/* MENU */

.menu{
	width: 700px;
	height: 25px;
	margin-left: 175px;
	margin-top: -10px;
	z-index: 3;
}

.post {
	margin: 0 0 50px;
	text-align: justify;
	}

#breadcrumb{
	width: 910px;
	height: 41px;
	position: relative;
	top: 14px;
	/* background-image: url(images/menu.png);*/
}



#breadcrumbtxt {
	margin-left: 55px;
	margin-top: -30px;
	font-size: 8pt;
	font-weight: bold;
}

#breadcrumbtxt a{
	color: #626366;
}

/* Content Startpagina */
#mainslider{
	width: 910px;
	height: 318px;
	top: 25px;
	position: relative;
}

#mainbuttons{
	width: 912px;
	height: 48px;
	background-image: url(images/3buttons.png);
	position: relative;
	top: 16px;
}

#containernews1all{
	width: 906px;
	height: 120px;
	position: relative;
	top: 30px;
	background-image: url(images/main1.png);
}

.news1div{
	width: 295px;
	height: 108px;
	float: left;

}

.news1avatar{
	width: 78px;
	height: 60px;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
	margin-bottom: 0px;
}

.news1avatar{
	list-style: none;
}

.avatar{

	float: left;
	padding: 3px;
}

.avatar img {
	border: 1px solid silver;
}

.news1txt{
	width: 250px;
	height: 78px;
	float: left;
	margin-top: 15px;
	margin-left: 20px;
	font-size: 8pt;
	padding: 0 0 0 10px;
}

.category_images_ii{
	width: 60px;
	height: 60px;
	float: left;
	margin: 10px 10px; 
	list-style: none;
	
}

.category_image img {
	border: 0px;
}


#containernews2all{
	width: 906px;
	height: auto;
	position: relative;
	top: 40px;
}

#top {
	background-image: url(images/top2.png);
	width: 906px;
	height: 32px;
	clear: left;
}

#leftcontent {
	width: 301px;
	margin-top: 30px;
	background-image: url(images/faux3.png);
	float: left;
	margin-left: -3px;
}

#leftbottom {
	position: relative;
	width: 301px;
	height: 12px;
	top: 10px;
	background-image: url(images/bottom3.png);
	clear: left;
}
	
#centercontent {
	left:302px;
	width: 301px;
	background-image: url(images/faux3.png);
	float: left;
	margin-top: 30px;
	margin-left: 4px;
}

#centerbottom {
	position: relative;
	width: 301px;
	height: 12px;
	top:10px;
	background-image: url(images/bottom3.png);
	clear: left;
}

#rightcontent {
	position: relative;
	left:4px;
	width: 301px;
	margin-top: 30px;
	background-image: url(images/faux3.png);
	float: left;
}


#rightbottom{
	position: relative;
	width: 301px;
	height: 12px;
	top:10px;
	background-image: url(images/bottom3.png);
}

.lefttxt{
	width: 90px;
	float: left;
	margin-left: 20px;
}

.righttxt{
	margin-left: 130px;
	width: 170px;
	font-size: 8pt;
}

.righttxt1{
	margin-left: 150px;
	width: 30px;
	font-size: 8pt;
}

.lefttxtleft{
	width: 267px;
	margin-left: 20px;
	font-size: 8pt;
	text-align: right;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
}

#nieuwsbrief_container{
	width: 906px;
	float: left;
	margin-top: -60px;
}

#nieuwsbrieftop{
	background-image: url(images/top3.png);
	background-repeat:no-repeat;
	width: 906px;
	height: 32px;
}

#nieuwsbriefcontent {
	left:302px;
	width: 301px;
	background-image: url(images/faux3.png);
	height: 150px;
	float: left;
	margin-left: 302px;
	margin-top: 25px;
	height: auto;
}

#nieuwsbriefbottom {
	position: relative;
	width: 301px;
	height: 12px;
	margin-left: 302px;
	background-image: url(images/bottom3.png);
	clear: left;
}


#containerfooter{
	width: 906px;
	height: auto;
	position: relative;
	margin-top: 100px;
}

/* Content Artikel/Search Pagina */

#containercontent{
	width: 683px;
	height: auto;
	top: 32px;
	position: relative;
	float: left;
	left: 3px;
}

#containercontent_right{
	width: 683px;
	height: auto;
	float: right;
	position: relative;
	top: 32px;
}

#titlebar{
	width: 685px;
	background-image:url(images/titlebar.png);
	background-repeat: no-repeat;
	float: left;
}

#titlebar_search{
	width: 907px;
	height: 35px;
	background-image:url(images/titlebar_search.png);
	float: left;
}

#content{
	width: 685px;
	height: auto;
	background-image:url(images/faux4.png);
	float: left;
	margin-top: -10px;
}

#content-noli{
	width: 685px;
	height: auto;
	background-image:url(images/faux4.png);
	float: left;
	margin-top: -10px;
}

#content_search{
	width: 906px;
	height: auto;
	background-image:url(images/faux4_search.png);
	float: left;
}


#contenttxt{
	z-index: 4;
	margin-left: 45px;
	margin-right: 45px;
	width: 600px;
	margin-top: 30px;
	height: auto;
	float: left;
}

#contenttxt-notitle{
	z-index: 4;
	margin-left: 45px;
	margin-right: 45px;
	width: 600px;
	margin-top: 5px;
	height: auto;
	float: left;
}

#contenttxt_right{
	z-index: 4;
	top: 10px;
	left: 10px;
	width: 670px;
	height: auto;
	float: right;
	position: relative;
}

#contenttxt_search{
	z-index: 4;
	margin-left: 45px;
	margin-top: 60px;
	width: 830px;
	height: auto;
	float: left;
}

#contenttxt_search-notitle{
	z-index: 4;
	margin-left: 45px;
	margin-top: 10px;
	width: 830px;
	height: auto;
	float: left;
}

#contentecoll{
	z-index: 4;
	width: 620px;
	margin-left: 12px;
	margin-top: 30px;
	height: auto;
	float: left;
}

div#nieuwe-ecolleges{
	margin:0 0 0 20px;
	width:620px;
	min-height:280px;
}
div#nieuwe-ecolleges div.item { 
	font-size:11px;
	width:300px;
	height:90px;
	overflow:hidden;
	float:left;
	margin:4px;
}
div#nieuwe-ecolleges div a p {
	margin:5px 0 3px 0;
}
div#nieuwe-ecolleges div a p.tags {
	margin:0;
}

div#nieuwe-ecolleges h3 {
	margin:35px 0 20px 0;
}
div#voor-u-geselecteerd-home h3 {
	margin:85px 0 20px 0;
}
div.item img {
	display:inline;
	float:left;
	margin:0 10px 0 0;
	border:none;
}
p.noitem {
	font-size:11px;
	margin:0 10px;
}
div#nieuwe-ecolleges div.item a {
	font-size:12px;
	color:#696969;
	display:block;
	border:1px solid #c1c1c1;
	width:288px;
	height:78px;
	padding:5px;
	 
}
div#nieuwe-ecolleges div.item a:hover{
	color:#f67300;
	text-decoration:none;
	border:1px solid #f67300;
}
div#bekijkook div a {
	font-size:11px;
	color:#696969;
	display:block;
	border-bottom:1px solid #c1c1c1;
	width:163px;
	min-height:60px;
	padding:5px;
	overflow:hidden;
	margin:5px 0 5px 10px; 
}
div#bekijkook div img {
	margin:5px 10px 5px 0;
}
div#bekijkook div a p {
	padding:0 0 2px 0;
	display:block;
	float:right;
	width:93px;
}
div#bekijkook div a h5 {
	padding:0 0 2px 0;
	display:block;
	float:right;
	width:93px;
}
div#bekijkook div a:hover{
	color:#f67300;
	text-decoration:none;
}
div#bekijkook div.bekijkook_item3 a{
	border:none;
}
div#voor-u-geselecteerd-home div.item { 
	font-size:11px;
	width:195px;
	height:75px;
	overflow:hidden;
	float:left;
	margin:5px;
	display:block;
}
p.ecollege-over{
	font-size:11px;
	margin:15px 10px;
}
div#voor-u-geselecteerd-home{
	margin:0 0 0 20px;
	width:620px;
}
div#voor-u-geselecteerd-home div.item a {
	font-size:11px;
	color:#696969;
	display:block;
	border:1px solid #c1c1c1;
	width:183px;
	height:63px;
	padding:5px;
	line-height:12px;
	 
}
div#voor-u-geselecteerd-home div.item a p {
	margin:3px 0;
}
div#rotator {
	margin:-50px 0 0 5px;
	height:262px;
	width:650px;
}
div#rotator img  { position:absolute; width:650px; height:262px; display:none;}


div#voor-u-geselecteerd-home div.item a:hover{
	color:#f67300;
	text-decoration:none;
	border:1px solid #f67300;
}
div.socialbar {
	background-color:#dadada;
	min-height:20px;
	width:620px;
	color:#404040;
	text-shadow:1px 1px 1px #f5f5f5;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:11px;
	font-family:Verdana;
	padding:5px;
	margin:15px 0 30px 12px;
	border-top:1px solid #a6a6a6;
}
div.featured_ecollege a img	{
	border:none;
}

img.background_img{
	margin:-360px 0 0 0;
	display:none;	
}
div.youtube{
	margin:0 0 0 12px;
}
div.description-ecollege{
	display:block;
	clear:both;
}
div.socialbar p {
	width:350px;
	float:left;
	margin:3px 0 3px 10px;
}
div.socialbar p a {
	color:#404040;
}
div.description-ecollege{
	margin:0 0 0 20px;
}
h2.ecollegetitle{
	margin-left:30px;
}
div.sharebtn {
	float:right;
	width:240px;
}
div.sharebtn div{
	float:left;
	margin:0 10px;
}
div.sharebtn div.facebook{
	width:55px;
	height:20px;
	overflow:hidden;
}

div.item a p{
	color:black;
	font-size:11px;
}
div.item a p.tags {
	font-style:italic;
	margin:0;
}
div.item a:hover p{
	color:black;
}
ul#categorieen{
	margin:10px 0 20px 25px;
}
ul#categorieen li	{
	margin:4px 0;
}
ul#spelletjesoverzicht{
	margin:0 0 0 20px;
}

#contentfooter{
	width: 685px;
	height: 187px;
	background-image: url(images/bottom4.png);
	float: left;
}

#contentfooter_search{
	width: 906px;
	height: 187px;
	background-image: url(images/bottom4_search.png);
	float: left;
}

.center5minuten{
	margin-left: 40px;
	bottom: 40px;
}

.center5minuten1{
	margin-left: 40px;
	margin-top: 300px;
}

.center5minuten2{
	margin-left: 220px;
	margin-top: 100px;
}


/* footer */

.footer{
	width: 906px;
	margin-top: 50px;
	float: left;
}

.footer .informational label { color:gray; font-weight:bold; padding-right:3px; }
.footer .informational ul {
    display:inline;
    }
.footer .informational li {
    display:inline;
    padding-right:8px;
    padding-left:4px;
vertical-align: middle;
    }
.footer .informational li.last { background:none; padding-right:0; }
.footer .informational a, .footer .informational a:hover { color:gray; }
.footer .informational a { text-decoration:none; }

.footer .legality {
    padding:13px 0;
    color:gray;
    text-align:center;
    }


.footer .legality a, .footer .legality a:hover { color:gray; }


.footer_lesmateriaal{
	width: 906px;
	margin-top: 30px;
	border: 1px dotted red;
	clear: both;
}

.footer_lesmateriaal .informational label { color:gray; font-weight:bold; padding-right:3px; }
.footer_lesmateriaal .informational ul {
    display:inline;
    }
.footer_lesmateriaal .informational li {
    display:inline;
    padding-right:8px;
    padding-left:4px;
vertical-align: middle;
    }
.footer_lesmateriaal .informational li.last { background:none; padding-right:0; }
.footer_lesmateriaal .informational a, .footer .informational a:hover { color:gray; }
.footer_lesmateriaal .informational a { text-decoration:none; }

.footer_lesmateriaal .legality {
    padding:13px 0;
    color:gray;
    text-align:center;
    }


.footer .legality a, .footer .legality a:hover { color:gray; }


/* Sidebars */
.side-col { margin-top: 25px;  }
.side-col { float: left; }
.side-col .box { margin-bottom:1.3em; }
.side-col .content { margin-left: 20px; padding:5px 10px; }
.side-col .foto { margin-left: 13px; padding:5px 10px; }
.side-col .foto a { list-style: none; } 
.side-col .head { text-align:left; }
.side-col h2, .side-col h3, .side-col h4, .side-col h5 { float:none; }
.side-col h3 { font-size:1.05em; color:#e65505; text-transform:uppercase;  }
.side-col h4 { color:#e65505; text-transform:uppercase; }
.side-col .actions {
    padding:4px 0;
    font-size:.95em;
    text-align:right;
    }
.side-col .actions a, .side-col .actions a:hover { text-decoration:underline; }

.side-col_left { margin-top: 25px;  }
.side-col_left { float: left;}
.side-col_left .box { margin-bottom:1.3em; }
.side-col_left .content { margin-left: 20px; padding:5px 10px; }
.side-col_left .head { text-align:left; }
.side-col_left h2, .side-col h3, .side-col h4, .side-col h5 { float:none; }
.side-col_left h3 { font-size:1.05em; text-transform:uppercase; }
.side-col_left h4 { color:#e65505; text-transform:uppercase; }
.side-col_left .actions {
    padding:4px 0;
    font-size:.95em;
    text-align:right;
    }
.side-col .actions a, .side-col .actions a:hover { text-decoration:underline; }

/* Base Mini */`
.base-mini-product { border:0px solid #c4c1bc;  width: 195px; margin-left: 16px; background-position: bottom center; line-height:1.3em; padding-bottom: 5px; font-size:.95em;  }

.base-mini-product_left { border:0px solid #c4c1bc;  width: 195px; background-position: bottom center; line-height:1.3em; padding-bottom: 5px; font-size:.95em;  }

.base-mini-left { border:0px solid #c4c1bc; margin-bottom: 10px; background: url(images/boxbottom2.gif); width: 195px; background-position: bottom center; line-height:1.3em; padding-bottom: 10px; font-size:.95em;  }
.base-mini-left .head {  border-bottom:0px solid #ddd; background:url(images/boxtop.gif); background-repeat: no-repeat; padding:3px 5px; }

.base-mini { border:0px solid #c4c1bc; margin-bottom: 10px; background: url(images/boxbottom2.gif); width: 195px; margin-left: 24px; background-position: bottom center; line-height:1.3em; padding-bottom: 10px; font-size:.95em;  }
.base-mini .head {  border-bottom:0px solid #ddd; background:url(images/boxtop.gif); background-repeat: no-repeat; padding:3px 5px; }
.base-mini .head h4 { font-size:.95em; min-height:16px; color:#e26703; background-repeat:no-repeat; background-position:0 0; padding:1px 0 1px 0px; text-transform:uppercase; }
.base-mini .base-mini-product .content h4 { width: 200px; font-size: 1.10em; min-height:16px; color:#e26703; padding:1px 0 1px 0px; text-transform:uppercase; position: relative; left: -13px; top: -3px;}
.base-mini .head h4 .count { text-transform:none; color:#2f2f2f; white-space:nowrap; font-weight:normal; font-size:.95em; }
.base-mini h5 { font-size:1em; }
.base-mini .content, .base-mini ol { font-size: 8pt; }
.base-mini .content { padding: 0px 7px 0px 0px;}
.base-mini .content a { color: #626366;}
.base-mini .content li { 
	
	list-style: none;
	padding: 0 0 0 10px;
	background: url(images/bullet.png) no-repeat 0 7px; 
}

.base-mini .content-noli li { 
	
	list-style: none;
	padding: 0 0 0 23px;
}

.base-mini ol li { padding:7px 4px 7px 8px; }
.base-mini ol li.odd { background:#f4f3f3; }
.base-mini ol li.even { background:#fafafa; }

.base-mini-product { border:0px solid #c4c1bc;  width: 195px; margin-left: 16px; background-position: bottom center; line-height:1.3em; padding-bottom: 5px; font-size:.95em;  }

.base-mini-left { border:0px solid #c4c1bc; margin-bottom: 10px; background: url(images/boxbottom2.gif); width: 195px; margin-left: 10px; background-position: bottom center; line-height:1.3em; padding-bottom: 10px; font-size:.95em;  }

/* Form Elements */
input.input-text, select, textarea { border:1px solid #b6b6b6; font:12px arial, helvetica, sans-serif; }
input.input-text, textarea { padding:2px; }

/* tab example */

:focus {
outline:none; }

div.tab_link {  color: #333; width: 100%; height: 22px; line-height:22px;}
.tab_link{ display:block; color: #777 !important; width: 100%; height: 22px; }
.tab_link:hover { color: #f48024; cursor: pointer !important; }

div.tab_link1 {  color: #333; width: 100%; height: 22px; line-height:22px;}
.tab_link1{ display:block; color: #777 !important; width: 100%; height: 22px; }
.tab_link1:hover { color: #f48024; cursor: pointer !important; }
.selected {color:#f48024 !important;}


div.tab {color: #555 !important; float:left; width:140px !important; line-height:18px; margin: 13px 20px 50px 0px;  }

div.tab li{
	paddig-left: 0px;
	list-style: none;
	padding: 0 0 0 10px;
	background: url(images/bullet.png) no-repeat 0px 7px; 
}

div.tab1 {color: #555 !important; float:left; width:140px !important; line-height:18px; margin: 13px 20px 50px 0;  }

div.tab1 li{
	paddig-left: 5px;
	list-style: none;
	padding: 0 0 0 5px;
	background: url(images/bullet.png) no-repeat 0 7px; 
}

ul.promotions_left {font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 100%; color: #aaa; list-style: none; list-style-type:none; margin-top:13px; }
ul.promotions_left a{font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 100%; color: #aaa; list-style: none; list-style-type:none; }
ul.promotions_left li {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Layout Opmaak */

.pagetitle{
	font-weight: Bold;
	font-size: 18px;
	margin-left: 45px;
	margin-top: 40px;
}

.icons{
	float: right;
	margin-right: 10px;
	margin-top: 15px;
}

#newtagcloud a {
	color: #424346;
}
#newtagcloud {
	list-style: none;
	position: relative;
	left: -15px;
}

ul.related_post {
	list-style: none;
	font-size: 8pt;
	position: relative;
	left: 0px;
}

ul.related_post li {
	list-style: none;
	padding: 0 0 0 10px;
	background: url(images/bullet.png) no-repeat 0px 7px; 
}
ul.related_post a {
	color: #626366;
}

#contenttxt ul, ol{
	padding-left: 30px;
	padding-bottom: 10px;
}

#contenttxt li{
	padding-left: 15px;		
}


h3 a {
	color: #626366;
}

.lefttxtleft a {
	color: #626366;
}

.videoscreen {
width: 542px;
height: 324px;
padding: 18px 0px 0px 0px;
background: url('http://93.186.179.121/~omjs/e-colleges1/images/videobg.gif');
background-repeat: no-repeat;
text-align: center;
}

.videoscreen_small {
width: 542px;
height: 161px;
padding: 18px 0px 0px 0px;
background: url('http://93.186.179.121/~omjs/e-colleges1/images/videobg_half.gif');
background-repeat: no-repeat;
text-align: center;
margin-left: 30px;
}

.videoscreen_small img{
	padding: 20px 10px;
}

.videoscreen_big {
width: 542px;
height: 395px;
padding: 18px 0px 0px 0px;
background: url('http://93.186.179.121/~omjs/e-colleges1/images/videobg_big.gif');
background-repeat: no-repeat;
text-align: center;
}

#contenttxt_right li{
	width: 230px;
	float: left;
	list-style: none;
	padding: 0 0 0 10px;
	background: url(images/bullet.png) no-repeat 0 7px; 

}

.clear{clear: both;}
.space{height: 35px;}


.toggler{
  cursor: pointer;
}

.comment{
  clear: both;
}

.comment img{
  width: 50px;
  float: left;
  margin: 0 15px 0 0;
}

.comment div{
  float: left;
  margin: 0 0 20px 0;
}

blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #FFB84D; background-color: #FFE9C7; } blockquote p { margin: 0; }

ul#twitter_update_list {
	list-style: none;
}
ul#twitter_update_list li {
	list-style: none;
}

ul#twitter_update_list a {
	color: #f48024;
	text-decoration: none;
}

ul#twitter_update_list a:hover {
	text-decoration: underline;	
}

.read-more {
float:left;
clear:both;

}

.author-description {
visibility: hidden;
display: none;
}


/* HOME SLIDER
-----------------------------------------------*/

#slider {
	margin-bottom:0px;
	margin-top:0px;
}

* html #slider {
	padding-bottom:0;
}

#sliderFold {
	width:200px;
	padding:0;
	float:left;
}

#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst{
	padding:8px 10px 0px 10px;
	height:54px;
	position:relative;
	cursor:pointer;
}

#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {
	background:url(../omjs/images/bk_serv_active1.png) 100% 0 repeat-x;
	
	
}
#sliderFold .sliderItem {
	background:url(../omjs/images/bk_serv_nonactive1.png) 100% 0 repeat-x;
	
	
}

#sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2 #sliderFold .sliderItem:hover h2{
	font-size:9pt;
	font-weight: bold;
	padding-bottom:0px;
	text-transform:none;
	color:#fff;
}

#sliderFold .sliderItem h2 {
	font-size:9pt;
	font-weight: bold;
	padding-bottom:0px;
	text-transform:none;
	color:#ff6600;
	
	
}

#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p  {
	line-height:120%;
	margin:0;
	padding:0;
	font-size: 8pt;
}

#sliderFold .sliderItem img, #sliderFold .sliderItemOn img, #sliderFold .sliderItemOnFirst img{
	position:absolute;
	left:0;
	top:0px;
}

.sliderImg {
	border-left:none;
	position:relative;
	float:left;
	padding:0px;
	height:400px;
}

.panel a.butDetails {
	display:block;
	position:absolute;
	width:157px;
	height:40px;
	background:url(images/but_slider.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	right:3px;
	bottom:5px;
}

.panel img {
	border:0px solid #fff;
}	




/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	float:left;
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 710px; /*Width of Carousel Viewer itself*/
	height: 309px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 710px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:309px;
	position:relative;
}


img.wp-post-image {
clip: rect(0px, 60px, 60px, 0px); 
overflow: hidden; 
}

.image {
	padding: 5px;
	background: #fff;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .25);
	border-radius: 2px;
	width: 60px;
	float: left;
	margin-right: 5px;
}

.image img {
	max-width: 100%;
	height: auto;
}