/* 
Yes2web Standaard CSS - V 20100209 
Main.css Bevat de opmaak code voor alles wat door TinyMCE gebruikt kan worden.
*/

/*
Projectnaam/algemene info
@author: Roël van Dijk
@version: 20090225-001
*/
/* Clean lists
*****************************/
ul#navigation, #wrapper-photo ul,
ul.products, ul.news, div#customers ul,
div#footer ul,ul.sub-navigation, ul#twitter{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#twitter, ul.news, ul.sub-navigation{ margin-bottom: 29px;}

body, #publerBody {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 10px;
}
h1, h2, h3, h4, h5 { margin-top: 0; } /* reset the Headings of the page */

#contents ul{
	font-size: 12px;
	color: #555;
}

h1{
	font-size: 2.6em;
	margin-bottom: 10px;
	font-family: Georgia, serif;
	color: #bed535;
}
h2{
	font-size: 1.8em;
	font-weight: normal;
	color: #555;
	margin: 3px 0 16px 0;
	font-family: Georgia, serif;
}
h2.notop{
	margin-top: 0;
}
h2.twitter{
	background: url(../../images/amaziqsource/background/content_bg.png) right -267px no-repeat;
	height: 30px;
}



h4 {
	color: #FFF;
}

h6 { 
	font-size: 1.1em;
	color: #555;
	font-weight: normal;
	margin-bottom: 0.6em;
}
h6 a{
	color: #555;
	text-decoration: none;
}
h6 a:hover{
	color: #bed535;
}

p{
	font-size: 1.2em;
	line-height: 20px;
	color: #555;
	margin-bottom: 1.8em;
}

a {
	text-decoration: none;
	color: #bed535;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

/* Products
***********************************/
#contents ul.products{
	width: 570px;
}
#contents ul.products li{
	float: left;
	width: 180px;
}
#contents ul.products li a{
	font-weight: normal;
	font-size: 11px;
}
#contents ul.products li.even{
	margin: 0 15px;
}
#contents ul.products li a img{
	border: 1px solid #ddd;
	margin-bottom: 12px;
}
#contents ul.products li a:hover img{
	border: 1px solid #555;
}
/* Products v2 tabel
***********************************/
.product-tab td{ height: 112px; }
.product-tab a,
#tiny-body .product-tab a{ 
	font-weight: normal !important; 
	font-size: 11px !important; 
	color: #555555 !important;
}
.product-tab a img{
	border: 1px solid #ddd;
	margin-bottom: 12px;
}
.product-tab a:hover img{ border: 1px solid #555; }



/* sIFR CSS
***********************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
  
}

/* Tiny styles for Publer, make sure these style match the main content styles! */
#tiny-body{
	width: 600px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
#tiny-body .break{
	clear: both;
}

#tiny-body p, #tiny-body li, #tiny-body table tr td, #tiny-body table tr th{
	font-size: 11px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
#tiny-body label{
	float: left; 
	width: 150px;
}

#tiny-body a {
	text-decoration: none !important;
	color: #bed535 !important;
	font-weight: bold !important;
}

#tiny-body a:hover {
	text-decoration: underline !important;
}