/* ----------------------------------------------------------------	*/
/* ------                                                    ------	*/
/* ------        surfspot.apsitprojecten.nl stylesheet       ------	*/
/* ------        versie 050607                               ------	*/
/* ------        Dolf Gagestein                              ------	*/
/* ------                                                    ------	*/
/* ------                                                    ------	*/
/* ------        #08124D = heel donker blauw                 ------	*/
/* ------        #0043D2 = donker blauw                      ------	*/
/* ------        #01D0F8 = licht blauw                       ------	*/
/* ------        					                         ------	*/
/* ------        #07991A = donker groen                      ------	*/
/* ------        #77FF41 = licht groen                       ------	*/
/* ------                                                    ------	*/
/* ------        #D60829 = donker rood                       ------	*/
/* ------        #F59C0A = oranje                            ------	*/
/* ------        #FFFF00 = geel                              ------	*/
/* ------                                                    ------	*/
/* ------        #FF15A7 = lila                              ------	*/
/* ------                                                    ------	*/
/* ------        #E9E9E9 = grijs                             ------	*/
/* ------        #000000 = zwart                             ------	*/
/* ------        #FFFFFF = wit                               ------	*/
/* ------                                                    ------	*/
/* ----------------------------------------------------------------	*/

body,form{
margin:0;
}
body{
font-family:verdana,arial,helvetica,sans-serif;
color:#000000;
}
.ms-bodyareacell{
vertical-align:top;
height:100%;
width:100%;
}
.ms-pagebottommargin,.ms-pagebottommarginleft,.ms-pagebottommarginright{
background:#E9E9E9;
}
.ms-bodyareapagemargin{
background:#E9E9E9;
border-top:1px solid #E9E9E9;
}
.ms-bodyareaframe,.ms-viewareaframe{
vertical-align:top;
height:100%;
width:100%;
background-color:#ffffff;
border-top:1px solid #E9E9E9;
border-right:1px solid #E9E9E9;
border-left:1px solid #E9E9E9;
}
.ms-bodyareaframe{
padding:10px;
}
.ms-areaseparatorcorner{
background-image:none;
background-position:left top;
background-repeat:no-repeat;
height:8px;
border-right:1px solid #E9E9E9;
}
td.ms-areaseparatorleft{
background-image:none;
background:none;
background-repeat:repeat-x;
border-right:1px solid #E9E9E9;
height:100%;
}
div.ms-areaseparatorleft{
background-color:#4E68B0;
background-image:none;
background-repeat:no-repeat;
background-position:-143px 0px;
border-right:1px solid #E9E9E9;
height:100%;
}
div.ms-areaseparatorright{
background-image:none;
background-color:#4E68B0;
background-repeat:repeat-x;
border-left:1px solid #E9E9E9;
padding-right:2px;
height:100%;
}
.ms-titlearearight .ms-areaseparatorright{
background-image:none;
background:#E9E9E9;
background-repeat:repeat-x;
border-left:1px solid #E9E9E9;
padding-right:2px;
height:100%;
}
.ms-areaseparator{
background-color:#E9E9E9;
background-image:none;
background-repeat:repeat-x;
border-right:none;
border-left:none;
padding-left:5px;
height:61px;
}
.ms-pagemargin{
background-color:#E9E9E9;
background-image:none;
background-repeat:no-repeat;
background-position:-143px 0px;
height:100%;
}
td.ms-rightareacell div.ms-pagemargin{
background-color:#E9E9E9;
background-image:none;
background-repeat:repeat-x;
height:100%;
border-left:solid 0px #83b0ec;
}
.ms-titlearea,.ms-mwstitlearea{
color:#666666;
font-family:tahoma;
font-size:8pt;
letter-spacing:.1em;
}
.ms-titlearea a
{
color:#FFFFFF;
text-decoration:none;
}
.ms-titlearea a:hover,.ms-mwstitlearea a:hover
{
color:aqua;
text-decoration:underline;
}
td.ms-mwstitlearea a
{
color:#3966bf;
text-decoration:none;
}
.ms-titlearealeft
{
background-color:#E9E9E9;
}
TD.ms-titleareaframe,Div.ms-titleareaframe,.ms-pagetitleareaframe,.ms-mwspagetitleareaframe,.ms-consoletitleareaframe{
background-image:none;
background-repeat:no-repeat;
background-position:left top;
background-color:#E9E9E9;
text-align:center;
}
div.ms-titleareaframe{
height:100%;
}
.ms-pagetitleareaframe table{
background-image:none;
background-repeat:no-repeat;
background-position:332px 4px;
height:54px;
color: aqua;
}
.ms-titlearealine{
background-color:#E9E9E9;
}

/* ----------------------------------------------------------------	*/
/* kruimelspoor bovenaan ------------------------------------------	*/
/* ----------------------------------------------------------------	*/

.ms-globalbreadcrumb{
background-position: left;
width: 100%;
font-size: 8pt;
text-align: right;
background-color: #E9E9E9;
padding: 2px 10px 2px 5px;
background-repeat: no-repeat;
}
.ms-globalbreadcrumb a{
text-decoration:none;
color:#00FFFF;
}
.ms-globalbreadcrumb{
text-decoration:none;
color:#FFFFFF;
}
.ms-globalbreadcrumb a:hover{
color:#00FFFF;
text-decoration:underline;
}

/* kruimelspoor boven tekst */
.ms-pagebreadcrumb{
padding:2px 3px 3px 11px;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
}
.ms-pagebreadcrumb a{
font-size:8pt;
background-color:#E9E9E9;
color:#0043D2;
text-decoration:none;
}
.ms-pagebreadcrumb{
font-size:8pt;
background-color:#E9E9E9;
color:#0043D2;
text-decoration:none;
}


/* ----------------------------------------------------------------	*/
/* titelbalk    ------------------------------------------------	*/
/* ----------------------------------------------------------------	*/

.ms-globalTitleArea{
text-align:right;
vertical-align: middle;
background-image: none;
background-repeat: no-repeat;
background-position: left;
width: 100%;
padding-left:0px;
padding-right:0px;
padding-top:0px;
background-color:#D60829;
border-bottom: solid 1px #D60829;
}
.ms-sitetitle{
font:0pt verdana;
font-weight:bold;
color: #01D0F8;
padding:4px 0px 7px 6px;
vertical-align:middle;
margin:0;
}
.ms-sitetitle a{
font:0pt verdana;
font-weight:bold;
color:#D60829;
text-decoration:none;
background-color:transparent;
}
h1.ms-sitetitle{
margin:0;
padding:0;
}
td.ms-titleimagearea{
padding-left:0px;
background-color:#D60829;
background-image: none;
}
td.ms-sbcell{
padding:0px;
padding-left:2px;
white-space:nowrap;
border:solid 1px #7f9db9;
background:transparent;
}
.ms-globalleft{
float:left;
background:transparent;
}
.ms-globalright{
float:right;
background:transparent;
}


/* ----------------------------------------------------------------	*/
/* banner = menubalk ----------------------------------------------	*/
/* ----------------------------------------------------------------	*/

.ms-GRHeaderBackground{
}
.ms-bannerframe{
}
.ms-banner{
background-color: #D60829;
width: 100%;
background-image: url("/projecten/surfspot/Stylesheet/gradientmenu.gif");
background-repeat: repeat-x;
}
.ms-banner a:link{
text-decoration:none;
white-space:nowrap;
}
.ms-banner a:visited{
text-decoration:none;
}
.ms-bannerContainer{
background-image: url("/projecten/surfspot/Stylesheet/gradientmenu.gif");
background-repeat: repeat-x;
background-color: #D60829;
padding-right: 00px;
padding-left: 0px;
}


/* ----------------------------------------------------------------	*/
/* Horizontale navigatie    ---------------------------------------	*/
/* ----------------------------------------------------------------	*/

.ms-topnavContainer{
border: none;
border-left: solid 0px #D60829;
border-top: solid 0px #D60829;
background-color: #D60829;
}
.ms-topnav{
border: solid 0px #c2dcff;
border-left: solid 0px #ffffff;
border-bottom: none;
background-image: url("/projecten/surfspot/Stylesheet/gradientmenu.gif");
background-repeat: repeat-x;
font-family: Verdana;
font-size: 8pt;
background-color: #D60829;
color: #FFFFFF;
font-weight: bold;
}
.ms-topnav a{
display:block;
white-space:nowrap;
padding:3px 8px 0px 8px;
height:25px;
}
.ms-topnavselected{
color:#08124D;
background: url("/projecten/surfspot/Stylesheet/gradientmenu.gif");
background-repeat:repeat-x;
font-weight:bold;
border:solid 0px #79a7e3;
border-bottom-width:0px;
border-left:solid 0px #e3efff;
background-color:#D60829;
}
.ms-topnavselected a{
color:#08124D;
}
.ms-topNavHover{
background-image: url("/projecten/surfspot/Stylesheet/gradientmenu.gif");
background-color:#D60829;
border:solid 0px #c2a770;
border-left:solid 0px #0043D2;
border-bottom-width:0px;
color:#08124D;
}


/* ----------------------------------------------------------------	*/
/* Site-actions     --------------------------------------------	*/
/* ----------------------------------------------------------------	*/

.ms-siteaction a{
font: 8pt verdana;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding: 0px 0px 0px 0px;
}
.ms-siteaction{
font: 8pt verdana;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding: 0px 0px 0px 0px;
}
table.ms-siteaction td.ms-siteaction{
border:none;
padding:0px 0px 0px 0px;
}
table.ms-siteaction td.ms-siteaction div{
padding:0px 0px 0px 0px;
border:none;
}
.ms-siteactionsmenu{
white-space:nowrap;
font:8pt verdana;
padding:0px 0px 0px 0px;
border:none;
cursor:pointer;
}
.ms-siteactionsmenu div div div{
background-image: url("/projecten/surfspot/Stylesheet/gradientmenu.gif");
background-repeat: repeat-x;
border:none;
background-color:#D60829;
padding:3px 8px 0px 8px;
height:25px;
}
.ms-siteactionsmenu div div div a{
background-image:url("/projecten/surfspot/Stylesheet/gradientmenu.gif");
background-repeat:repeat-x;
color:#FFFFFF;
font-weight:bold;
padding:0px 0px 0px 0px;
border:none;
}
.ms-siteactionsmenu div div div.ms-siteactionsmenuhover{
font-weight: bold;
font-family: Verdana;
font: 8px serif;
background-image: url("/projecten/surfspot/Stylesheet/gradientmenu.gif");
background-repeat: repeat-x;
border:none;
background-color: #D60829;
color: #08124D;
padding:3px 8px 0px 8px;
height:25px;
}
.ms-actionbar{
background-color:#D60829;
border:none;
padding:0px 0px 0px 0px;
}
.ms-actionsep{
height:0px;
border:none;
padding:0px 0px 0px 0px;
}


/* ----------------------------------------------------------------	*/
/* Welkom  e.d.              --------------------------------------	*/
/* ----------------------------------------------------------------	*/

.ms-globalleft{
float:left;
background:transparent;
}
.ms-globalright{
float:right;
padding-top: 0px;
padding-right: 8px;
padding-bottom: 0px;
background:transparent;
}

/* mijn site  */
.ms-globallinks{
color: #FFFFFF;
text-decoration: none;
font-size:8pt;
background:transparent;
font-family:tahoma;
}
.ms-globallinks a{
color: #FFFFFF;
text-decoration: none;
font-family: tahoma;
background: transparent;
}
.ms-globallinks a:hover{
color: #00FFFF;
text-decoration: underline;
font-family: tahoma;
background: transparent;
}

/* ----------------------------------------------------------------	*/
/* Welkom tekst             --------------------------------------	*/
/* ----------------------------------------------------------------	*/


.ms-SpLinkButtonInActive{
border:none;
margin:0px;
color:#4c4c4c;
vertical-align:top;
background-color:transparent;
background-image:none;
}
.ms-HoverCellInActive{
border:none;
margin:0px;
color:#4c4c4c;
vertical-align:top;
background-color:transparent;
background-image:none;
}
.ms-SpLinkButtonActive{
border:#FFFFFF 0px solid;
vertical-align:top;
background-color:transparent;
background-image:none;
}
.ms-HoverCellActive{
border:#E9E9E9 0px solid;
vertical-align:top;
background-color:transparent;
background-image:none;
}
.ms-SpLinkButtonInActive a{
color: #E9E9E9 !important;
}
.ms-HoverCellInActive a{
color: #E9E9E9 !important;
}
.ms-HoverCellActiveDark{
background-image:none;
border:solid 0px #FFFF;
background-color:none;
vertical-align:top;
}
.ms-SpLinkButtonActive{
padding:0px 0px 0px 0px;
}
.ms-SpLinkButtonInActive{
padding:0px 0px 0px 0px;
}
.ms-SpLinkButtonActive a:hover{
color: #00FFFF;
text-decoration: underline;
}
.ms-SpLinkButtonActive a{
color: #00FFFF;
text-decoration: underline;
}
.ms-SPLink{
color: #00FFFF;
font-family:verdana;
font-size:8pt;
text-decoration: underline;
}
.ms-SPLink A:visited{
color:#FFFFFF;
text-decoration:none;
}
.ms-SPLink A:link{
color:#FFFFFF;
text-decoration:none;
}
.ms-SPButton{
color: #00FFFF;
font-family:Verdana;
font-size:8pt;
}

/* ----------------------------------------------------------------	*/
/* zoekbox   ----------------------------------------------------	*/
/* ----------------------------------------------------------------	*/

.ms-sbtable{
color:#000000;
font-family:Verdana;
font-size:0.7em;
font-style:normal;
font-weight:normal;
}
.ms-sbtablealt{
color:#000000;
font-family:Verdana;
font-size:0.7em;
font-style:normal;
font-weight:normal;
}
.ms-sbtable-ex{
width:100%;
border-collapse:collapse;
margin-top:15px;
margin-left:0px;
}
.ms-sbtable-border{
border:0px solid #97b4e9;
}
td.ms-sbcell{
padding:0px;
padding-left:2px;
white-space:nowrap;
border:solid 0px #7f9db9;
}
td.ms-sbcellnoborder{
padding-right:2px;
white-space:nowrap;
border:0;
}
.ms-sbtext{
font-family:Tahoma;
font-size:1em;
font-weight:bold;
}
.ms-sbplain{
font-family: Tahoma;
font-size: 8pt;
border: none;
}
.ms-sbplainwithborder{
font-family:Tahoma;
font-size:8pt;
}
td.ms-sblink{
padding-right:4px;
border:none;
color:#FFFFFF;
}

/* tekst geavanceerd zoeken */
.ms-sblink a:visited{
font-family: Tahoma;
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
padding-left: 4px;
}
.ms-sblink a:link{
font-family: Tahoma;
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
padding-left: 4px;
}
.ms-sblink a:hover{
color: #00FFFF;
text-decoration: underline;
}

/* vergrootglas */
td.ms-sbgo{
background-image: url("/projecten/surfspot/Stylesheet/gradientmenu.gif");
background-repeat: repeat-x;
padding-left:3px;
padding-right:3px;
padding-bottom:1px;
padding-top:1px;
}
.ms-rightbodysectionsearchbox{
width:100%;
}
.ms-sbLastcell{
width:100%;
}
.ms-sbLastCell{
padding-right:2px;
}
td.ms-sbscopes{
border:none !important;
}
select.ms-sbscopes{
font-family:tahoma,verdana;
font-size:8pt;
width:170px;
}


/* ----------------------------------------------------------------	*/
/* Verticale navigatie    ---------------------------------------	*/
/* ----------------------------------------------------------------	*/

.ms-nav{
background-color:#E9E9E9;
background-image:none;
font-family:tahoma;
}
.ms-quicklaunchnavsep{
background-color:#E9E9E9;
}
.ms-quicklaunch table td{
border-top:1px solid #add1ff;
}
.ms-quicklaunch .ms-treeviewouter table td{
border-top:none;
}
.ms-quicklaunch table.ms-navheader td,.ms-navheader2 td,.ms-quicklaunch span.ms-navheader{
background-color:#d6e8ff;
border-top:solid 1px #f2f8ff;
border-left:solid 1px #f2f8ff;
padding:1px 4px 4px 4px;
}
div.ms-treeviewouter div{
border-top:solid 1px #E9E9E9;
}
div.ms-treeviewouter div div{
border:none;
}
.ms-quicklaunch span.ms-navheader{
background-color:#d6e8ff;
border-top:1px solid #add1ff;
border-left:solid 1px #f2f8ff;
border-bottom:1px solid #add1ff;
padding:1px 6px 3px 6px;
}
.ms-quicklaunch table.ms-navsubmenu2 td{
border:none;
}
.ms-quicklaunch table.ms-selectednavheader td{
width:100%;
background-color:#fff699;
}
.ms-quicklaunch table.ms-selectednavheader{
border:none;
}
.ms-quicklaunch span{
display:block;
}
.ms-quicklaunch div.ms-navsubmenu1 br{
display:none;
}
.ms-quicklaunch table.ms-selectednav{
border:solid 1px #d2b47a;
background-image:url("/_layouts/images/selectednav.gif");
background-repeat:repeat-x;
background-color:#ffe6a0;
margin:2px;
margin-bottom:0;
width:97%;
}
.ms-quicklaunch table.ms-selectednav td{
background:transparent url("/_layouts/images/selectednavbullet.gif");
background-repeat:no-repeat;
background-position:top left;
border:solid 1px #ffffff;
padding:0px 4px 1px 12px;
margin:0px;
}
table.ms-selectednav td a.ms-selectednav{
background:none;
color:#000000;
}
.ms-quicklaunch table.ms-selectednavheader td{
width:100%;
background-color:#ffe6a0;
background-image:url("/_layouts/images/selectednav.gif");
background-repeat:repeat-x;
padding-top:2px;
padding-bottom:2px;
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
padding:1px 6px 3px 6px;
}
.ms-selectednavheader a{
font-weight:bold;
color:#000000;
text-decoration:none;
}
.ms-selectednavheader a:hover{
color:#000000;
text-decoration:underline;
}
table.ms-navitem td,span.ms-navitem{
background-image:url("/_layouts/images/navBullet.gif");
background-repeat:no-repeat;
background-position:left top;
padding:3px 6px 4px 16px;
font-family:tahoma;
}
.ms-navsubmenu1{
width:100%;
border-collapse:collapse;
background-color:#f2f8ff;
}
.ms-navsubmenu2{
width:100%;
background-color:#f2f8ff;
margin-bottom:6px;
}
table.ms-navselected{
padding:2px;
}
table.ms-navselected,span.ms-navselected{
background-image:url("/_layouts/images/SELECTEDNAV.GIF");
background-color:#ffe6a0;
background-repeat:repeat-x;
}
table.ms-navselected td{
background-image:url("/_layouts/images/navBullet.gif");
background-repeat:no-repeat;
background-position:top left;
padding:3px 6px 4px 17px;
}
table.ms-navheader td{
background-image:none;
}
.ms-navheader a,.ms-navheader2 a{
font-weight:bold;
color:#003399;
text-decoration:none;
}
.ms-navheader a:hover,.ms-navheader2 a:hover{
color:#000000;
text-decoration:underline;
}
.ms-navItem a{
color:#003399;
text-decoration:none;
}
.ms-navItem a:hover{
color:#000000;
text-decoration:underline;
}
.ms-navheaderstatic,.ms-navitemstatic{
color:#4c4c4c;
}
.ms-quicklaunchouter{
border-bottom:solid 1px #E9E9E9;
border-right:solid 1px #E9E9E9;
background-color: #E9E9E9;
}
.ms-quicklaunchouter{
margin:4px 1px 2px 1px;
}
.ms-tvselected{
background-color:#ffda8a;
}
.ms-tvselected a{
color:#000000;
}
.ms-treeviewouter td.ms-navitem{
border-left:2px solid #f2f8ff;
}
.ms-treeviewouter a.ms-navitem{
padding:0px 1px 0px 1px;
}



/* ----------------------------------------------------------------	*/