*
{
    margin: 0;
    padding: 0;
}
body
{
    background-color: #FFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1em;
}



a
{
    color: #948a54;
    font-weight: 700;
    font-size: 1em;
    padding: 0 2px;
}

img
{
    border: none 0px;
}

.clear
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#sitewrapper
{
    width: 1000px;
    margin: 0 auto 50px auto;
    padding: 10px 0 0 0;
    font-size: 0.75em;
    background-color: #eeece1;
}

/* =============== header section ================*/

#header
{
    width: 100%;
    height: 150px;
    text-align: center;
    font-size: 1em;
    
}

#headerleft
{
    width: 200px;
    height: 125px;
    float: left;
    margin: 0 0 0 39px;
    padding: 0;
}

#headerleft img
{
    margin: -10px auto 5px auto;
 }


/*  ========= Rotator with funny man 'Umit' pictures=== */
/*  ========= see wucBanner.ascx for actual content === */
#headermiddle
{
    width: 465px;
    height: 150px;
    margin: 0 0 0 30px;
    padding: 0;
    float: left; /* display: block;*/
    overflow: hidden;
}

#headermiddle #funmanleft, #headermiddle #funmanmid, #headermiddle #funmanright
{
    width: 151px;
    height: 150px;
    padding: 0;
    margin: 0;
    float: left;
}

#headermiddle #funmanleft img, #headermiddle #funmanmid img, #headermiddle #funmanright img
{
    width: 150px;
    height: 150px;
    margin: 0 1px 0 0;
    padding: 0;
    left: 0;
    top: 0;
}

/*============ sitemap & search ==============*/
#headerright
{
    width: 210px;
    float: right;
    height: 150px;
    margin: 0 39px 0 0;
    color: #948a54;
    padding: 0;
}

#headerright ul
{
    margin: 10px 0 0 0;
    padding: 0;
}

#headerright ul li
{
    display: inline;
    padding: 2px;
}

#headerright #search
{
    margin: 75px 0 0 0;
}

.input
{
    width: 100px;
    padding: 2px 5px;
}

.button
{
    background: #efefef none;
    color: #948a54;
    width: 50px;
    padding: 2px 5px;
    font-weight: bold;
    font-size: 11px;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
}

/*=============== slogan area ==================*/
#slogan
{
    width: 955px;
    height: 20px;
    margin: 5px 0;
    padding: 25px 0 0 0;
}

#slogantext, #slogantext h1, #slogantext p
{
    font-family: Lucida handwriting;
    color: #948a54;
    font-size: 1.8em;
    font-weight: bold;
    text-align: right;
    padding: 5px 0;
}

/*=========== main content area =================*/
#content
{
    width: 1000px;
    min-height: 500px;
    padding: 15px 0 0 0;
    clear: both;
    font-size: 1.2em;
    font-family: Arial, Verdana, Sans-Serif ;
    line-height: 1.4em;
    color: #444;
}

#content h1
{
    padding: 5px 10px;
    font-size: 1.6em;
    letter-spacing: 0.05em;
}

#content h1 a
{
    color: white;
    text-decoration: none;
}

#content h1 a:hover
{
    text-decoration: underline;
}

#content h2
{
    color: #666;
    font-size: 1.4em;
    margin: 10px 0 0 10px;
    clear: both;
}

#content ul, #content ol, #content dl
{
    font-size: 1em;
    margin: 0 10px 5px 25px;
    padding: 0; 
}

#content li, #content dt, #content dd
{
   font-size: 1em;
   color: #444;
}

#content ul li ul 
{
    font-size: .9em;

}


#content p
{
    padding: 5px 10px;
   
}

#content img
{
    clear: both;
    display: block;
    margin: 5px auto;
}

/* ===== 6 boxes on home page ==== */

#content #wraprowtop
{
    padding: 0 39px 0 39px;
    margin: 0 auto 5px auto;
    width: 922px;
}

#content #wraprowbot
{
    padding: 0 39px 0 39px;
    margin: 5px auto 10px auto;
    width: 922px;
}

#boxtopleft, #boxtopmiddle, #boxtopright
{
    width: 300px;
    min-height: 425px;
    float: left;
    margin: 0 5px 0 0;
    background-color: White;
}

#boxbotleft, #boxbotmiddle, #boxbotright
{
    display: inline-block;
    width: 300px;
    min-height: 320px;
    float: left;
    margin: 0 5px 0 0;
    background-color: white;
}

#boxtopleft
{
    border: 1px solid #4bacc6;
}

#boxtopleft h1
{
    background: #83ecf1 url(images/lightblue_title_bg.png);
    border-bottom: solid 1px #4bacc6;
    color: white;
}

#boxtopmiddle
{
    border: solid 1px #e820c2;
}

#boxtopmiddle h1
{
    background: #e820c2 url(images/lila_title_bg.png);
    border-bottom: solid 1px #e820c2;
    color: white;
}

#boxtopright
{
    border: solid 1px #92d050;
}
#boxtopright h1
{
    background: #92d050 url(images/green_title_bg.png);
    border-bottom: solid 1px #92d050;
    color: white;
}

#boxbotleft
{
    border: solid 1px #ff2121;
}
#boxbotleft h1
{
    border-bottom: solid 1px #ff2121;
    color: white;
    background: #ff2121 url(images/red_title_bg.png);
}

#boxbotmiddle
{
    border: solid 1px #c6b100;
}

#boxbotmiddle h1
{
    border-bottom: solid 1px #c6b100;
    color: white;
    background: #c6b100 url(images/golden_title_bg.png);
}

#boxbotright
{
    border: solid 1px #9711ff;
}

#boxbotright h1
{
    border-bottom: solid 1px #9711ff;
    color: white;
    background: #9711ff url(images/purple_title_bg.png);
}

/*======== subpages layout:  6 identical pages in 6 different colors======= */
#menuleft
{
    width: 200px;
    min-height: 600px;
    float: left; /* see also PanelBar.css */
    display: inline-block ;
}

#menuleft #contact p
{  
   padding: 25px  0 0 50px;
   line-height: 1.4em;
}

#menuleft #contact img
{
    float:left;
    margin:0 5px 0 0;
}

#main_cyan, #main_magenta, #main_green, #main_red, #main_gold, #main_purple
{
    width: 692px;
    float: right;
    background-color: White;
    margin: 0 39px 0 0;
    padding: 0 0 5px 0;
}

#main_cyan p, #main_magenta p, #main_green p, #main_red p, #main_gold p, #main_purple p
{
    padding: 5px 10px;
}

#main_cyan img, #main_magenta img, #main_green img, #main_red img, #main_gold img, #main_purple img
{
    float: right;
    margin: 5px;
}

#main_cyan
{
    border: solid 1px #4bacc6;
}

#main_cyan h1
{
    background: #4bacc6 url(images/lightblue_title_bg.png);
    border-bottom: solid 1px #4bacc6;
    color: white;
    padding: 5px 10px;
}


#main_cyan a
{
    color: #4bacc6;
}


#main_magenta
{
    border: solid 1px #e820c2;
}

#main_magenta h1
{
    background: #e820c2 url(images/lila_title_bg.png);
    border-bottom: solid 1px #e820c2;
    color: white;
    padding: 5px 10px;
}

#main_magenta a
{
    color: #e820c2;
}

#main_green
{
    border: solid 1px #92d050;
}

#main_green h1
{
    background: #92d050 url(images/green_title_bg.png);
    border-bottom: solid 1px #92d050;
    color: white;
    padding: 5px 10px;
}

#main_green a
{
    color: #92d050;
}

#main_red
{
    border: solid 1px #ff2121;
}

#main_red h1
{
    border-bottom: solid 1px #ff2121;
    color: white;
    background: #ff2121 url(images/red_title_bg.png);
    padding: 5px 10px;
}

#main_red a
{
    color: #ff2121;
}


#main_gold
{
    border: solid 1px #c6b100;
}

#main_gold h1
{
    border-bottom: solid 1px #c6b100;
    color: white;
    background: #c6b100 url(images/golden_title_bg.png);
    padding: 5px 10px;
}


#main_gold a
{
    color: #c6b100;
}

#main_purple
{
    border: solid 1px #9711ff;
}

#main_purple h1
{
    border-bottom: solid 1px #9711ff;
    color: white;
    background: #9711ff url(images/purple_title_bg.png);
    padding: 5px 10px;
}


#main_purple a
{
    color: #9711ff;
}

/* ===== contact formulier ============= */

.labelinput
{

    font-family: Tahoma;
    padding: 5px 5px 5px 10px;
    font-size: 1.1em;
    text-align:right;
    color: #444;

}
/* ============== footer ================== */

#footer
{
    clear: both;
    width: 1000px;
    height: 50px;
    color: #948a54;
    font-size: 1.1em;
    font-weight: bold;
}

#footertext
{
    width: 500px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
}

/* ================ list style ======================== */

ul.sf_simpleList, ul.sf_expandedList, ul.sf_expandableList
{
    list-style-type: none;
    margin: 0;
    padding: 0;  
    font-Family: Tahoma;
    font-size: 1em !important;
    line-height: 1.4em;
}

ul.sf_simpleList li, ul.sf_expandedList li, ul.sf_expandableList li
{
    margin: 0;
    padding: 5px 0; 
    font-size: 1em !important;
}

h3.sf_listItemTitle
{
    font-size: 1em;
    font-weight: normal;
    clear: both;
}

.sf_listItemBody 
{
   
    clear: both;
    padding: 5px 10px;
    color: #444;
}

.sf_listItemBody ul, .sf_listItemBody ul li
{
   font-size: 1em !important;

}


/*  lightbox gallery */
ol.sf_photoListLightbox li
{
      
 height: 190px !important;
 margin-top: 5px !important;

}



ol.sf_photoListLightbox a
{
    font-size: .75em;
    text-decoration: none;
}

ol.sf_photoListLightbox a:hover
{
    text-decoration: underline;
}




/*  sitefinity news layout */

ul.sf_newsList
{
    font-family: Tahoma;
    line-height: 1em;
    color: #444;
    margin: 0 !important;
    padding: 0 !important;
}

ul.sf_newsList li
{
    margin: 0 !important;
    padding: 5px 10px !important;
}

a.sf_newsTitle
{
    font-size: 1.1em;
    text-decoration: none;
    color: #ff2121;
    width: 100%;
    clear: both;
}

.sf_newsDate
{
    font-size: 0.8em !important;
    margin: 0;
}

.sf_readMore a, a.sf_back
{
    text-decoration: none;
    font-size: 0.9em;
    color: #ff2121;
}

.sf_newsSummary
{
    font-size: 1em !important;
}

.sf_singleNews
{
    padding: 10px;
    font-size: 1.2em;
    color: #444;
    line-height: 1.4em;
}
.sf_newsTitle
{
    font-size: 1.4em;
    color: #ff2121;
    width: 100%;
    clear: both;
}


/* ===== Telerik sitemap ========= */

a.node0
{
    font-size: 1.2em;
    text-decoration: none;
    cursor: pointer;
}

a.node1
{
    font-size: 1em !important;
    font-weight: normal;
    color: #444 !important;
    text-decoration: none;
    cursor: pointer;
}

a.node0:hover, a.node1:hover
{
    text-decoration: underline;
}