﻿ html, body, form
	{
		margin: 0;
		padding: 0;
		height: 100%;
	}
	body
	{
		font-size:small;
		background:#F9F9F9;
		color:#6C6D6F;
		text-align:center;
	}
form
{
	text-align:left;
	margin: 0px auto;
	width:980px !important;
	background-color:window;
}

#body
{
	 padding-bottom: 22px; /* Height of the footer */
	 margin-top:-20px;
}

#container
{
	min-height: 100% !important;
	position: relative;
	background-image: url(/images/background.gif);
	background-repeat: repeat-y;
	background-position: 0 top;
	z-index:1;

}
	
#header
{
	background: #ff0;
	padding: 10px;
}


#PanelTop 
{
	background-position:right top;
	height:185px;
	background-image:url(/getbackground.axd);

}

.redColor
{
    color:#cb2b2a;
}

.red
{
	background-color:#cb2b2a;
}

.gray
{
	background-color:#efefef;
	color:#6C6D6F;
}

.Item
{
	float:left;
}



	#PanelLeft,#PanelCenter,#PanelRight
	{
		border:solid 0px black;
	}
		
	#PanelRight 
	{
		float:right;
		border-collapse:collapse;
		margin-left:-1px;	
		width:140px; 
	}
	
	#PanelLeft
	{
		width: 167px;
		overflow:hidden;
		float: left;
	}
	
	#PanelCenter
	{
		margin-left:169px;
		width:650px;
		padding-top:0px;
	}
	
#PanelBottom 
{
	width:100%; 
	background-color:window;
	font-size:x-small;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	  position: absolute;
        bottom: 0;
}

#body
{
	 padding-bottom: 22px; /* Height of the footer */
}

	
	#imglogo
	{
		margin-top:75px;
		margin-bottom:20px;
		margin-left:20px;
	}


h1
{
	font-size:medium;
	padding-top:0px;
	padding-bottom:0.2em;
	margin-top:0px;
	color:#D12D2C;
	margin-left:10px;
}

table
{
	margin-left:10px;
}

.htmlText h1, .htmlText table
{
	
	margin-left:0px;
}

.Menu
{
	margin-top:10px;
	margin-left:1px;
}



.Menu ul
{
list-style-type:none;
width:166px;
margin-left:0px;
padding-left:0px;
overflow:hidden;
}

.Menu ul li
{
background-color:#919396;
padding-left:10px;
margin-bottom:8px;
}



.Menu ul li a
{
color:White;
text-decoration:none;
line-height:20px;
}


.Menu ul li ul
{
	list-style-type: disc;
	padding-left: 30px;
	color: #D12D2C;
	font-size: 0.7em;
	position: relative;
	left: -10px;
	/*position: relative;*/
	width:136px;
	overflow:hidden;
}


.Menu ul li ul,.Menu ul li ul li
{
	background-color:#E5E6E7;
	border:solid 0px black;

}
.Menu ul li ul li 
{
	margin-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	
border:solid 0px red;
}
.Menu ul li ul li a, .Menu ul li ul li .SelectedItem
{
	color:#919396;
	font-size:small;
	line-height:normal;
}

#newslist
{
	
	width:666px; 
	background-color:#E5E6E7;
}

#newslist .NewsListItem
{
 width:640px; margin:10px; margin-right:10px;
 overflow:auto;
}


#Highlight
{

	background-image: url(/images/background_highlight.gif);
	background-repeat:repeat-y;
	height:100%;
	overflow:visible;
	width: 650px;
	margin-left:10px;
	margin-bottom:20px;
}

.HighlightNewsListItem
{
 width:300px; margin:10px; margin-right:10px; border:solid 1px black; float:left;
}

#newslist .NewsItemSep
{
	border-bottom:solid 1px black; 
	height:5px;
	margin-left:10px; 
	margin-right:10px; 
	width:640px;
}
 
#newslist h1
{
	margin-left:10px;
}

#newslist h2
{
	font-size:small;
	color:Black;
	font-weight:bold;
}



.htmlText, #headeruitslagen, #message, .centertext
{
	margin-left:10px;
	margin-right:10px;
}

.centertext
{
	margin-top:10px;
	margin-bottom:10px;
}

 #message
 {
	margin-bottom:10px;
 }

#uitslagen #detailUitslagen
{
	background-color:#E5E6E7;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	width:645px;
}

.newsItem
{
	
	border-bottom:solid 1px #919396;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:10px;
	text-align:left;
}

.wait
{
	
	background-image:url(/images/wait.gif);
	background-position:center center;
	background-repeat:no-repeat;
	height:30px;
	color:#666;
}

.hide
{
	display:none;
	
}

/* homepage*/
.imgNewsSmall
{
	margin-right: 5px;
	float: left;
	clear: none;
}



.readMore, #lijstDetail a,  a
{
	color:#D12D2C;
	font-weight:400;
}

.newsDetail
{
	display: none;
	width:810px;
	background-color: #E5E6E7;
	background-color: white;
	position:absolute;
	top:200px;
	z-index:98;
}

#HeaderRight
{
	float:right;
	width:400px;
	
	margin-right:10px;
	color:White;
}


#HeaderRight #Login
{
	text-align:right;
	margin-left:220px;
	height:93px;	
}

#HeaderRight #Login a
{
	color:White;
	text-decoration:none;
}

#HeaderRight #Login a:hover
{
	text-decoration:underline;
}

#loginButtons
{
	/*text-align:right;*/
	margin-top:3px;
}

#loginButtons a
{
	clear: both;
	float: none;
}

#loginForm
{
	text-align:left;
	
	float:right;
}
	
#HeaderRight #Date
{
	float:left;
	position: relative;
	top:38px;
	font-size:smaller;
	left:50px;
}

#HeaderRight .Search
{
	
	margin-top:34px;
	text-align:right;
}

#HeaderRight .Search input
{
	height:12px;
	border:solid 0px white;
	margin-top:3px;
	font-size:smaller;
	margin-left:60px;
}

#HeaderRight .Search a
{
	color:White;
	text-decoration:none;
	font-size:smaller;
}

#breadcrum
{
	left: 10px;
	position: relative;
	top: 142px;
	color:White;
	font-size:smaller;
}

#breadcrum a
{
	color:White;
	text-decoration:none;
}

#shoppingcartSmall
{
}

#shoppingcartSmall img
{
	margin-top:5px;
}

#shoppingcartSmall span
{
	position:relative;
	top:-5px;
}
.btnGo, .button
{
	color:White;
	background-color:#D12D2C;
	border:1px solid gray;
}

#PanelCenter .htmlText
{
	margin-bottom:10px;
}

#PanelRight .htmlText
{
	margin-right:5px;
	margin-left:0px;
}

.MessageDiv
{
	position: absolute; width: 200px;
	padding: 12px; 
	border: #000000 1px solid;
	background-color: white; 
	text-align: left;
	z-index: 99;
	color: Black;
	padding:2px;
}

.ErrorDiv 
{
	left: 40%; top: 40%;

}

.ErrorLogin
{
	left:650px;
	top:30px;
}

.MessageDiv input
{
	float:right;
	margin-right:10px;
	margin-top:10px;
}

#AankondigingVerkopingen
{
	background-color: #E5E6E7;
	padding:10px;
	width:645px;
}

#lijstDetail
{
	margin-top:10px;
	padding-bottom:5px;
	border-bottom: solid 1px black;
}

.titelForm, .titelFormSmall
{
	
	color: white; 
	background-color:#D12D2C; 
	
	
	padding-bottom: 2px; 
	padding-top: 2px;
}

.titelFormSmall
{
	padding-left:5px;
	margin-bottom:2px;
}

.titelForm
{	
	text-transform: uppercase;
	font-variant: small-caps; 
	font-size:1em;
	padding-left: 20px; 
	letter-spacing: 0.2pc;
	
}

.inputForm
{
	background-image: url(/images/background_form.gif);
	background-repeat:repeat-y;
	background-color: #ECECED;
	width:100%;
	padding-top:5px;
	
}

.inputForm .lineBreak
{
	margin-left:10px;
	width:95%;
	height:1px;
	border-bottom:solid 1px black;
	margin-bottom:10px;
	margin-top:10px;
}



.FormLine label
{
	position: absolute; 
	width:130px; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

.FormLine input, .FormLine textarea, .FormLine select 
{
	width: 250px;
	left: 180px;
	position: relative;
	padding-bottom:1px;
	top:1px;
}
.FormLine select 
{
	width: 254px;
}

    .PEEditEditCell
    {
        width:170px;
        border:solid 1px black;
    }
    .PEEditEditTop
    {
         border-left:solid 1px black;
         border-top:solid 1px black;
         width:20px;
     }
     .PEEditEditBottom
    {
         border-left:solid 1px black;
         border-bottom:solid 1px black;
         width:20px;
     }
     
     .PEEditEditLine
     {
        border-bottom:solid 1px black;
        width:20px;
     }
     .PEEditEditCell textarea
     {
        height:50px; 
     }
     
     .PEEditEditCell input, .PEEditEditCell textarea, .PedigreeEditBar
     {
        width:164px;
     }
     
     .PedigreeEditBar
     {
        height:18px;
        border-bottom:solid 1px black;
        text-align: right;
        padding-right:2px;
     }
     
     .Gender
     {
        float:left;
        margin-left:5px;
     }
     
     .EditPedigree
     {
		display:none;
     }
     
#boxPedigree
{
	z-index:100;
	display:none; 
	position:absolute;
	top:200px;
	left:0px;
	text-align:center;
	width:100%;
	overflow:visible;
}

#EditPedigree
{
	padding: 12px; 
	border: #000000 1px solid;
	background-color:white; 
	text-align: left;
	color: Black;
	padding:10px;
	margin: 0 auto; 
	text-align:left;
	width:auto;
}

#EditPedigree table
{
	width:auto;
}

#EditPedigree
{
	overflow:visible;
}

#uitlegEditPedigree
{
	margin-bottom:20px;
	
}

.commandbar
{
	text-align:right;
	padding-right:20px;
}
.commandbar a
{
	padding:10px;
}

.AddRemoveGen
{
	border-bottom:solid 1px black;
	margin-bottom:5px;
	padding-bottom:2px;
}
.AddRemoveGen a
{
	margin-right:10px;
}

.break
{
	clear:both;
}

.ErrorLogin a
{
	background-color:#D12D2C;
	margin-left:20px;
}

.tablelist
{
	width:100%
}

.tablelist tr th
{
	text-align:left;
	background-color: #919396;
	color:White;
}

.tablelist tr td
{
	padding-left:2px;
}

.SelectedRow
{
	
	background-color: #e5e6e7;
}

.ColItem
{
	float:left;
	border:solid 1px blue;
	background-color:Transparent;
}

.ColItem:hover
{
	border:solid 1px green;
}

.Row
{
	clear:both;
}

#Olympic
{
	padding:5px;
	margin-top:10px;
}

.OlympicDuif
{
	width:200px;
	
	overflow:hidden;
	text-align:center;
	padding:3px;
	float:left;
	height:220px;
}

.OlympicItem 
{
	margin-top:20px;margin-left:10px;height:210px;
}

.OlympicItemimage
{
	float:left; width:300px;text-align:center;
}

.OlympicItemInfo
{
	margin-left:320px;
}

.KweekDuif
{
	width:200px;
	height:220px;
	overflow:hidden;
	text-align:center;
	padding:8px;
	float:left;
}

.KweekDuif div, .OlympicDuif div
{
	margin-top:3px; 
	height:210px;
}

/*edit*/
table
{
	width:98%;
	/*margin-left:2%;
	margin-right:2%;*/
}

table tr th
{	
	background-color:#D12D2C; 
	color: white;
}

table tr th a
{
	color:White;
}

table tr td
{
	/*padding-left:3px;*/
}

table tr .SelectedRow
{
	background-color: #E5E6E7;
}

.editContainer {
	border: 0px solid #b3b3b3;
}

.toolbar {
	overflow:hidden;
	background-image:url(/images/icons/header.jpg);
	height:22px;
	width:100%;
}

._icon
{
	overflow: hidden;
	display: inline;
	float: right;
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
	
	height: 16px;
	cursor: hand;
}

.fckEditor
{
	width:99%;
	height:450px;
}

.modalBackground {
	background-color:#555;
	filter:alpha(opacity=80);
	opacity:0.7;
}

.modalPopup {
	background-color: #E0DFE3;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:600px;
	height:500px;
}

.modalPopup .Dialogbutton
{
	width:auto;
	float:right;
	margin-right:10px;
	margin-top:3px;
}
.FormLine .TextContainer
{
	margin-left:180px;
}
.MenuDetailEdit
{
	width:340px;
	border-left:none;
	border-right:none;
	border-collapse:collapse;
}

.MenuDetailEdit td 
{
	height:1.7em;
	border-bottom:solid 1px gray;
}

.MenuDetailEdit tr td a img, ._icon a img
{
	border:none;
}

a img
{
	border:none;
}


.MenuEditDetailNaam
{
	width:65%;
}

.MenuEditDetailPrijs
{
	width:20%;
}

.Calendar 
{
	
}

.Calendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: green;
    color: black;
    z-index:5000;
    width:150px;
}
.Calendar .ajax__calendar_other .ajax__calendar_day,
.Calendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.Calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.inputAantal
{
	width:50px;
	text-align:right;
}



.NavBlock a
{
	padding-right:20px;	
}
.NavBlock 
{
	margin:10px;
}

.productitem
{
	width:45%;
	border:solid 1px black;
	float:left;
	margin:5px;
	height:150px;
	padding:5px;
}

.productitem div
{
	margin-top:3px;
	float:left;
}

.productitem .producttext
{
	margin-left:10px;
}

.productdetail .productfoto
{
	margin-top:3px;
	float:left;
}

.productdetail .producttext
{
	margin-left:250px;
}

.ImageList div
{
	float:left;
	margin:3px;
	width:200px;
	height:150px;
}

.ImageList, .SearchResult
{
	margin-left:20px;
}

.navpanel a
{
	margin-left:5px;
}

.ImageDetail
{
	width :100%;
}

.ImageDetail .NavBlock
{
	margin-left:30px;
}

.ImageDetail img, .ImageDetail #ImageComments
{
	padding-left:30px;
}


.ImageDetail #ImageComments
{
	width:600px;
	margin-top:20px;
	text-align:left;
}

.ImageDetail #ImageComments #linkOngepast
{
	float:right;
	text-align:right;
}

.ImageDetail #ImageComments .postby
{
	float:left;
}

#commentForm
{
	padding-left:50px;
}

#commentForm textarea
{
	width:500px;
	height: 100px;
}

#commentForm .commandbar
{
	padding-top:15px;
	width:500px;
}

.CommentInfo
{
	height:15px;
	margin-top:10px;
	border-top:dotted 1px #AAA;
}

.Info
{
	margin:20px; padding:10px; border:solid 1px red;
}

.SearchHeader
{
	margin-bottom:20px;
}


.SearchResultItem
{
		margin-bottom:15px;
}

.SchenkingImage
{
	float:left;
}


#ListSchenkingen, #DetailSchenking
{
	padding-left:10px;
}

#ListSchenkingen .SchenkingItem
{
	clear:both;
	padding-top:10px;
}

.SchekingText
{
	margin-left:220px;
	width:300px;
}

.SchekingTextDetail
{
	margin-left:320px;
	width:200px;
}

.SchenkingImageDetail img
{
	padding-top:10px;
}

.newButton
{
	margin:10px;
}


table#tableShoppingcart tr td
{
	border-left:1px solid #919396;
	border-bottom:1px solid #919396;
}

table#tableShoppingcart tr th
{
	padding-left:5px;
}

table#tableShoppingcart tr td.righttd
{
	border-right:1px solid #919396;
}

.highlite
{
	background-color:#ffff00;
}


.SubMenu
{
}

.hiddenSubMenu
{
	display:none;
}

.ui-progressbar-value 
		{ 
			background-image: url(images/pbar-ani.gif);
			margin-top:-2px;
			border:none;
			height:10px;
		}
		
		.ui-progressbar { height:2em; text-align: left; margin-top:10px; }
.ui-progressbar .ui-progressbar-value {margin: 0px; height:100%; }/* Resizable
