/*

	sNews 1.5 RC 2 - "Historical" Design
	by Herreman David
	http://www.free-css-templates.com
	
*/

* { padding: 0; margin: 0 }

body { 
	font: .70em Verdana, Arial, Sans-Serif; 
	line-height: 1.4em;
	background: #006600; 
	color : #fff 
}

#content { 
	margin: 0 auto; 
	padding: 0; 
	width: 818px;	
	background: inherit; 
	color: #000000;

}

#hmenu {
	padding: 140px 0px 100px 0px;
	float: left;
}

#hmenu a {
	padding: 12px 18px 4px 2px;
	text-decoration: none;
	color: #006600;
	background: url(http://www.uitditleven.nl/Site/images/bladje2.png) no-repeat bottom left;
	margin: 0 0 0px 1px;
}

#hmenu a:hover {
		padding: 12px 18px 6px 2px;
		color: #663333;
		background: url(http://www.uitditleven.nl/Site/images/bladje2.png) no-repeat bottom left;
}

#header { 
		margin-top: 60px;

		height: 100px;
		width: 860px;	
		margin-bottom: 0px; 
		overflow: hidden; 
		}
#header .left { width: 190px; float: left; text-align: center; padding-left: 14px; }
#header h1 {  font: 1.2em "Tahoma",Verdana, Arial, Sans-Serif; color: #FFF; font-weight: bold; padding-top: 25px; background: inherit }
#header h2 {  font: 1.0em "Tahoma",Verdana, Arial, Sans-Serif; color: #FFF; padding-top: 25px; background: inherit }

p  {margin: 0 0 10px 0; padding: 0px; color : #663333 
}
.clear { clear: both; }
.alignright {margin-top: 0; text-align: right;}
.small {font-size: .9em;}
.histdate { color: #8E7272; background: #FFF; }
img { float: left; padding: 0 10px 10px 0}
div#content {
        position: relative;
        width: 860px;
        height: 620px;
		background: url(http://www.uitditleven.nl/Site/images/uit-dit-levenNIEUWSTE-2.gif) no-repeat top center;
        margin: 0 auto 20px auto;
        padding: 0;
        text-align: left;
    }
    div#main {
        float: left;
        width: 634px;
		height: 450px;
        margin: 10px -180px 15px 114px !important;
		margin: 10px -181px 15px 110px;
		text-align: justify;
		overflow: auto;
		display: inline;


		
    }
	div#main .pad  { padding-left: 13px; padding-right: 12px; padding-top: 10px}
	
	div#main .pad2  { padding-left: 3px; padding-right: 6px; padding-top: 20px}
	
    div#right {
        float: right;
        width: 100px;
		height: 460px;
		margin-top: 1px;
		margin-bottom: 15px;
		overflow: auto;
		display: inline;
	
    }
    div#left {
        float: left; 
		width: 104px;
		height: 460px;
		padding-top: 1px; 
        margin-left: -568px;
		text-align: left;
		margin-bottom: 15px;
		overflow: auto;
		display: inline;


    }
	div#left .pad { padding: 5px 5px 5px 5px; text-align: left;}
	div#left h2 { margin-top: 15px; color: #6D5252; margin-bottom: 4px; background: #F6F5E0 }
	div#left a { background: #F6F5E0 url(http://www.uitditleven.nl/Site/images/a.gif) no-repeat left; padding-left: 10px; color: #666;  }
	div#left #leftend { padding: 0px 0px 40px 2px; background: url(http://www.uitditleven.nl/Site/images/ANIMATIE-01.gif) no-repeat bottom ; height: 104px;}
	div#left #leftend2 { background: url(http://www.uitditleven.nl/Site/images/Animatie-02.gif) no-repeat  bottom ; height: 104px;}
	div#left #leftend3 { background: url(http://www.uitditleven.nl/Site/images/ANIMATIE-03.gif) no-repeat  bottom ; height: 104px;}


	
#footer { 
			clear: both; 
			height: 20px; 
			background: #609D72; 
			color: #E3E2CB;  
			font: 0.9em "Tahoma",Verdana, Arial, Sans-Serif;  padding: 10px 10px 0 0
			}	
#footer a  { color: #E3E2CB; background: inherit }
#footer a:hover { text-decoration: underline }
#footer #r { float: right; text-align: right; }
#footer #l { padding-left: 10px;}
   
/* END CONTENT */


/*** Main area *****/
a { color: #006600; background: inherit; text-decoration: none;}
a:hover { text-decoration: underline }
h1 { font: bold 1.4em Arial, Arial, Sans-Serif; color: #006600  }
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0 0 5px 0 }
ul {  padding: 0; margin: 0 }
li { list-style-type: none }

/* SNEWS */
fieldset { border: 1px solid #ddd; padding: 10px 8px; margin: 0 0 8px 0; background: #f5f5f5; color: #000 }
input { padding: 3px; margin: 0; border: 1px solid #BBB;  }
textarea { width: 97%; height: 8em; padding: 3px; border: 1px solid #BBB }
.comment { background: #eee; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ddd }

.tbody       { color: #663333; 
font-style: normal; 
font-weight: 300; 
font-size: 8pt; 
font-family: Verdana, Arial, Helvetica, Tahoma, Swiss, SunSans-Regular; 
text-align: right; 
 }
 
 .tform1       { color: #663333; 
font-style: normal; 
font-weight: 300; 
font-size: 8pt; 
font-family: Verdana, Arial, Helvetica, Tahoma, Swiss, SunSans-Regular; 
text-align: left; 
 }

.tbody_left       { 
color: #663333; 
font-style: normal; 
font-weight: 300; 
font-size: 8pt; 
font-family: Verdana, Arial, Helvetica, Tahoma, Swiss, SunSans-Regular; 
text-align: left; 
 }
 
.tabel_db       { 
color: #663333; 
font-style: normal; 
font-weight: 300; 
font-size: 8pt; 
font-family: Verdana, Arial, Helvetica, Tahoma, Swiss, SunSans-Regular; 
text-align: right; 
 }

 
.tabel_dbx       { 
color: #663333; 
font-style: normal; 
font-weight: 300; 
font-size: 8pt; 
font-family: Verdana, Arial, Helvetica, Tahoma, Swiss, SunSans-Regular; 
text-align: left; 
 }


.tabel_db2       { 
color: #663333; 
font-style: bold; 
font-weight: 500; 
font-size: 8pt; 
font-family: Verdana, Arial, Helvetica, Tahoma, Swiss, SunSans-Regular; 
text-align: left; 
 }
 
 .tabel_db3       { 
color: #663333; 
font-style: bold; 
font-weight: 500; 
font-size: 9pt; 
font-family: Verdana, Arial, Helvetica, Tahoma, Swiss, SunSans-Regular; 
text-align: left; 
 }
 
 
 .tabel_db7       { 
color: #663333; 
font-style: bold; 
font-weight: 500; 
font-size: 7pt; 
font-family: Verdana, Arial, Helvetica, Tahoma, Swiss, SunSans-Regular; 
text-align: left; 
 }
 

.tbody_left2       { 
color: #663333; 
font-style: normal; 
font-weight: 300; 
font-size: 10pt; 
font-family: Verdana, Arial, Helvetica, Tahoma, Swiss, SunSans-Regular; 
text-align: left; 
 }
 
{ 
scrollbar-face-color:#8080FF; 
scrollbar-arrow-color:#FFFFFF; 
scrollbar-track-color:#DDDDFF; 
scrollbar-shadow-color:''; 
scrollbar-highlight-color:''; 
scrollbar-3dlight-color:''; 
scrollbar-darkshadow-Color:''; 
}
