/* Alter Ego */

/* 
Div ID structuur :

container --> menu
		  --> body --> header	
		  		   --> colomLinks --> colomLinksElementen
				   --> content    --> contentElementen
*/

html {
        height:100%;
}

body{
        height:100%;
	margin:auto;
	padding:0px;
	text-align: center;
	color: #003366;
	font:11px tahoma;
	background: #DFF0BF;
	letter-spacing:0px;
	line-height: 13.5px;
	font-family: tahoma;
}
	
#body h1{
	padding:0px;
	margin:0px;
	float:left;
}
	
#body h2{
	padding:0px;
	margin:0px 0px 20px 0px;
	font:9px verdana;
	color: #42432d;
	font-weight: bold;	
	letter-spacing:0px;
}
ul  {
	margin-top:0;
	padding-top:0;

}
li {
	list-style-position: outside;
	display: list-item;
	line-height:16px;
	vertical-align:top;
	color: #42432d;
}


.kopje{  
	margin:0px 0px 4px 0px ;
	padding:0px;
	font:9px verdana;
	color: #42432d;
	font-weight: bold;
}

h3{
	font:12pt verdana;
	color: #57583a;
	font-weight: bold;	
	margin:5px 0px 12px 0px ;
}
img {border: 0px;
}
img.rightalign {
	float:right;
	}
a {text-decoration: none;}
/*a:link, a:visited {color:#42423a;text-decoration:none;}
a:hover, a:active {color:#7c7c72;text-decoration:none;}*/


/***** elements******/
#balkLinks{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	width: 145px;	
	height: 14px;
	background: #a5a994;
	}
.balkRechts{
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	width: 640px;
	height: 14px;
	background: #a5a994;	
	}
.onderschrift{
	display:block;
	color: #989988;	
	margin: 2px 0px 0px 0px;
}
#talen {
	float:right;
	line-height:44px;
	font-weight:bold;
	font-size:9px;
}
#talen a:link, #talen a:visited {color:#989988;text-decoration:none;}
#talen a:hover, #talen a:active {color:#989988;text-decoration:none;}
/************** NEWS *************/
/*

newItem -> balkRechts
		-> newsPic -> <img>
		-> newsText -> <h2>
					-> <p>
*/
					
.newsItem{ 
	float:left;
	margin: 0px 0px 8px 0px;
	width: 640px;	

}
.newsPic{
	float:left;
	width: 482px;	
	background: url("dot.gif") 477px 1px repeat-y;
}


/*************PORTFOLIO*************/	
/*
portfolioRow -> balkRechts
			 -> portfolioItem(b) -> <Img>
			 					 -> portfolioText -> <h2> -> <img>
												  -> <p>
												  
*/
*html .portfolioRow{
	padding: 0px ;
	margin:0px 0px 8px 0px;
	height: 327px;
}
														
.portfolioRow{
	padding: 0px ;
	margin:0px 0px 12px 0px;
	height: 327px;
	/*background: #D8DACD;*/
		}

.portfolioItem{
	float:left;
	padding: 0px 16px 0px 0px;
	margin:0px 0px 0px 0px;
	background: url("dot.gif") 234px 1px repeat-y;
	width: 145px;
		}
.portfolioItemB{
	float:left;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 145px;
		}		
.portfolioText{
	padding: 26px 12px 10px 12px;
	margin: 8px 0px 0px 0px;
	height:140px;
	background: #d8dacd no-repeat;
	text-align: justify;
	float: left;
	width: 204px;
	display:block;
}

.subLi{
	color:#989988
}
/************* ONZE MENSEN *************/
.subLiA{
	font-weight: normal;
	color: #42432d
		
}
.subLiB{
	font-weight: normal;
	color: #42432d	
}
.subLiB a:hover, .subLiB a:active {color:#96977a;text-decoration:none;}
/************* OVER ONS *************/


#normaal li{
	list-style-position: outside;
    margin:0px 0px 0px -20px;
	padding: 0px 0px 0px 0px
	display: list-item;	
	line-height:16px;
	vertical-align:top;
	list-style-type:disc;
	color: #42432d;
	font-weight: normal;
}	

.cursief{
	font-style: italic;	
}
/************* STRUCTUUR *************/		

#container{
	width: 950px;
	height: 550px;
	text-align: left;
	border: 5px solid #fff;
        margin: 0 auto;
	/*position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -475px;
	margin-top: -275px;*/
}

#table-container {
        width: 100%;
        height: 100%;
}

#table-container td {
        text-align: center;
        vertical-align: middle;
}

#menu{
	width: 950px;
	height: 80px;
	margin: 0px;
	/*padding-top:82px;*/
	background: url("../../images/pub/menu.jpg") no-repeat;
	position: relative;	
}

#languages{
	width: 100px;
	height: 22px;
	float: right;	
	margin-right: 15px;
	color: #fff;
	font-weight: bold;
	padding-top: 3px;	
}

.langSelected1{

	background: url("../../images/pub/languages1.jpg") no-repeat;
	
}

.langSelected2{

	background: url("../../images/pub/languages2.jpg") no-repeat;
	
}

.langSelected3{

	background: url("../../images/pub/languages3.jpg") no-repeat;
	
}

#languages #lang1{
	margin-left: 9px;
	width: 24px;
	height: 22px;
	text-transform: uppercase;
}

#languages a{
	color:#fff;
}

#languages #lang2{
	margin-left: 22px;
	text-transform: uppercase;
}

#languages #lang3{
	margin-left: 20px;
	text-transform: uppercase;
}

#flashContent{
	width: 700px;
	height: 23px;
	/*background: url("../../images/pub/flash.jpg") no-repeat;*/
	margin-top: 8px;
	margin-left: 230px;
	float: left;
}

#divHorses{
	margin: 0 auto;
	width: 910px;
	height: 225px;
}

.horseItem{
	float: left;
	width: 445px;
	height: 100px;
	
	margin-right: 10px;
}

.pictureItem{
	float: left;
	width: 124px;
	height: 84px;
	
	margin-bottom: 20px;
	
	margin-right: 15px;
}

#pager{
	width: 420px;
	/*width: 130px;*/
	height: 27px;
	background: url("../../images/pub/pager.jpg") no-repeat;
	margin-top: 20px;
	margin-left: 40px;	
}

#pager p{
	padding-top: 7px;
}

#pager a{
	color: #003366;
}

.horseItem table td{
	/*padding: 3px;*/
	font-weight: bold;
}

#menu h2{
	padding:0;
	margin:0;
	font:12px verdana;
	font-weight: bold;	
	letter-spacing:0px;
}	

#menu #logo{
	width: 155px;
	float: left;
	height: 129px;
}

#menu #menuline1{
	/*background: #fff;*/
	margin-top: 80px;
	margin-left: 9px;
	float: left;
	width: 645px;
	color: #ECBD00;
	height: 18px;
	padding-top: 4px;
}

#menu #menuline1 a{
	color: #ECBD00;
}

#menu #menuline2{
	/*background: #fff;*/
	margin-left: 9px;
	float: left;
	width: 645px;
	color: #663300;
	height: 23px;
	padding-top: 4px;
}

#menu #menuline2 a{
	color: #663300;
}

#menu .menuitem{
	display: inline;
	float: left;
	width: 89px;
	overflow: hidden;
	margin: 0 auto;
	height: 16px;
	cursor: pointer;
	/*background: #ECBD00;*/
}
	
#body{
	width:950px;
    text-align:left;
	padding: 0px;
	margin: 0px;
	background: #fff;
	height: 470px;
	background: url("../../images/pub/body.jpg") no-repeat;
}

#content{
	margin: 0;
	padding: 0;	
	background: transparent;	 
}

#content #linksSection{
	clear: both;
	width: 890px;
	height: 21px;
	background: #D1EAEF;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 20px;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

#content #contentLeft{
	width: 470px;
	height: 290px;	
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	text-align: justify;
}

#content #contentLeftLinks{
	width: 345px;
	height: 290px;	
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	text-align: justify;
}

#content #contentLeft #contentLeftTexts{
	
	height: 290px;
	overflow: auto;
	padding-right: 5px;
	
}

#content #contentLeftLinksTexts{
	
	height: 260px;
	overflow: auto;
	padding-right: 5px;
	
}

#content #contentLeft .textItem{
	
	margin-bottom: 25px;
	
}

#content #contentRight{
	width: 345px;
	height: 285px;
	float: right;		
	margin-right: 35px;
}

#content #contentRightLinks{
	width: 510px;
	height: 205px;
	float: right;		
	margin-right: 35px;	
}

#content #liksContent{
	width: 510px;
	height: 195px;
	overflow: auto;
}

#content #liksContent a{
	color: #003366;
}


#content #news{
	width: 345px;
	height: 285px;
	background: url("../../images/pub/news_back.jpg") no-repeat;
}

#content #news #newsBack{
	height: 226px;
	margin-left: 20px;	
	background: url("../../images/pub/news_back_content.jpg") right top no-repeat;
}

#content #news #newsSection{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	/*margin-top: 5px;*/
	width: 308px;
	height: 17px;
	padding-top: 3px;
	padding-left: 5px;
	background: #D1EAEF;
}

#content #news #newsContent{
	overflow: auto;	
	height: 198px;
	width: 312px;
	margin-top: 5px;
 }

#content #news .newsItem{
	margin-top: 10px;
	width: 285px;
	margin-left: 5px;
	text-align: justify;
}


#header{
    height:46px;  
}

#colomLinks{
	width:135px;
	float: left;
	margin-left: 5px;
	padding-left: 5px;
}

#colomLinks #listSections li{
	cursor: pointer;
}
#colomLinks #sectionPrincipal{
	background: url("square.jpg") no-repeat 0px 3px;;
	padding-left: 15px;
	color: 663300;
	font-size: 12px;
	font-weight: bold;
}

#colomLinks #listSections{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

#colomLinks #listSections li{
	/*background: #DFDFDF;*/
	background: #EFEFEF;
	width: 120px;
	color: #663300;
	font-size: 12px;
	margin: 2px 0px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#colomLinks #listSections .subListSections{
	list-style: none;
	margin: 0;
	padding: 0;		
}

#colomLinks #listSections .subListSections li{
	background: #F8F8F8;
	/*background: #DFDFDF;*/
	font-size: 11px;
	width: 100px;
}

#shopCart{
	width:145px;
	float: right;
}

#shopCart #shopCartTop{
	background: url("addCart.gif") no-repeat;
	height: 39px;
}

#shopCart #shopCartTop #shopCartTitle{
	color: #663300;
	width: 145px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 46px;
	padding-top: 5px;
}

#shopCart #shopCartTop #shopCartPrice{
	color: #EBBC00;
	width: 145px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 46px;
	padding-top: 5px;
}

#shopCart #saveList{
	color: #663300;
	width: 145px;
	font-size: 12px;
	margin-top: 10px;
	font-size: 11px;
	text-decoration: underline;
}

#shopCart #makeShop{
	color: #663300;
	width: 145px;
	height: 24px;
	font-size: 12px;
	margin-top: 15px;
	font-size: 11px;
	background: url("makeShop.gif") no-repeat center top;
}

#shopCart #makeShop #makeShopText{
	padding-top: 5px;
	font-weight: bold;
	cursor: pointer;
}

.addCar {
	cursor: pointer;
}

#shopCart .productCart{
	/*background: #fff;*/
	margin: 5px;
	font-size: 10px;
	padding: 5px;
}

#shopCart .productCart img{
	float: left;
}

#shopCart .productCart .productCartName{
	margin-left: 55px;
	font-weight: bold;
}

#shopCart .productCart .productCartQuantity{
	margin-left: 55px;
	margin-top: 5px;
}

#shopCart .productCart .productCartPrice{
	font-weight: bold;
	font-size: 11px;
	color: #EBBC00;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 55px;
}

#shopCart .productCart .productCartDelete{
	text-decoration: underline;
	cursor: pointer;
}

#homeContent{
	float: right;
	padding: 0px 0px 0px 14px;
	margin: 0px;
	width: 640px;
	/*background: url("dot.gif") 4px -1px repeat-y;*/
}

#productsContent{
	padding: 0px;
	margin: 0px 0px 0px 145px;
	width: 520px;	
}

#content #productsContent #tableProducts{
	width: 100%;
}

#content #productsContent #tableProducts td{
	border-bottom: 5px solid #F8F8F8;
}

#content #productsContent #tableProducts .addCart{
	background: url("addCart.jpg") no-repeat;
	width: 38px;
	height: 34px;
	cursor: pointer;	
}

#content #productsContent #tableProducts .divProduct{
	font-size: 12px;
	color: #663300;
	font-weight: bold;
	margin-bottom: 5px;
}

#content #productsContent #tableProducts .divTrademark{
	font-size: 11px;
	color: #663300;
	margin-bottom: 8px;
}

#content #productsContent #tableProducts .divPrice{
	font-size: 16px;
	color: #EBBC00;
	font-weight: bold;
	margin-bottom: 5px;
}

#content #productsContent #tableProducts .divQuantity{
	padding-right: 10px;
	font-size: 10px;
}

#content #productsContent #tableProducts .divQuantity input{
	border: 2px solid #EBBC00;
	padding-left: 5px;
}

#content #productsContent #tableProducts .tableProductsTexts{
	font-size: 10px;
	margin-top: 5px;
}

#content #productsContent #tableProducts .imgPhoto{
	cursor: pointer;
}
/*-------------------

--------*/
#header{
    color: #939780;
    font-size: 14pt;
    font-style: normal;
}

#h1{
	padding:0px;
	padding-top: 2px;
	margin:0px;
	margin-left: -3px;
	float:left;
	/*font-family: sans-serif;*/
	/*margin-top: 10px;*/
	font-size: 26pt;
	letter-spacing: 1pt;
	font-weight: 500;
	height:20px;
	line-height: normal;
}

#nav_news{
	background:;
	width: 950px;
	height: 129px;
}

.h3{	
	/*font-family: sans-serif;*/
	margin-top: 15px;
	margin-bottom: 25px;
	font-size: 15pt;
	font-weight: 300;
	color: #5A5B53;
}

#talen{
	color: #45472d;
}

.navIdioms{
	margin: 0 2px;
}

#menuNav1 a.selected, #menuNav2 a.selected, #menuNav3 a.selected, #menuNav4 a.selected, #menuNav5 a.selected, #menuNav6 a.selected, #menuNav7 a.selected{
	
	color: #848680;
	
}

#menuNav1 a{
	color: #5A5B53;
	font-size: 10pt;
	font-weight: bolder;
	margin-left: 25px;
	padding-top: 7px;
	/*font-family: sans-serif;*/
	width: 90px;
	float: left;	
}

#menuNav2 a{
	color: #5A5B53;
	font-size: 10pt;
	font-weight: bolder;	
	margin-left: 22px;
	padding-top: 6px;
	font-family: sans-serif;
	width: 94px;
	float: left;	
}

#menuNav3 a{
	color: #5A5B53;
	font-size: 10pt;
	font-weight: bolder;	
	margin-left: 22px;
	padding-top: 6px;
	font-family: sans-serif;
	width: 93px;
	float: left;	
}

#menuNav4 a{
	color: #5A5B53;
	font-size: 10pt;
	font-weight: bolder;	
	margin-left: 22px;
	padding-top: 6px;
	font-family: sans-serif;
	width: 93px;
	float: left;	
}

#menuNavEspace{
	color: #5A5B53;	
	width: 145px;
	float: left;	
}

#menuNav5 a{
	color: #5A5B53;
	font-size: 10pt;
	font-weight: bolder;	
	margin-left: 22px;
	padding-top: 6px;
	font-family: sans-serif;
	width: 105px;
	float: left;	
}

#menuNav6 a{
	color: #5A5B53;
	font-size: 10pt;
	font-weight: bolder;	
	margin-left: 22px;
	padding-top: 6px;
	font-family: sans-serif;
	width: 93px;
	float: left;	
}

#menuNav7 a{
	color: #5A5B53;
	font-size: 10pt;
	font-weight: bolder;	
	margin-left: 22px;
	padding-top: 6px;
	font-family: sans-serif;
	width: 90px;
	float: left;	
}

.onze{
	line-height: 16px;
}

.onze2 strong{
	line-height: 15px;
}

.title{
	color: #003366;
	font-size: 11px;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.title a{
	color: #003366;
	font-size: 11px;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: underline;
}

.rightalignnumber{
	float: right;
	color: #ECEEE0;
	font-size: 26pt;
	font-family: sans-serif;
	border-left: 1px solid #ECEEE0;
	width: 50px;
	text-align: right;
	
}

.klanten
{
	padding: -2px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	width: 145px;		
	background: #a5a994 url("klanten.gif") no-repeat;
	color: #fff;
	display: block;
	text-indent: 15px;
	vertical-align: top;
	font-weight: bold;
	font-weight:110;
	font-family: sans-serif;
	
	font-size: 11px;
	text-transform: uppercase;
}

.subtext
{
	color:#989988;
	font-weight: bold;
}

.newsText2{
	float: left;
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

/*------------------ Window ---------------------------*/
#windowTopContent{
	cursor: move;
}

#tinywindow{
	text-align: left;
}

#tinywindow img.imgPhoto{
	float: left;
	margin: 0 10px 5px 0;
}

#tinywindow .windowTitle{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	width: 747px;
	height: 20px;
	background: #26849B;
	padding-top: 5px;
	padding-left: 8px;
}

#tinywindow .windowTrademark{
	font-size: 14px;
	color: #663300;
	margin-bottom: 8px;
}

#tinywindow .windowPrice{
	font-size: 14px;
	color: #663300;
	margin-bottom: 5px;
}

#tinywindow .windowDescriptionTitle{
	font-size: 13px;
	color: #663300;
	margin-bottom: 5px;
	margin-top: 20px;
}

#tinywindow .windowDescription{
	font-size: 13px;
	color: #663300;
	margin-bottom: 5px;
}

#tinywindow #windowContentLeft{
	float: left;
	width: 410px;
	height: 480px;
}

#tinywindow #windowContentLeft table{
	width: 100%;
	font-weight: bold;
}

#tinywindow #windowContentRight{
	float: right;
	width: 325px;
	height: 480px;
}

/*-------------------------------- Horse Details -------------------------------------*/
.detImgHorse1{
	float: left;
	width: 510px;
	display: none;
}
.detImgHorse2{
	float: right;
	width: 510px;
	display: none;
}

.horseTitleDet{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	
	background: #26849B;
	
}

/*--------------------------------- Contacts ------------------------------------------*/
#contactLeft{
	
	margin-left: 20px;
	float: left;
	width: 210px;
	/*background: #F2FBFD;*/
	background: transparent;
	padding-left: 15px;
	
}

#contactLeft a{
	color: #003366;
	text-decoration: underline;
}

.titleContacts{
	font-size: 14px;
	font-weight: bold;
}

#contactRight{
	
	float: right;
	width: 640px;
	background: transparent;
	margin-right: 20px;
	
}

#frmContactsLeft{
	width: 265px;
	float: left;
	margin-left: 25px;
	padding-top: 10px;
	color: #4A78A6;
	font-size: 13px;
	font-weight: bold;
}

#frmContactsLeft input, #frmContactsRight input, #frmContactsLeft textarea, #frmContactsRight textarea{
	margin-top: 5px;
}

#frmContactsRight{
	width: 265px;
	float: right;
	margin-right: 25px;
	padding-top: 10px;
	color: #4A78A6;
	font-size: 13px;
	font-weight: bold;
}

#frmContactsRight  button{
	border: 1px solid #D5EFF7;
	background: #ECF8FB;
	color: #4A78A6;
	font-weight: bold;
	padding-top: 3px;
	margin-left: 5px; 
}

.error{
	font-size: x-small;
	font-style: italic;
	color: #ff3300;
}