body {
    background: url(/look/bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #140604;
    padding: 0;
    margin: 0;
}

p, td, th, div, span, h1, h2, h3, h4 {
    font-family: Verdana, Helvetica;
    font-size: 11px;
    color: #FFF;
}
h1 {
    font-size: 17px;
}

h2.ExtraTitel {
    font-size: 17px;
}
h2.ExtraTitelDetail {
    font-size: 17px;
    clear: both;    
}

#website {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    text-align: center;
}

#page {
    margin: 20px auto 0 auto; /* Top right bottom left */
    width: 829px;
    text-align: left;
}
#contenthome {
    width: 829px;
    height: 100%;
    background: url(/look/the_outsider_bg_content1.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #51504F;
}

#content {
    width: 829px;
    height: 100%;
    background: url(/look/the_outsider_bg_content1.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #51504F;
}
#spacer {
    float: left;
    width: 0;
    margin: 0;
    padding: 0;
}
    
#textblock {
    width: 300px;
}

.textblockhome {
	
	width: 757px !important;
	width: 829px;	
    float: left; 
	padding: 0 42px 27px 29px; 
	clear: both;
}
.navblockhome {
    padding: 0 0 0 26px; margin: 0; clear: both;
}

.extralink {font-size:14px;}
a.linkoutsider          {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
a.linkoutsider:hover	{text-decoration: none;}

a.linknieuws          {color: #E87E00; text-decoration: underline; font-weight: bold;}
a.linknieuws:hover	{text-decoration: none; color: #FFFFFF;}

#lijntje {
    margin: 17px 0 17px 0px !important;		 /*top right bottom left */
    margin: 17px 0 17px 0;
    clear: both;
}
#tdtaal {
    text-align: right;
}
#divtaal {
    margin-right: 15px;
}
#tdbanner {
    padding-left: 9px;
    width: 829px;
    height: 195px;
}
#adresfooter {
    width: 829px;
    height: 78px;
    text-align: center;
    font-size: 9px;
    color: #9E9D9D;
    padding-top: 25px;
    line-height: 15px;
    background: url(/look/the_outsider_bg_content2.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}
#adresfooter a {
    color: #9E9D9D;
    text-decoration: none;
}
#adresfooter a:hover {
    text-decoration: underline;
}
#copyrightfooter {
    font-size: 9px;
    color: #444;
}
#copyrightfooter a {
    color: #444;
    text-decoration: none;
}
#copyrightfooter a:hover {
    text-decoration: underline;
}
.homepic {
    float: left;
    width: 128px;
    height: 134px;
    background: url(/look/schaduw_pics.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}
.homepic img {
    margin: 3px 5px 10px 2px;
    padding: 0;
}
.homepic div {
    text-align: center;
    margin: 0;
    padding: 0;
}
.homepic div a {
    color: #FFF;
    font-weight: bold;
    font-size: 10px;
    margin: 0;
}
.homepic div a:hover {
    text-decoration: none;
}
.homepiclink img{
/*border: 2px solid #868686;*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}
.homepiclink:hover img{
/*border: 2px solid #ED0006;*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

#contentblock {margin: 0 35px 0 217px; /* Top right bottom left */}
#contentblock table {
width:574;
padding:0px;
margin:0px;
}
#contentblock .detailpic {
    float: right;  /*top right bottom left */    
    width: 272px;
    height: 313px;
    margin: 0 0px 0 25px;
    background: url(/look/schaduw_detailpics.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}
#contentblock .detailpic img {
    margin: 20px 5px 10px 16px; /*top right bottom left */    
    padding: 0;
}
#contentblock .detailpic div {
    text-align: center;
    margin: 0;
    padding: 0;
}
#contentblock .detailpic div a {
    color: #FFF;
    font-weight: bold;
    font-size: 10px;
    margin: 0;
}

#contentblock .CirkelPijl
{
    margin: 0px 7px 0 0px !important; /* Top right bottom left */
    margin: 0px 7px 0 3px; /* Top right bottom left */
    float: left;      
}


#contentblock a         {color: #9FD743; font-weight: bold; font-size: 11px; text-decoration: underline;}
#contentblock a:hover   {text-decoration: none;}

#contentblock a.LinkAccent         {color: #FFFFFF; font-weight: bold; font-size: 14px; text-decoration: none;}
#contentblock a.LinkAccent:hover   {text-decoration: underline;}


/* Algemene navigatie blok */
#navigatieblock         {width: 182px; float: left; } /* background-color: #363634; */

/* Hoofdrubriek Reizen */
#navigatieblock .nav1   {background-image : url(/look/bull2.gif); background-repeat : no-repeat; background-position: top, left; background-color : #455D1D;}
/* Subrubriek  */
#navigatieblock .sub1   {background-color : #618329;}

/* Hoofdrubriek Events */
#navigatieblock .nav2   {background-image : url(/look/bull2.gif); background-repeat : no-repeat; background-position: top, left; background-color : #455D1D;}
/* Subrubriek  */
#navigatieblock .sub2   {background-color : #618329;}

/* Hoofdrubriek JEUGDKAMPEN EN OPLEIDINGEN */
#navigatieblock .nav3   {background-image : url(/look/bull2.gif); background-repeat : no-repeat; background-position: top, left; background-color : #455D1D; height:50px;}
/* Subrubriek  */
#navigatieblock .sub3   {background-color : #618329;}

#Opsomming ul
{
/* clear: both; */
padding: 0; 
margin: 0;
}
#Opsomming li
{
list-style: none;
}

#Opsomming li a
{
height: 26px;
line-height: 26px !important;
line-height: 18px;
margin: 0;
padding: 6px 0 10px 23px !important;
padding: 3px 0 0 23px;
background-image: url(/look/CirkelPijl_il.gif);
background-repeat: no-repeat;
list-style-position: outside;
}

#Terug ul
{
clear: both;
padding: 10px 0 0 0 !important; 
padding: 0; 
margin: 0;
}

#Terug li
{
list-style: none;
}

#Terug li a
{
height: 26px;
line-height: 26px !important;
line-height: 18px;
margin: 0;
padding: 6px 0 10px 23px !important;
padding: 3px 0 0 23px;
background-image: url(/look/CirkelPijl_back.gif);
background-repeat: no-repeat;
list-style-position: outside;
}


/* Bovenste navigatie blok */
#navigationTop
{
width: 182px !important;
width: 182px;
padding: 0px 0px 0px 0px !important;		 /*top right bottom left */
padding: 0px 0px 0px 0px;	
FONT-SIZE: 11px; color: #FFFFFF; font-weight: bold;
margin:0;
background-color: #363634;
/* border:1px solid #FFF*/
}

#navigationTop a.navoff          {color: #FFFFFF; text-decoration: underline;}
#navigationTop a.navoff:hover	 {text-decoration: none;}
#navigationTop a.navon           {color: #FFFFFF; text-decoration: underline;}
#navigationTop a.navon:hover	 {text-decoration: none;}

#navigationTop ul          {list-style:none;}
#navigationTop li          {list-style:none;
                            width: 182px;
                            padding: 7px 0px 1px 32px !important;            /*top right bottom left */             
                            padding: 7px 0px 7px 32px;
                            height: 20px !important;
                            border-bottom: 1px solid #4D4D4C;
                            vertical-align: text-bottom;}

#navigationTop li.navon    {list-style:none;
                            padding: 7px 0px 1px 32px !important;            /*top right bottom left */             
                            padding: 7px 0px 7px 32px;
                            height: 24px !important;
                            height: 26px ;}

/* Navigatie van de rubriek die geselecteerd is */
#NavigationDetail
{
width: 182px !important;
width: 182px;
padding: 0px 0 0px 0px !important;		 /*top right bottom left */
padding: 0px 0 0px 0px;	
FONT-SIZE: 11px; color: #FFFFFF; font-weight: bold;
margin:0;
}

#NavigationDetail a.navoff          {color: #FFFFFF; text-decoration: underline;}
#NavigationDetail a.navoff:hover	{text-decoration: none;}
#NavigationDetail a.navon           {color: #FFFFFF; text-decoration: underline; margin: 0 0 0 32px !important; margin: 0 0 0 0;}
#NavigationDetail a.navon:hover		{text-decoration: none;}

#NavigationDetail ul          {list-style:none;}
#navigationDetail li          {list-style:none;
                         width: 182px;
                         padding: 7px 0px 1px 0px !important;            /*top right bottom left */             
                         padding: 7px 0px 7px 32px;
                         height: 20px !important;
                         vertical-align: text-bottom;}
#navigationDetail li.navon          
                        {list-style:none;
                         width: 182px;
                         padding: 7px 0px 1px 0px !important;            /*top right bottom left */             
                         padding: 7px 0px 7px 32px;
                         height: 20px !important;
                         vertical-align: text-bottom;
}

/* Sub navigatie detail */
#NavigationDetailSub
{
width: 138px !important;
width: 182px;
padding: 0px 0px 5px 44px !important;		 /*top right bottom left */
padding: 0px 0px 5px 48px;	
FONT-SIZE: 11px; color: #FFFFFF;
margin:0;
}


#NavigationDetailSub a.navoff           {color: #FFFFFF; text-decoration: underline;}
#NavigationDetailSub a.navoff:link      {}
#NavigationDetailSub a.navoff:visited	{}
#NavigationDetailSub a.navoff:hover	    {text-decoration: none;}
#NavigationDetailSub a.navoff:active	{}

#NavigationDetailSub a.navon           {color: #FFFFFF; text-decoration: underline;}
#NavigationDetailSub a.navon:link 		{}
#NavigationDetailSub a.navon:visited	{}
#NavigationDetailSub a.navon:hover		{text-decoration: none;}
#NavigationDetailSub a.navon:active	{}

/*top right bottom left */             
#navigationDetailSub li          {
                         padding: 7px 0px 5px 0px !important;            
                         padding: 0px 0px 4px 0px;
                         margin: 0px 0px 0px 0px  !important;            
                         margin: 8px 0px 0px 0px;
                         list-style:none;
}                         
#navigationDetailSub li.navon          
                        {
                         padding: 7px 0px 5px 0px !important;            
                         padding: 0px 0px 4px 0px;
                         margin: 0px 0px 0px 0px  !important;            
                         margin: 8px 0px 0px 0px;
                         list-style-image: url(/look/arrow2.gif);
                         list-style-position: outside;
}
/* Navigatie boven */   
#NavigatieBoven          {
clear: right;
margin: 0 0px 0 0px !important;        
margin: 0 -3px 0 -3px; 

}                     
#NavigatieBoven a        {color: #FFFFFF; text-decoration: underline;}
#NavigatieBoven a:hover	 {text-decoration: none;}

/* Navigatie Onder */   
#NavigatieOnder          {clear: right;}                     
#NavigatieOnder a        {color: #FFFFFF; text-decoration: underline;}
#NavigatieOnder a:hover	 {text-decoration: none;}

#NavigatieOnder a.SubNavInfo        {color: #FFFFFF; text-decoration: underline;}
#NavigatieOnder a.SubNavInfo:hover	 {text-decoration: none;}

#NavigatieOnder a.SubNavInfoActive        {color: #FFFFFF; text-decoration: none;}
#NavigatieOnder a.SubNavInfoActive:hover	 {text-decoration: underline;}

/* */
.AccentLeft         {float: left;}
.AccentBg
{
margin: 0 0px 0 0px !important;        
margin: 0 -3px 0 -3px; 
padding: 7px 4px 0px 4px;
FONT-SIZE: 14px; color: #FFFFFF; font-weight: bold;
background-image : url(/look/AccentMiddle.gif);
                         height: 28px !important;
                         height: 33px;
float: left;                         
}

#FilesAlbum
{
 margin: 0 0 -10px 0;		
}
 
#FilesAlbum .FilesFoto {
    float: left;
    width: 128px;
    height: 134px;
    background: url(/look/schaduw_pics.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0px 14px 10px 0px !important;	
	margin: 0px 14px 10px 0px;

}
#FilesAlbum .FilesFoto img {
    margin: 9px 5px 10px 8px;
    padding: 0;
}
#FilesAlbum .FilesFoto div {
    text-align: center;
    margin: 10px;					 /*top right bottom left */
    padding: 10px;
}
#FilesAlbum .FilesFoto div a {
    color: #FFF;
    font-weight: bold;
    font-size: 10px;
    margin: 0;
}
#FilesAlbum .FilesFoto div a:hover {
    text-decoration: none;
}
#FilesAlbum .FilesFotoLink img{
/*border: 2px solid #868686;*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}
#FilesAlbum .FilesFotoLink:hover img{
/*border: 2px solid #ED0006;*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
} 

#FilesMaps ul
{
list-style: none;
clear: both;
padding: 0; 
margin: 0;
}

#FilesMaps li a
{
height: 26px;
line-height: 26px !important;
line-height: 18px;
margin: 0;
padding: 6px 0 10px 23px !important;
padding: 3px 0 0 23px;
background-image: url(/look/CirkelPijl_il.gif);
background-repeat: no-repeat;
list-style-position: outside;
}

#FilesNavigation ul
{
list-style: none;
clear: both;
padding: 0 0 20px 0 !important; /*top right bottom left */
margin: 0;
}

#FilesNavigation li
{
float: left;
margin: 0 0.15em;
}

#FilesNavigation  li a
{
height: 22px;
line-height: 22px;
float: left;
width: 26px;
display: block;
border: 1px solid #455D1D;
color: #FFF;
background-color:#618329;
text-decoration: underline;
text-align: center;
}

#FilesNavigation  li a.active {text-decoration: none;}

#FilesNavigation  li a:hover  {text-decoration: none;}
/* Hide from IE5-Mac \*/
#FilesNavigation  li a {float: none}
/* End hide */

/* Contact formulier */
#Contact table.contact {
width:440;
float: left;
padding:0px;
margin:0px;
}
#Contact input, textarea {
    font-family: Verdana, Helvetica;
    font-size: 11px;
    width:270px;
    color: #000;
}

#Contact input.postcode {width:40px;}
#Contact input.plaats   {width:226px;}
#Contact .error         {color:#E00; font-weight: bold;}
#Contact .errorwanted   {margin: 0 0 0 3px; color:#FFF;}
#Contact input.sMailBestand {width:15px; color:#FFF; font-size:11px;}

#Form input, textarea, select {
    font-family: Verdana, Helvetica;
    font-size: 11px;
    color: #000;
}    

#Form .FormKnop
{
    font-size: 12px;
    color: #9FD743;
    font-weight: bold;
    background-color: #696865;
    BORDER-LEFT-COLOR: #FFF;
    BORDER-BOTTOM-COLOR: #9FD743;
    BORDER-TOP-COLOR: #FFF;
    BORDER-RIGHT-COLOR: #9FD743;
    border-width: 1px;
    border-style: solid;
}

#Form .T                 { display: table;  border: solid 0px #CCCCCC; border-collapse: collapse;}
#Form .TR                { display: table-row; padding-top:3px;}

#Form .RubTitle, 
#Form .RubTitle2, 
#Form .RubTitle3, 
#Form .RubContent, 
#Form .RubContent2, 
#Form .RubContent3, 
#Form .RubContent4, 
#Form .RubContent5
{ display: table-cell; }

#Form .RubContent3 {width:100px;}
#Form .RubContent4 {width:33px; }
#Form .RubContent5 {width:133px; text-align:right; font-weight: bold;}

#Form .RubTitle          { text-align: left; width: 150px; font-weight: bold; padding-top:3px;}
#Form .RubTitle2         { text-align: left; width: 340px; font-weight: bold; padding-top:3px;}
#Form .RubTitle3         { text-align: left; width: 427px; padding-top:3px;}
#Form .ErrorMessage, #Form .ErrorMessage2      {padding-left:4px; color: #E70; font-weight: bold;}

#OpenEventKiezen a 
{
font-weight: normal;
position: relative;
color: #FFF;
}

#Products a
{
color: #FFF;
}

a.ToolTip
{
position: relative;
color: #FFF;
}
a.ToolTip span {display: none;}
a.ToolTip:hover 
{
  background-color: #51504E;
  text-decoration: none;
/* The above hover change defeats the
  IE/Win display changing bug */
  z-index: 1;
}
a.ToolTip:hover span 
{
  position: absolute;
  top: 9px;
  left: 30px;
  display: block;
  font-family: Verdana, Helvetica;
  font-size: 11px;
  color: #D0D0D0;
  background: #838382;
  border: 1px solid #CACACA; 
  padding:3px;
  white-space:nowrap;   
  z-index: 99;
  
}