/*
Name: Beringse Revue
Version: 1.3
Author: BRAMUS Internet Services
Date: March 2009
*/

* { font-size: 100%; }
:focus {outline: 0;}


body {
color: #000;
padding: 0;
margin: 0;
font-size: 12px;
font-family: verdana;
background: #fff;
background-image: url(images/background.png);
background-repeat: repeat-x; 

}

#container{ 
margin-left: auto;
margin-right: auto;
width: 1024px;
}

#top-left{
width: 175px;
height: 160px;
float: left;
background-image: url(images/top-left.png);
}

#top-center{
width: 569px;
height: 160px;
float: left;
background-image: url(images/top-center.png);
}

#top-right{
width: 280px;
height: 160px;
float: left;
background-image: url(images/top-right.png);
}

#content{
width: 944px;
margin-left: auto;
margin-right: auto;
background: #ECE4DF url(images/faux.png);
overflow: hidden;
clear: both;
}

#menu{
width: 135px;
float: left;
background-image: url(images/menu-main-bg.png);
background-color: #ECE4DF;
background-repeat: repeat-x; 
}

        #menu ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
               
        #menu a {
        color: #184F7D;
        font-size: 14px;
        font-family: verdana;
        display: block;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 5px;
        padding-right: 2px;
        margin: 0;
        text-decoration: none;
        font-weight: bold;
        }
        #menu a:hover{
        color: #fff;
        background-color: #754122;
        text-decoration: none;
        }
        
        #menu li {
        position: relative;
        border-bottom: 1px solid #754122;        
                }

        #menu ul ul {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        }
        
        #menu ul ul , #menu ul li:hover ul{
        display: none; 
        font-size: 12px; 
        background-image: url(images/menu-sub.png);
        background-repeat: repeat;
        border-top: 1px solid #754122;
        border-right: 1px solid #754122;
        border-left: 1px solid #754122;
        }

        #menu ul li:hover ul, #menu ul ul li:hover ul{
        display: block;
        }

#main-content{
width: 569px;
float: left;
background-image: url(images/main-content.png);
background-repeat: repeat-x; 
padding-bottom: 20px;
}

#main-content2 {
width: 500px;
margin-left: 15px;
margin-right: 15px;
margin-top: 10px;
}

        #main-content2 p {
        color: #000;
        font-size: 12px;
        font-family: verdana;
        }
	 
        #main-content2 h1 {
        color: #754122;
        font-size: 18px;
        font-family: verdana;
        }
        
        #main-content2 h2 {
        color: #184F7D;
        font-size: 14px;
        font-family: verdana;
        }
                
        #main-content2 a {
        color:#754122;
        text-decoration:none;
        font-style: italic;
                }
                
        #main-content2 a:hover {
        color: #754122;
        text-decoration:underline;
        font-style: italic;
        }
                
        #main-content2 table a img {
        font-size: 12px;
		margin: 0px;
        font-family: verdana;
        color: #000;
		border: 0px;
		}

#main-right{
width: 239px;
float: left;
padding: 0;
margin: 0;
background-image: url(images/menu-main-bg.png);
background-color: #ECE4DF;
background-repeat: repeat-x; 
color: #184F7D;
font-size: 12px;
font-family: verdana;

}

        #main-right h1 {
        /*padding: 15px;*/
        padding-left: 15px;
        color: #184F7D;
        font-size: 14px;
        font-family: verdana;
        }
        
        #main-right h2 {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0px; 
        margin:0px;
        color: #754122;
        font-size: 10px;
        font-family: verdana;
        }

        #main-right p {
        padding-left: 15px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px;
        color: #184F7D;
        font-size: 12px;
        font-family: verdana;
        }
        
        #main-right table, #main-right img {
        padding-top: 0px;
        padding-right: 5px; 
        padding-bottom: 0px;
        padding-left: 12px; 
        margin: 0px;
        color: #184F7D;
        font-size: 12px;
        font-family: verdana;
        }
           
        #main-right td, #main-right th, #main-right img {
        vertical-align: top;
        text-align: left;
        }
        
        #main-right hr{
        height: 1px;
        color: #754122;
        background-color: #754122;
        }
        
        #main-right a {
        color:#754122;
        text-decoration:none;
        padding-left: 15px;
        padding-right: 15px;
        font-style: italic;
        }
                
        #main-right a:hover{
        color: #754122;
        text-decoration:underline;
        padding-left: 15px;
        padding-right: 15px;
        font-style: italic;
        }

        
#footer{
width: 944px;
height:32px;
margin-left: auto;
margin-right: auto;
}

#footer-left{
width: 135px;
height:32px;
float: left;
background: #754122 url(images/footer-left.png);
}

#footer-main{
width: 569px;
height: 32px;
float: left;
margin-left: auto;
margin-right: auto;
background: #ECE4DF url(images/footer-main.png);
}
        #footer-main p {
        text-align: center;
        color: #754122;
        font-family: verdana;
        font-size: 14px;
        }

#footer-right{
width: 240px;
height:32px;
float: right;
background: #754122 url(images/footer-right.png);
}
#copy{
width: 944px;
height:32px;
margin-left: auto;
margin-right: auto;
}
	#copy p {
        text-align: center;
        color: #754122;
        font-family: verdana;
        font-size: 12px;
		font-weight: bold;
	}
	#copy a {
		color: #754122;
		font-style: italic;
		text-decoration: none;
	}
	#copy a:hover {
		color: #754122;
		font-style: italic;
		text-decoration: underline;
	}