/*  GENERIC
    WRAPPER
        HEADER
            MENU LANGUAGES
        MENU
        CONTENT
            CONTACT
            LIGHTBOX
        FOOTER
        HOMEPAGE
*/

/* =GENERIC
   ---------------------------------------------------- */
   
html, body
{
    height: 100%;
    margin: 0;
    padding: 0;
        
    font-family: 'Trebuchet MS', Verdana, Arial, 'Times New Roman';
    color: #245476;
    
    background-color: #5487be;
}

body
{
    font-size: 0.75em;
}

h1
{
    margin: 0 0 10px 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: lighter;
}

h2
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.2em;    
}

h3
{
    margin: 0;
    padding: 0;   
    font-size: 1.9em; 
}

img
{
    border: 0;
    display: block;
}

form
{
    margin: 0;
    padding: 0;
}

a:hover
{
    text-decoration: none;
}

.clearBoth
{
	clear: both;
}

.sidebarWindowBottom
{
    margin: 10px 0 0 0;
}

/* =WRAPPER
   ---------------------------------------------------- */

#wrapper
{
	width: 930px;
    padding: 0;
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background-color:#FFFFFF;
	background-image:url(../images/background.jpg);
	background-repeat: repeat-y;	
	
}

/* =HEADER
   ---------------------------------------------------- */

#header
{
    position:relative;
    height: 159px; /* temp! */
    background-color: #DFDFDF;
    z-index: 10;
}

#logo
{
	position:relative;
	left: 55px;
	top: 50px;
	float: left;
}

#headerFoto
{
	float:right;
	margin-left: 99px;
}

/* =MENU LANGUAGES
   ---------------------------------------------------- */

#languages
{
    background-color: #FFFFFF;  
    width: 100%;  
}

#languages ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
	
}

#languages li
{
  	
  	margin: 0;
  	padding: 0 5px 0 5px;
	text-align:right;
	float:right;
}

#languages li a
{
    width: 150px; /*77px*/
    
	color: #003d79;
    text-decoration: none;
    text-align: right;
    background-image: url(../images/menu-background.jpg);
    background-repeat: no-repeat;


}

#languages li a:hover, #languages li a.selected
{
	text-decoration:underline;	
    font-weight: bold;
}



/* =MENU
   ---------------------------------------------------- */

#menuWrapper
{
	position:relative;
	width: 265px;
    margin: 0;
    padding: 13px 0 0 0;
	float:left;
	height: 100%;
	z-index: 10;
}

#menu
{
    position:relative;
    margin: 0;
    padding: 0;
    list-style: none;
	
}

#menu li
{
  	
  	margin: 0;
  	padding: 0 2px 0 0;
	text-align:right;
}

#menu li a
{
    width: 72px; /*77px*/
    height: 50px;
	color: #003d79;
    text-decoration: none;
    text-align: right;
    background-image: url(../images/menu-background.jpg);
    background-repeat: no-repeat;
	line-height: 40px;

}

#menu li a:hover, #menu li a.selected
{
    border-top: 1px solid #003d79; 
	border-bottom: 1px solid #003d79;
	padding-top: 5px;
	padding-bottom: 5px;	
    font-weight: bold;
}

#fotoLeft
{
      margin-left: 50px;  
}

#fotoLeft img
{
      margin-bottom: 10px;  
      margin-top: 20px;
      border: 1px solid #003d79;
}

#fotoLeft img.bottomFoto
{
      margin-bottom: 250px;
     
}

/* =CONTENT
   ---------------------------------------------------- */

#contentWrapper
{
    
    padding: 20px 0 0 0;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#content
{
	position: relative;
	float : left;
	padding-left: 150px;
	padding-top: 20px;
	padding-bottom: 50px;
	width: 495px;
	z-index: 10;
}

#content #title
{
	font-weight: bold;
	font-size: 1.2em;
	text-transform:uppercase;
}

#content p
{
	padding-top: 0px;

}

.fotoRight
{
	float:right;
	margin-left: 35px;	
}

.fotoRight img
{
	margin-bottom: 20px;
	border: 1px solid #003d79;
}

.contentFotoBottom
{
	float:left;
	margin-left: 0px;
	border: 1px solid #003d79;
	margin-right: 10px;
	margin-bottom: 10px;
}

.subTitle
{
    background-color: #245476;
    color: #FFFFFF;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.clearBoth
{
	clear: both;
}

/* =CONTACT
   ---------------------------------------------------- */

td
{
    width: 150px;
    padding-right: 0px;  
}

td input
{
    width: 177px;    
}

/* =LIGHTBOX
   ---------------------------------------------------- */

#ctl00_cphBody_ctlContact_btnSend
{
    width: 100px;    
}

#photosFencing img
{
    display: inline;
}

#photosFencing a
{
    border: 2px solid #FFFFFF;        
}

#photosFencing a:hover
{
    border: 2px solid #003d79;    
}

#photosContainer img
{
    display: inline;
}

#photosContainer a
{
    border: 2px solid #FFFFFF;        
}

#photosContainer a:hover
{
    border: 2px solid #003d79;    
}

/* =FOOTER
   ---------------------------------------------------- */

#footer
{
	position:absolute;
	bottom: 0;
	width: 100%;
	text-align: right;
	background-image: url(../images/horse_back.jpg);
	background-repeat: no-repeat;
	background-position: 150px bottom;
	padding-top: 650px;
    z-index: 0;
}

#footerKrul
{
	margin-left: 902px;
}

#footerText
{
	color:#FFFFFF;
	background-color: #5487be;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;	
}

#footerText a
{
    color: #FFFFFF;
    text-decoration: none;
}

#footerText a:hover
{
    text-decoration: underline;
}

#fotoHaar
{
	position:absolute;
	bottom: 0;
	left: -50px;
	border: 0;
}

/* =HOMEPAGE
   ---------------------------------------------------- */

#homePage
{
    text-align:center;   
    background-color: #FFFFFF;    
}

#homePage div
{

    margin: 0px auto;    
    width: 390px;
}

#homePage img
{
    padding-top: 150px;
}

#homePage ul
{
  
    list-style: none;
}

#homePage li
{
    text-align: right; 
    list-style: none; 
    vertical-align: middle;  
    width: 330px;    
}

#homePage li img
{
    display:inline;
    padding-top: 0;   
}

#homePage li a
{
    text-decoration: none;
     color: #003d79;
}

#homePage li a:hover
{
    text-decoration: underline;
}

table a
{
    text-decoration: underline;
    color: #003d79;
}

table a:hover, table a.selected
{
    text-decoration: none;
}