@charset "utf-8";
/***********************************************************
 * File: utt.css
 * Project: UTT
 *
 * Copyright: (c) 2009 Hippo Software. Some rights reserved
 *            <http://www.hipposoftware.nl>
 *
 * Author: Bert Bulder <mailto:bertb@hipposoftware.nl>
 *         Brouwersgracht 48, 1013 GX Amsterdam, 020-6255344
 *
***********************************************************************/
body { font-family: Verdana, Geneva, sans-serif; font-size:11px; line-height: 18px; }
body {
scrollbar-face-color: #fff; 
scrollbar-highlight-color: #fff; 
scrollbar-shadow-color: #999999; 
scrollbar-3dlight-color: #999999; 
scrollbar-arrow-color:  #000000; 
scrollbar-track-color: #fff; 
scrollbar-darkshadow-color: #999999;
}
h1, h2, h3 { font-weight:bold; color:#F00; padding-bottom: 18px;}
h1 { font-size:14px;}
h2 { font-size:13px;}
h3 { font-size:12px; font-weight:normal; font-style:italic;}
a { outline:none;}
#wrapper { height: 715px; text-align:left; background:#FFF url(../images/bg_wrapper.gif) left top no-repeat; }
#wrapper.index {background:#FFF url(../images/bg_index.gif) left top no-repeat;}
#wrapper.activiteiten {background:#FFF url(../images/bg_activiteiten.gif) left top no-repeat;}
#wrapper.activiteitenhoog {background:#FFF url(../images/bg_activiteitenhoog.gif) left top no-repeat; height:auto;}
#head {height: 75px; clear:both; }
#head a, #headindex a { text-decoration:none; color:#FFF;}
#head a:hover, #headindex  a:hover { text-decoration:underline;}
#headindex {height: 200px; clear:both; }
#headhome {width:831px; padding-left:33px; padding-top:35px; height:18px; float:left;}	
#headlanguage { text-align:center; width:95px; overflow:hidden; padding-top:35px; float:left;}

#horizontalmenuindex {padding-left:112px; height:488px; width:844px;}
#horizontalmenu {padding-left:33px;margin-bottom:13px;}
#horizontalmenu a, #horizontalmenuindex a { background:#FFF url(../images/bg_menuitem.gif) left top no-repeat; padding-left: 22px; padding-right: 14px; color:#070606; text-decoration:none;}
#horizontalmenu a:hover, #horizontalmenu a.selected, #horizontalmenuindex a:hover { background:#FFF url(../images/bg_menuitem_ov.gif) left top no-repeat; color:#cc0033;}
#horizontalmenu a.gohome { background:none; padding-left:0;} 
#horizontalmenu a:hover.gohome { background:none; padding-left:0;} 
#horizontalmenu .taal {display:inline;}
#horizontalmenu a.taal { background:none; padding-left:0; padding-right:0} 
#horizontalmenu a:hover.taal { background:none; padding-left:0; padding-right:0} 
#plaatjesmenu {height: 103px; padding-left:12px;; width:605px; clear:both;}
#onder { width:958px; padding-left:12px; height:553px}
#flashcontainer {width:626px; height:552px; float: left;}
#content{ width: 320px; height:412px; margin-top:0px; padding-top: 140px; float:left; background:transparent url(../images/logotate.jpg) right top no-repeat  }
#detekst { width: 275px;  margin-right:45px;  height:412px; overflow:auto;font:Verdana, Geneva, sans-serif 11px/17px normal;}
#content a, #detekst a, #flashcontainerc1 a, #flashcontainerc2 a {text-decoration:none; color:#cc0033;}
#content a:hover, #detekst a:hover, #flashcontainerc1 a:hover, #flashcontainerc2 a:hover {text-decoration:underline;}

#pers { width: 838px; padding-left:92px;}
#persbericht {width:440px; float:left; padding-right:64px}
#persterug,#persthumbs {width:155px; float:left;}

#bezoek { width: 908px;}
#bezoekk1 {width:260px; padding-left:20px; padding-right:24px; overflow:auto;font:Verdana, Geneva, sans-serif 11px/17px normal; float:left}
#bezoekk2 {width:247px; padding-left:12px; padding-right:50px; overflow:auto;font:Verdana, Geneva, sans-serif 11px/17px normal; float:left}
#bezoekk3 {width:247px; padding-left:13px; padding-right:38px; overflow:auto;font:Verdana, Geneva, sans-serif 11px/17px normal; float:left}
#pers a, #pers a:hover, #bezoek a, #bezoek a:hover, #bezoekk1 a, #bezoekk2 a, #bezoekk3 a, #bezoekk1 a:hover, #bezoekk2 a:hover, #bezoekk3 a:hover {text-decoration:none; color:#cc0033;}
#pers a:hover, #bezoek a:hover , #bezoekk1 a:hover, #bezoekk2 a:hover, #bezoekk3 a:hover{text-decoration: underline;}

#footer {width: 970px; padding-top: 5px; height: 22px;	clear:both;	color: #FFFFFF;	font: 11px/16px Arial, Helvetica, sans-serif; }
#footeract {width: 970px; padding-top: 5px; height: 22px;	clear:both;	color: #FFFFFF;	font: 11px/16px Arial, Helvetica, sans-serif; background:#FFF url(../images/bg_footeract.gif) left top no-repeat; }
#footer .links, #footeract .links { margin-left: 30px;	float: left;}
#footer .rechts, #footeract .rechts { margin-right: 35px; float: right;}
#tekstinplaats {padding:17px; width:450px; color:#cc0033; font: 11px/17px Arial, Helvetica, sans-serif;}

#onder.margeboven { margin-top:0px; padding-top:53px; height: 502px; overflow:auto; background:transparent url(../images/logotate.jpg) 863px top no-repeat;} 
#footer.margeboven {padding-top: 16px;}

#onder.margebovenbezoek { margin-top: 0px; padding-top:50px; height:506px; overflow:auto; background:transparent url(../images/logotate.jpg) 863px top no-repeat  } 
#footer.margebovenbezoek {padding-top: 2px;}

.credits {font-family: Verdana, Geneva, sans-serif; font-size:10px; line-height: 17px; text-align:left}