/*-------------------------------------------------
		    - GLOBAL -						
-------------------------------------------------*/

body {
    font-size: 12px;
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-family: arial, verdana, serif;
    background: #c1c5cf url('../images/back_body.gif') repeat-x;
    color: #666;
    text-align: left;
}
    
body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label {padding: 0;margin: 0}
		
#container { 
    width: 800px; 
    margin: 0 auto; 
    background: #fff;
}
	
a {color: #910e0e; text-decoration: underline;}
a:hover { text-decoration: none;}

a img { border: none; }
p { margin: 0 0 1.5em 0; }
span { color: #0568A3; font-weight: bold; font-size: 110%; }

.ghost { display : none; }
.center { text-align: center; }

ul { list-style: none; }
ul li {
    background: url('../images/bullet.gif') no-repeat 3px 6px;
    padding: 0 0 15px 20px;
    }
ul.small li { padding-bottom: 5px; }

/*-------------------------------------------------
		- IMAGES -					
-------------------------------------------------*/

a img.raam { 
	background: #fff;
	border: 3px solid #b4af91;
	padding: 2px;
	float: left;
	margin-right: 8px;
	}
a:hover img.raam {
	border: 3px solid #c03000;
	}

div.gallery {
    margin: 10px 0;
}
    div.gallery img {
        margin: 0 10px 10px 0;
    }
	

/*-------------------------------------------------
		- H-TAGS -				
-------------------------------------------------*/

h2 {
    font-size: 120%;
    font-weight: bold;
    color: #910e0e;
    margin: 8px 220px 5px 0; padding: 0 0 8px 0;        
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
}

/*-------------------------------------------------
		- HEADERS -					
-------------------------------------------------*/

#header_01 { 
	clear: both;
        background: url('../images/back_header_01.gif') no-repeat center; 
	height: 102px;
        color: #000;
	}
    #header_01 #address {
        font-size: 11px;
        font-weight: bold;
        margin: 0 0 0 620px; padding: 0;
        position: relative;
        top: 8px;
    }
        #header_01 p {
            padding: 0; margin: 0 0 5px 0;
        }
        #header_01 span { color: #666; }
        #header_01 a { color: #666; text-decoration: none; }
        #header_01 a:hover { text-decoration: underline; }
	
#header_02 { 
	clear: both;
        background: #910e0e; 
	height: 191px;
        color: #fff;
	}
        
        #header_02 h3 {
            padding: 15px 0 5px 10px;
            text-transform: uppercase;
            font-size: 120%;
            width: 165px;
            float: right;
        }
        
        #header_02 form {
            width: 165px;
            float: right;
            padding: 0; margin: 0;
            background: none;
            border: 0;
        }
        #header_02 form input, #header_02 form textarea {
            padding: 2px 7px; margin: 3px 0;
            font-size: 11px;
            font-family: arial;            
        }
        #header_02 form textarea { width: 135px; }
        
        #header_02 form input.but {
            padding: 1px 0;
            width: 45px;
            background: #000;
            color: #fff;
            cursor: pointer;
            border: 0;
        }
        
#header_03 { 
	clear: both;
        background: url('../images/back_menu.gif') repeat-x;
	height: 47px;
        color: #fff;
	}
        
    #header_03 ul {
        list-style: none;
        padding: 10px 0 0 5px;
        font-family: arial;
    }
        #header_03 ul li {
            float: left;
            display: block;
            background: none;
            padding: 0; margin: 0;
        }
        #header_03 ul li a {
            display: block;
            float: left;
            color: #fff;
            text-transform: uppercase;
            font-size: 110%;
            font-weight: bold;
            text-decoration: none;
            padding: 4px 10px 4px 11px;
            border-right: 1px solid #fff;
        }
            #header_03 ul li a:hover {
                text-decoration: underline;
            }
    



/*-------------------------------------------------
		- MAIN -				
-------------------------------------------------*/
#hermanus {background-color:#910e0e; padding:.5em 1em .5em .5em; display:block; }
#hermanus p { color:#fff;}
.hermanusImg { float:left; border:2px solid #fff; margin:0 1em 1em 0;}
.hermanusGImg { float:right; border:2px solid #CCC; margin:0 2em 0 2em;}
#main {
    margin: 30px;
    background: url('../images/watermark.jpg') no-repeat 220px 40px; 
    }

    #main ul.main_list li {
        background: url('../images/logo_sml.gif') no-repeat 5px 0;
        padding: 5px 0 25px 35px;
        font-weight: bold;        
    }



#main div#pickHome {
    width: 250px;
    background: #0f77b6;
    color: #fff;
    border: 4px solid #0667a2;
   
    margin: 5px 0 5px 10px;
}
    #main div#pickHome p {
        margin: 0;
        padding: 5px;
        line-height: 1.9em;
    }
     #main div#pickHome a {
        color: #fff;
        font-weight: bold;
     }
    
    #main div#pickHome #pick_img {
        width: 250px; height: 165px;
        background: url('../images/pick.jpg') no-repeat;
    }
    #main div#pickHome #fin_img {
        width: 250px; height: 165px;
        background: url('../images/fin.jpg') no-repeat;
    }
    
    #main div#pickHome h3 {
        font-size: 120%;
        text-transform: uppercase;
        width: 80%;
        float: right;
        background: #910E0E;
        padding: 3px 0 3px 10px;
        margin-top: 120px;
    }
    
    #main div#pickHome #pick_other {
        width: 250px; height: 165px;
        
    }







#main div#pick {
    width: 250px;
    background: #0f77b6;
    color: #fff;
    border: 4px solid #0667a2;
   float:right;
    margin: 5px 0 5px 10px;
}
    #main div#pick p {
        margin: 0;
        padding: 5px;
        line-height: 1.9em;
    }
     #main div#pick a {
        color: #fff;
        font-weight: bold;
     }
    
    #main div#pick #pick_img {
        width: 250px; height: 165px;
        background: url('../images/pick.jpg') no-repeat;
    }
    #main div#pick #fin_img {
        width: 250px; height: 165px;
        background: url('../images/fin.jpg') no-repeat;
    }
    
    #main div#pick h3 {
        font-size: 120%;
        text-transform: uppercase;
        width: 80%;
        float: right;
        background: #910E0E;
        padding: 3px 0 3px 10px;
        margin-top: 120px;
    }
    
    #main div#pick #pick_other {
        width: 250px; height: 165px;
        
    }
    

    #main div.homeBlock {
        width: 250px;
        background: #0f77b6;
        color: #fff;
        border: 4px solid #0667a2;
       
        margin: 5px 0 5px 10px;
    }
    
    #main div.homeBlock h3 {
            font-size: 120%;
            text-transform: uppercase;
            width: 95%;
            float: right;
            background: #910E0E;
            padding: 3px 0 3px 10px;
            margin:10px 0 10px 0;
            display:block;
            
        }
    #main div.homeBlock p {
        padding:10px;         
    }
    
    #main div.homeBlock ul {
        
        margin:0 0 0 20px;
    }
    
     #main div.homeBlock a { color:#fff; font-weight:bold;}

table.pad_table {
    width : 63%;
    border-collapse: collapse;
    border: 0;
}
table.pad_table td {
        border: 0;
        padding: 5px 3px;
}

table#buss_table {
    width: 99%;
    margin: 0 auto;
    border-collapse: collapse;
    border: 0;
}
    table#buss_table td, table#buss_table th {
        padding: 1px 5px;
        border: 1px solid #ccc;
    }
    table#buss_table th {
        background: #ccc;
        color: #000;
        font-size: 110%;
    }
    
    table#buss_table td a {
        text-decoration: none;
        color : #666;
    }
  
    tr.highlight { 
	color: #fff;
        background-color: #910E0E;
	cursor: pointer;
    }

p.alert {
    color: #910E0E;
    font-weight: bold;
}

/*-------------------------------------------------
		- TABLES -					
-------------------------------------------------*/

#buss_table th { background-color:#d5e2ad; font-weight:bold;}

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

#footer {
    clear: both;
    background: url('../images/back_footer.gif') repeat-x;
    border-top: 6px solid #c1c5cf;
    color: #fff;
    height: 60px;
    }
	
#footer p { 
	text-align: center; 
	margin: 0; padding: 20px 0 0 0; 
	font-size : 0.9em; 
	}
    #footer p a {
        color: #eee;
    }
    
/*-------------------------------------------------
                - FORMS -					
-------------------------------------------------*/

form {
    padding: 10px;
    border: 1px solid #ccc;
    width: 500px;
    margin: 20px auto;
    background: #fff;
    line-height: 150%;
}

#no_border form {
    padding: 10px;
    border: 0;
    width: 500px;
    margin: 20px auto;
    background: #fff;
    line-height: 150%;
}

input, textarea, select {
    border: 1px solid #ccc;
    padding: 3px 5px;
}
select { padding: 2px; }

input[type='radio'], input[type='checkbox'] {
    vertical-align: middle;
    border: 0;
    margin: 0 5px 2px 0;
}
    
form input.btn {
    font-size: 12px;
    padding: 3px 6px; margin: 4px 5px 2px;
    cursor: pointer;
    border: 2px solid #999;
    color: #666;
    text-transform: uppercase;
    background: #f9f9f9;
}

table.input {
    border-collapse: collapse;
    width: 100%;
}
    
    table.input td {
        padding: 6px 15px;
        text-align: left;
    }
    table.input td.lefttd {
        text-align: right;
        vertical-align: top;
        width: 35%;
    }
    
label { display:block; width:100px; float:left; font-weight:bold;}
fieldset { padding:.5em; border:1px solid #ccc; margin:0 0 1em 0;}
legend { color: #0e76b5; font-weight:bold; margin:.5em;}