/* 
Tigchelaar Tegelkachels
======================================================================================
URL:				www.tigchelkachels.nl/

======================================================================================
*/
@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);


body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
	background: #848188 url(../images/bg1.gif) repeat-y top left;
	margin: 0;
	padding: 0;
	height: 100%;
}

html
{
	height: 100%;
}

a:link, a:visited {
	color: #FFF;
	text-decoration: underline;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	text-decoration: none;
	}

ul
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 15px;
}

#bovenstuk
{
	width: 100%;
	height: 184px;
	background: #FFC500 url(../images/header.jpg) no-repeat top center;
}


#middenstuk
{
	width: 100%;
	min-height: 460px;
	padding-bottom: 300px;
}
	/* Fix voor IE */
		* html #middenstuk
		{
			height: 460px;
		}

#middenstuk_vervolg
{
	width: 100%;
	min-height: 460px;
	padding-bottom: 50px;
}
	/* Fix voor IE */
		* html #middenstuk_vervolg
		{
			height: 460px;
		}


#linkerkant
{
	float: left;
	width: 155px;
	min-height: 355px;
	padding: 0px 0px 0px 10px;
}
	/* Fix voor IE */
		* html #linkerkant
		{
			height: 355px;
		}
		
#adreshome{
	float: left;
	width: 155px;
	color: #ffffff;
	font-size: 10px;
}

.navlinks {

	width: 155px;
}


#pagina
{
	float: left;
	width: 780px;
	min-height: 560px;
	position: relative;
}
	/* Fix voor IE */
		* html #pagina
		{
			height: 560px;
		}
		
#pagina_vervolg
{
	float: left;
	width: 740px;
	min-height: 560px;
	padding: 0px 0px 0px 50px;
	position: relative;
	background: url(../images/header_tigchel_nl.jpg) no-repeat 0px 0px;
}
	/* Fix voor IE */
		* html #pagina_vervolg
		{
			height: 560px;
		}
		
#pagina_vervolg_uk
{
	float: left;
	width: 740px;
	min-height: 560px;
	padding: 0px 0px 0px 50px;
	position: relative;
	background: url(../images/header_tigchel_uk.jpg) no-repeat 0px 0px;
}
	/* Fix voor IE */
		* html #pagina_vervolg_uk
		{
			height: 560px;
		}
		
#pagina_vervolg_cz
{
	float: left;
	width: 740px;
	min-height: 560px;
	padding: 0px 0px 0px 50px;
	position: relative;
	background: url(../images/header_tigchel_cz.jpg) no-repeat 0px 0px;
}
	/* Fix voor IE */
		* html #pagina_vervolg_cz
		{
			height: 560px;
		}


#pagina_vervolg2
{
	float: left;
	width: 740px;
	min-height: 560px;
	padding: 0px 0px 0px 50px;
	position: relative;
	background: url(../images/header_finovens.jpg) no-repeat 0px 0px;
}
	/* Fix voor IE */
		* html #pagina_vervolg2
		{
			height: 560px;
		}
		
#pagina_vervolg3
{
	float: left;
	width: 740px;
	min-height: 560px;
	padding: 0px 0px 0px 50px;
	position: relative;
	background: url(../images/header_normal.jpg) no-repeat 0px 0px;
}
	/* Fix voor IE */
		* html #pagina_vervolg3
		{
			height: 560px;
		}

#pagina_vervolg4
{
	float: left;
	width: 740px;
	min-height: 560px;
	padding: 0px 0px 0px 50px;
	position: relative;
	background: url(../images/header_milieu2.jpg) no-repeat top right;
}
	/* Fix voor IE */
		* html #pagina_vervolg2
		{
			height: 560px;
		}

#pagina_vervolg4_uk
{
	float: left;
	width: 740px;
	min-height: 560px;
	padding: 0px 0px 0px 50px;
	position: relative;
	background: url(../images/header_milieu_uk.jpg) no-repeat top right;
}
	/* Fix voor IE */
		* html #pagina_vervolg4_uk
		{
			height: 560px;
		}
		
#pagina_vervolg4_fr
{
	float: left;
	width: 740px;
	min-height: 560px;
	padding: 0px 0px 0px 50px;
	position: relative;
	background: url(../images/header_milieu_fr.jpg) no-repeat top right;
}
	/* Fix voor IE */
		* html #pagina_vervolg4_fr
		{
			height: 560px;
		}



#detailpagina
{
	float: left;
	width: 740px;
	min-height: 560px;
	padding: 0px 0px 0px 50px;
	position: relative;
	background: url(../images/header_normal.jpg) no-repeat 0px 0px;
}
	/* Fix voor IE */
		* html #pagina_vervolg
		{
			height: 560px;
		}



#header_home {
	float: left;
	width: 830px;
	height: 600px;
	background: url(../images/header_home3_nl.jpg) no-repeat 0px 0px;
	position: relative;
}
#header_home_uk {
	float: left;
	width: 830px;
	height: 600px;
	background: url(../images/header_home4_uk.jpg) no-repeat 0px 0px;
	position: relative;
}
#header_home_fr {
	float: left;
	width: 830px;
	height: 600px;
	background: url(../images/header_home3_fr.jpg) no-repeat 0px 0px;
	position: relative;
}
#header_home_cz {
	float: left;
	width: 830px;
	height: 600px;
	background: url(../images/header_home_cz.jpg) no-repeat 0px 0px;
	position: relative;
}


.headertekst_home {
	position: absolute;
	top: 225px;
	left: 120px;
}

.headertekst_home .kolom1 {
	float: left;
	width: 285px;
	margin: 0px 0px 0px 20px;
}
.headertekst_home .kolom2 {
	float: left;
	width: 285px;
	margin: 0px 0px 0px 20px;
}


.headertekst {
	width: 450px;
	min-height: 140px;
	margin: 160px 0px 0px 0px;
	float: left;
}

.headertekst .kolom1 {
	width: 450px;
	min-height: 140px;
	margin: 0px 0px 10px 0px;
	float: left;
}

h1 {
	position: absolute;
	top: 50px;
	left: 42px;
	font-family: Georgia;
	font-size: 70px;
	font-weight: normal;
	color: #ca0404;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 100px;
	letter-spacing: -5px;
	z-index: 5;
	width: 100%;
}

.h1bg {
	position: absolute;
	top: 53px;
	left: 44px;
	font-family: Georgia;
	font-size: 70px;
	font-weight: normal;
	color: #55282b;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: -5px;
	line-height: 100px;
	z-index: 4;
	width: 100%;
}
h2 {
	position: absolute;
	top: 40px;
	left: 55px;
	font-family: Georgia;
	font-size: 100px;
	font-weight: normal;
	color: #f3ca12;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 100px;
	letter-spacing: -10px;
	z-index: 5;
}

.h2bg {
	position: absolute;
	top: 44px;
	left: 58px;
	font-family: Georgia;
	font-size: 100px;
	font-weight: normal;
	color: #4a4542;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 100px;
	letter-spacing: -10px;
	z-index: 4;
}


h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffe400;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	letter-spacing: -1px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	padding: 5px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 24px;
	letter-spacing: -1px;
}

.kop_rood {
	font-size: 16px;
	color: #c71a28;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: -1px;
	padding: 5px 0px 10px 0px;
	margin: 0px;
}


.introtekst {
	width: 350px;
	line-height: 16px;
}

.introtekst_breed {
	line-height: 16px;
}


.content {
	float: left;
	padding: 0px 0px 0px 0px;
}

.content .kolom1 {
	float: left;
	width: 220px;
	margin: 0px 20px 0px 0px;
	padding-bottom: 20px;
}
.content .kolom_breed {
	float: left;
	margin: 0px 0px 0px 0px;
}


.kolom_breed_home {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 72px;
	position: relative;
}


#onderstuk
{
	width: 100%;
	height: 246px;

	position: relative;
	margin: -246px auto 0 auto;
	
}

/* Fix voor IE */
* html #onderstuk
{
	margin-top: -246px;
}

#onderstuk_vervolg
{
	width: 100%;
	height: 50px;

	position: relative;
	margin: -50px auto 0 auto;

}

/* Fix voor IE */
* html #onderstuk_vervolg
{
	margin-top: -50px;
}

#beeldmerk {
	float: left;
	width: 155px;
	height: 135px;
	display: block;
	background: url(../images/beeldmerk.png) no-repeat bottom left;
}
/* Fix voor IE */
		* html #beeldmerk
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/tigchelkachels/images/beeldmerk.png', sizingMethod='crop');
		}



#footer
{
	width: 543px;
	height: 246px;
	margin-left: 275px;
	background: url(../images/kachel_onder2.jpg) no-repeat top left;
}

#container
{
	width: 1001px;
	position: relative;
	min-height: 100%;
}

* html #container
{
	height: 100%;
}


/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */


#menu {
	float: left;
}

#menu ul
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#menu ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}


#menu li a:link, #menu li a:visited 
{
	color: #FFF;
	padding: 10px 0px 13px 37px;
	text-decoration: none;
	font-size: 16px;
	background: url("../images/kachels.gif") 0px 0px no-repeat;
	display: block;
	letter-spacing: -1px;
	
}						
/* Fix voor IE */
* html #menu li a:link, #menu li a:visited 
{
	width: 115px;
}


#menu li a:hover
{
	color: #cac9cc;
	background: url("../images/kachels.gif") 0px -93px no-repeat;
}	

#menu li a.actief:link,#menu li a.actief:visited
{
	color: #ca0404;
	padding: 10px 0px 13px 37px;
	text-decoration: none;
	font-size: 15px;
	background: url("../images/kachels.gif") top left no-repeat;
	font-weight: bold;
	display: block;
	letter-spacing: -1px;
	
}
 #menu li a.actief:hover {
	color: #cac9cc;
	background: url("../images/kachels.gif") 0px -93px no-repeat;
}


/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */



#menu ul ul
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 14px;
}

#menu ul li ul
{
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

#menu li ul li a:link, #menu li ul li a:visited 
{
	color: #FFF;
	padding: 3px 0px 3px 37px;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: -1px;
	background: none;
}						


#menu li ul li a:hover
{
	color: #cac9cc;
	background: none;
}	

#menu li ul li a.actief:link,#menu li ul li a.actief:visited
{
	color: #FFF;
	padding: 3px 0px 3px 37px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
	letter-spacing: -1px;
	background: none;
}
 #menu li  ul li a.actief:hover {
	color: #cac9cc;
	background: none;
	
}


/* Foto overzicht
---------------------------------------------------------- */ 

.grijzebalk {
	width: 680px;
	line-height: 20px;
	color: #FFF;
	background: #979797;
	padding: 5px 10px;
	text-align: center;
	font-size: 11px;
}

*html .grijzebalk {
	width: 668px;
}

.fotos_2stuks {
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.fotos_2stuks img{
	float: left;
	width: 336px;
	margin-right: 20px;
	border: 0px;
	cursor: pointer;
	border: 2px solid grey;
}

.fotos_3stuks {
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;

}

.fotos_3stuks img{
	float: left;
	width: 216px;
	margin-right: 20px;
	border: 0px;
	cursor: pointer;
	border: 2px solid grey;
}

.fotos_4stuks {
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;

}

.fotos_4stuks img{
	float: left;
	width: 126px;
	margin-right: 20px;
	border: 0px;
	cursor: pointer;
	border: 2px solid grey;
}



.fotos_overzicht{
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.fotos_overzicht img{
	float: left;
	width: 126px;
	margin-right: 10px;
	border: 0px;
	cursor: pointer;
	border: 2px solid grey;
}


.fotooverzicht{
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.fotooverzicht img{
	float: left;
	width: 100px;
	height: 90px;
	margin-right: 5px;
	border: 0px;
	cursor: pointer;
}


a.leesmeer:link, a.leesmeer:visited {
	color: #fff;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	line-height: 18px;
	font-size: 11px;
	font-weight: bold;
	background: no-repeat url("../images/pompebled.gif") 0px 0px;
}
a.leesmeer:hover {
	text-decoration: underline;
}



/* jCarousel Lite
---------------------------------------------------------- */ 

#slider_home {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 435px;
    left: 70px;
    width: 730px;
    height: 140px;
    z-index: 99;
}

#slider_vervolg {
    float: left;
    padding: 0px;
    margin: 30px 0px 0px 0px;
    position: relative;
    width: 730px;
    height: 140px;
}

.carousel {
	float: left;
	width: 730px;
    height: 140px;
}
           
.carousel ul {
	margin: 0px;
	padding: 0px;
}

.carousel ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

.carousel a.highslide:link, .carousel a.highslide:visited{
	float: left;
	width: 130px;
	height: 120px;
	background: #686768;
	padding: 4px;
	margin-right: 1px;
	border: 0px solid #ffffff;
	cursor: pointer;
}

.carousel a.highslide:hover, .carousel a.highslide:active{
	background: #535158;
}

.carousel a.highslide img{
	float: left;
	width: 130px;
	height: 120px;
	border: 0px;
	cursor: pointer;
}



button.next {
	position: absolute;
	top: 50px;
	right: 5px;
	width: 25px;
	height: 25px;
	display: block;
	background: url("../images/prev.png") top left no-repeat;
	border: 0px;
	cursor: pointer;
	outline-color: invert;
    outline-style: none;
   	outline-width: 0pt;
}
/* Fix voor IE */
		* html button.next
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/tigchelkachels/images/prev.png', sizingMethod='crop');
		}


button.prev {
	position: absolute;
	top: 50px;
	left: -30px;
	width: 25px;
	height: 25px;
	display: block;
	background: url("../images/next.png") top left no-repeat;
	border: 0px;
	cursor: pointer;
	outline-color: invert;
	outline-style: none;
	outline-width: 0pt;
}
/* Fix voor IE */
		* html button.prev
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/tigchelkachels/images/next.png', sizingMethod='crop');
		}


/* Landen vlaggen
------------------------------------------------------------ */

#talen {	
	float: left;
	width: 150px;
	height: 140px;
}

#talen ul
{
	margin: 0px;
	padding: 13px 0px 0px 2px;
}

#talen ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
	list-style-type: none;
}

#talen li a.nl:link, #talen li a.nl:visited 
{
	width: 28px;
	height: 18px;
	padding: 0px;
	text-decoration: none;
	font-size: 0px;
	line-height: 0px;
	background: url("../images/talen.gif") 0px 0px no-repeat;
	display: block;
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#talen li a.du:link, #talen li a.du:visited 
{
	width: 28px;
	height: 18px;
	padding: 0px;
	text-decoration: none;
	font-size: 0px;
	line-height: 0px;
	background: url("../images/talen.gif") 0px -20px no-repeat;
	display: block;
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}	
#talen li a.fr:link, #talen li a.fr:visited 
{
	width: 28px;
	height: 18px;
	padding: 0px;
	text-decoration: none;
	font-size: 0px;
	line-height: 0px;
	background: url("../images/talen.gif") 0px -41px no-repeat;
	display: block;
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}	
#talen li a.en:link, #talen li a.en:visited 
{
	width: 28px;
	height: 18px;
	padding: 0px;
	text-decoration: none;
	font-size: 0px;
	line-height: 0px;
	background: url("../images/talen.gif") 0px -61px no-repeat;
	display: block;
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}	
#talen li a.sp:link, #talen li a.sp:visited 
{
	width: 28px;
	height: 18px;
	padding: 0px;
	text-decoration: none;
	font-size: 0px;
	line-height: 0px;
	background: url("../images/talen.gif") 0px -80px no-repeat;
	display: block;
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#talen li a.cz:link, #talen li a.cz:visited 
{
	width: 28px;
	height: 18px;
	padding: 0px;
	text-decoration: none;
	font-size: 0px;
	line-height: 0px;
	background: url("../images/talen.gif") 0px -100px no-repeat;
	display: block;
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
					
#talen li a.nl:hover, 
#talen li a.du:hover, 
#talen li a.fr:hover, 
#talen li a.en:hover,
#talen li a.sp:hover,
#talen li a.cz:hover
{
	filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}	

#talen li.actief a.nl:link,
#talen li.actief a.du:link,
#talen li.actief a.fr:link,
#talen li.actief a.en:link,
#talen li.actief a.sp:link,
#talen li.actief a.cz:link
{
	filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}	





/* Nieuwsoverzicht
---------------------------------- */

.blok2{
	float: left;
	width: 400px;
	padding: 5px 0px 20px 0px;
	font-size: 12px;
	line-height: 16px;
}


.bloktekst2{
	padding: 0px 0px 0px 0px;

}

.blok2 .datum {
	font-size: 11px;
	color: #FFF;
}

a.nieuwskop:link, a.nieuwskop:visited {
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
a.nieuwskop:hover {
	text-decoration: underline;
}





/* Clearers
------------------------------------------------------------ */

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.btnclearer {
	height: 29px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer100 {
	height: 100px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer2 {
	width: 744px;
	height: 2px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #FFF;
	clear: both;
}

.spacer5 {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer85 {
	height: 85px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}