/* Copyright TvTWeb - www.tvtweb.nl */ /*=== HTML Elements =====================================================================================================================================================*/ body {text-align:center; font-family:Arial; color:#000000; font-size:12px;margin:0px; padding:0px; background:#2d6389 url(../images/style/bodybg.jpg) no-repeat center top;} html {width:100%;} p {line-height:19px; font-size:12px; color:#777777;} h1 b {color:#aaaaaa;} h2 a {color:#F47D31;} /*=== TvTWeb FrameWork Parts ==============================================================================================================================================*/ /* partContentText */ div.partContentText {color:#777777;} div.partContentText p {padding:15px 0px 15px 0px; margin:0px; font-size:12px; line-height:19px;color:#777777;} div.partContentText p a:link {color: #F47D31; text-decoration:underline;} div.partContentText p a:visited {color: #F47D31; text-decoration:underline;} div.partContentText p a:active {color: #F47D31; text-decoration:underline;} div.partContentText p a:hover {color: #000000; text-decoration:underline;} div.partContentText ul {padding:0px 0px 15px 0px;margin:0px 0px 0px 15px;list-style-type:disc;} div.partContentText ul li {list-style-type:disc;} div.partContentText ol {padding:0px 0px 15px 0px;margin:0px 0px 0px 25px;list-style-type:decimal;} div.partContentText ol li {list-style-type:decimal;} div.partContentText ul li a:link {color: #F47D31; text-decoration:underline;} div.partContentText ul li a:visited {color: #F47D31; text-decoration:underline;} div.partContentText ul li a:active {color: #F47D31; text-decoration:underline;} div.partContentText ul li a:hover {color: #000000; text-decoration:underline;} div.partContentText ol li a:link {color: #F47D31; text-decoration:underline;} div.partContentText ol li a:visited {color: #F47D31; text-decoration:underline;} div.partContentText ol li a:active {color: #F47D31; text-decoration:underline;} div.partContentText ol li a:hover {color: #000000; text-decoration:underline;} /* partNavigation */ div#partNavigation {padding:27px 0px 0px 0px; margin:0px; width:754px; height:52px; float:left;} div#partNavigation ul li.partNavigationFooter {height:3px; display:none; clear:both; font-size:1px; padding:0px; margin:0px; line-height:0px;} div#partNavigation ul {list-style-type:none; margin:0px; padding:0px 0px 0px 39px; } div#partNavigation ul li {padding: 0px; margin:0px; display:inline;} div#partNavigation ul li a {float:left; padding:0px 0px 0px 0px; text-decoration:none; cursor:pointer; margin: 0px 29px 0px 0px; font-size:17px; font-weight:bold;} div#partNavigation ul li a span {float:left; padding:10px 10px 8px 10px; display:block; color:#00123f;} div#partNavigation ul li a:hover {} div#partNavigation ul li a:hover span {color:#f47d31;} div#partNavigation ul li.withSub a {} div#partNavigation ul li.withSub a span {background: url(../images/style/bulletBlue.jpg) no-repeat right 20px; padding:10px 17px 8px 10px;} div#partNavigation ul li.selected a {color:Red;} div#partNavigation ul li.selected a span {color:#f47d31;} div#partNavigation ul li ul {width:200px; height:200px; background-color:Red; position:absolute; display:block; margin:53px 0px 0px 0px;} /* partFooter */ div#partFooter {padding:15px 0px 0px 14px; font-size:12px; float:left;} div#partFooter ul {padding:0px; margin:0px; list-style-type:none; text-align:left;} div#partFooter ul li {color:#777777; display:inline; border-left: solid 1px #e9e9e9; padding:0px 9px 0px 11px; /* Needs more padding on the right regarding display:inline*/} div#partFooter ul li#partFooterCopyright {border-left:none;} div#partFooter ul li a:link {color:#777777; text-decoration:none;} div#partFooter ul li a:visited {color:#777777; text-decoration:none;} div#partFooter ul li a:active {color:#777777; text-decoration:none;} div#partFooter ul li a:hover {color:#f47d31; text-decoration:none;} /* partContentFileImageGallery */ div.partContentFileImageGallery {padding:15px 0px 0px 0px; margin:0px;} div.partContentFileImageGallery a.thickbox {width:135px; height:102px; float:left; display:block; padding:10px 10px 0px 0px;} div.partContentFileImageGallery a.thickbox img {border:solid 1px #777777;} div.partContentFileImageGallery a:hover.thickbox img {border:solid 1px #F47D31;} div.partContentFileImageGallery div.partContentFileImageGalleryFooter{clear:both; height:5px;} /* partContentFileImageAdmin */ div.partContentFileImageAdmin {padding:15px 0px 0px 0px; margin:0px;} div.partContentFileImageAdmin img {} /* partContentFileAdmin */ a.partContentFileAdmin {background:url(../images/style/bulletSideways.jpg) no-repeat 0px 20px; padding:15px 0px 0px 15px; margin:0px; display:block;} a:link.partContentFileAdmin {color: #777777 ;text-decoration:none;} a:visited.partContentFileAdmin {color: #777777 ;text-decoration:none;} a:active.partContentFileAdmin {color: #777777 ;text-decoration:none;} a:hover.partContentFileAdmin {color: #F47D31;text-decoration:none;} /* navigation */ #navigation {margin: 0; padding: 38px 0px 0px 52px; line-height: 100%; text-transform:lowercase; width:753px; height:42px; float:left; font-size:17px; font-weight:bold;S} #navigation li {margin: 0px 35px 0px 0px; padding: 0px 0px 25px 0px; float: left;position: relative;list-style: none; border-left:solid 1px #ffffff; z-index:99;} #navigation .withSub {background: url(../images/style/bulletBlue.jpg) no-repeat right 8px; padding: 0px 10px 25px 0px;} #navigation .withSub UL {z-index:99;} /* main level link */ #navigation a {color: #00123F; text-decoration: none;display: block;padding: 0px 0px; margin: 0;} #navigation a:hover {color: #F47D31;} /* main level link hover */ #navigation .current a, #nav li:hover > a {color: #F47D31;} /* sub levels link hover */ #navigation ul li:hover a, #nav li:hover li a {background: none; border: none; color: #777777;} #navigation ul a:hover {color: #777777 !important;} #navigation ul a {color: #777777 !important;} /* dropdown */ #navigation li:hover > ul {display: block;} /* level 2 list */ #navigation ul {display: none; margin: 0; padding: 0px 0px 5px 0px; width: 197px; position: absolute; top: 42px; left: 0; background: #ffffff; border:solid 1px #ebebeb; border-top:none; font-size:12px;} #navigation ul li a:hover {color:#F47D31 !important;} #navigation ul li {float: none; margin: 0;padding: 0;padding:0px 0px 8px 25px; color:#777777; background:url(../images/style/bulletSideways.jpg) no-repeat 11px 6px;} #navigation ul a {font-weight: normal;} /* clearfix */ #navigation:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #navigation {display: inline-block;} html[xmlns] #navigation {display: block;} * html #navigation {height: 1%;} /*=== Website coding =====================================================================================================================================================*/ div#bodyContainer {width:1004px; margin:0px auto; padding:0px 0px 15px 0px; background-color:#ffffff; text-align:left;} div#navigationContainer {width:1004px; height:90px;} a#navigationLogo {width:197px; height:53px; display:block; background: url(../images/style/logo.jpg) no-repeat -27px 0px; float:right; margin:0px 0px 10px 0px;} a#mijnproxsys {background: url("../images/style/bulletOrange.jpg") no-repeat right 4px; padding:0px 9px 0px 0px; font-weight:bold; text-transform:uppercase; text-align:right;margin-left:550px;} a#mijnproxsys:link {color:#00123f; text-decoration:none;} a#mijnproxsys:visited {color:#00123f; text-decoration:none;} a#mijnproxsys:active {color:#00123f; text-decoration:none;} a#mijnproxsys:hover {color:#ed7c36; text-decoration:none;} /* Header's */ div#headerContainer {width:955px; height:181px; margin:0px 0px 0px 25px; background: url(../images/style/header.jpg) no-repeat;} div#headerContainerTitle {width:197px; height:180px; float:left;} div#headerContainerTitle h1 {padding:38px 0px 10px 27px; color:#1e2353; margin:0px; font-size:30px; line-height:27px;} div#headerContainerSteps {width:758px; height:181px; float:left;} div#headerContainerSteps ul {width:758px; height:181px; margin:0px; padding:0px; list-style-type:none;} div#headerContainerSteps ul li {list-style-type:none; float:left;} div#headerContainerSteps ul li a {margin:0px; padding:0px; text-align:center; font-size:12px; height:20px; display:block; margin-top:50px;} div#headerContainerSteps ul li a:link {color:#00123f; text-decoration:none;} div#headerContainerSteps ul li a:visited {color:#00123f; text-decoration:none;} div#headerContainerSteps ul li a:active {color:#00123f; text-decoration:none;} div#headerContainerSteps ul li a:hover {color:#ed7c36; text-decoration:none;} div#headerContainerSteps ul li#werkplek a {width:84px; margin-right:86px; padding-top:65px;} div#headerContainerSteps ul li#server a {width:50px; margin-right:54px; padding-top:65px;} div#headerContainerSteps ul li#infrastructuur a {width:90px; margin-right:36px; padding-top:65px;} div#headerContainerSteps ul li#connectiviteit a {width:90px; margin-right:28px; padding-top:65px;} div#headerContainerSteps ul li#managedservices a {width:110px; padding-top:65px; padding-top:65px;} div#headerSmallBlue {width:955px; height:95px; background:#00123f; margin:0px 0px 0px 25px;} div#headerSmallBlue h1 {width:220px; float:left; padding:20px 25px 0px 27px; margin:0px; font-size:30px; line-height:27px; color:#ffffff;} div#headerSmallOrange {width:955px; height:95px; background:#f47d31; margin:0px 0px 0px 25px;} div#headerSmallOrange h1 {width:300px; float:left; padding:20px 25px 0px 27px; margin:0px; font-size:30px; line-height:27px; color:#ffffff;} div#headerSmallOrange p {width:595px; float:right; padding:22px 25px 0px 0px; margin:0px; font-size:12px; line-height:19px; color:#ffffff; } div#headerMedium {height:213px; width:954px; margin:0px 25px 0px 25px; background-color:#00123f;} div#headerMedium h1 {width:235px; float:left; padding:25px 25px 5px 27px; margin:0px; font-size:30px; line-height:27px; color:#ffffff; } div#headerMedium p {width:595px; float:right; padding:22px 25px 0px 0px; margin:0px; font-size:12px; line-height:19px; color:#ffffff; } /* Carousel */ div#carousel {width:954px; height:181px; margin:10px 0px 0px 0px; padding:0px 25px 0px 25px;} /* footer en breadcrump */ div#breadCrumb {width:952px; height:50px; border:solid 1px #ebebeb; padding:0px 0px 0px 0px; margin:10px 25px 0px 25px;} div#breadCrumb ul {list-style-type:none; margin:0px; padding:0px;} div#breadCrumb ul li {padding: 0px; margin:0px; display:inline;} div#breadCrumb ul li a {float:left; padding:18px 0px 8px 25px; display:block; color:#777777; text-decoration:none; margin:0px; font-size:12px; background:url(../images/style/bulletSideways.jpg) no-repeat 11px 22px;} div#breadCrumb ul li#home a {background-image:none;} div#breadCrumb ul li a:link {color:#777777; text-decoration:none;} div#breadCrumb ul li a:visited {color:#777777; text-decoration:none;} div#breadCrumb ul li a:active {color:#777777; text-decoration:none;} div#breadCrumb ul li a:hover {color:#f47d31; text-decoration:none;} div#footer {line-height:19px; border:solid 1px #ebebeb; padding:2px 0px 0px 0px; margin:0px 25px 0px 25px; height:50px;} div#footer p {color:#00123f; padding:16px 25px 0px 15px; text-align:right; margin:0px; font-size:17px; line-height:19px; font-weight:bold;} div#seo {line-height:19px; padding:15px 0px 0px 0px; margin:0px 25px 0px 30px; height:20px; font-size:11px;} div#seo ul {padding:0px; margin:0px; list-style-type:none; text-align:left;} div#seo ul li {color:#cccccc; display:inline; padding:0px 0px 0px 21px; /* Needs more padding on the right regarding display:inline*/} div#seo ul li a:link {color:#cccccc; text-decoration:none;} div#seo ul li a:visited {color:#cccccc; text-decoration:none;} div#seo ul li a:active {color:#cccccc; text-decoration:none;} div#seo ul li a:hover {color:#f47d31; text-decoration:none;} /* Content */ div#contentContainerFloatRight {width:979px; margin:0px; padding:5px 25px 0px 0px;} div#contentContainerFloatLeft {width:979px; margin:0px; padding:25px 0px 0px 25px;} div#contentContainerFormEventFloatLeft {width:955px; margin:0px; padding:0px 0px 25px 50px;} /* News view */ div#newsNavigation {width:329px; float:left; margin:0px; padding:0px 0px 0px 0px; font-size:13px;} div#newsNavigation ul {padding:0px; margin:0px; list-style-type:none;} div#newsNavigation ul li {padding:5px 0px 5px 25px; margin:0px; border-bottom:1px solid #EBEBEB; line-height:17px;} div#newsNavigation ul li#selected a {color:#F47D31; font-weight:bold;} div#newsNavigation ul li a:link {color:#777777; text-decoration:none;} div#newsNavigation ul li a:visited {color:#777777; text-decoration:none;} div#newsNavigation ul li a:active {color:#777777; text-decoration:none;} div#newsNavigation ul li a:hover {color:#f47d31; text-decoration:none;} div#newsNavigation ul li.selected a {color:#f47d31;} div#newsSelectedItem {width:600px; float:left; line-height:17px; margin:0px; padding:0px 0px 0px 25px;} div#newsSelectedItem span.newsDate {font-weight:bold; color:#777777; font-style:italic;} div#newsSelectedItem h2 {color:#f47d31; font-size:15px; line-height:17px; margin:0px; padding:0px;} div#newsSelectedItem div.partContentText {color:#777777;} div#newsSelectedItem div.partContentText p {padding:15px 25px 0px 0px; margin:0px; font-size:12px; line-height:19px;color:#777777;} div#newsSelectedItem div.partContentText p a:link {color: #F47D31; text-decoration:underline;} div#newsSelectedItem div.partContentText p a:visited {color: #F47D31; text-decoration:underline;} div#newsSelectedItem div.partContentText p a:active {color: #F47D31; text-decoration:underline;} div#newsSelectedItem div.partContentText p a:hover {color: #000000; text-decoration:underline;} div#newsSelectedItem div.partContentText ul {padding:15px 0px 0px 0px;margin:0px 0px 0px 15px;list-style-type:disc;} div#newsSelectedItem div.partContentText ul li {list-style-type:disc;} div#newsSelectedItem div.partContentText ol {padding:15px 0px 0px 0px;margin:0px 0px 0px 20px;list-style-type:decimal;} div#newsSelectedItem div.partContentText ol li {list-style-type:decimal;} /* End news view */ div.contentTextBoxsSmall {width:208px; float:left; line-height:17px; margin:0px; padding:0px 0px 0px 25px;} div.contentTextBoxsSmall h2 {color:#f47d31; font-size:15px; line-height:17px; margin:0px; padding:0px;} div.contentTextBoxsSmall p {} div.contentTextBoxsMedium {width:452px; float:left; line-height:17px; margin:0px; padding:0px 0px 0px 25px;} div.contentTextBoxsMedium h2 {color:#f47d31; font-size:15px; line-height:17px; margin:0px; padding:0px;} div.contentTextBoxsMedium p {} div.contentContainerFloatLeftClearBoth {height:15px; clear:both;} /* view */ div#bigImage {width:954px; height:181px; margin:0px 25px 0px 25px;} div.contentTextBoxsBig {width:904px; padding:25px 50px 0px 50px; margin:0px;} div.contentTextBoxsBig p {color:#777777; font-size:26px; line-height:34px; margin:0px; padding:0px;} div.contentGrayBoxsSmall {width:231px; height:320px; float:right; margin:0px 0px 20px 10px; padding:0px; background:#ebebeb;} div.contentGrayBoxsSmall p {padding:7px 0px 0px 25px;} div.contentGrayBoxsSmall ul {padding:7px 0px 0px 25px; margin:0px;} div.contentGrayBoxsSmall ul li {font-size:12px; line-height:19px; color:#777777; padding:0px ; margin:0px; list-style-type:none;} div.contentGrayBoxsSmall h2 {font-size:17px; line-height:27px; color:#00123f; padding:25px 0px 0px 25px; margin:0px; font-weight:normal;} div.contentGrayBoxsSmallImage {width:231px; height:105px; background:#ffffff;} div.contentGrayBoxsSmallImage img {margin:0px auto; display:block;} div.contentGrayBoxsMedium {width:472px; height:320px; margin:0px 0px 0px 10px; float:right; background:#ebebeb;} div.contentGrayBoxsMedium ul {padding:7px 0px 0px 25px; margin:0px;} div.contentGrayBoxsMedium ul li {font-size:12px; line-height:19px; color:#777777; padding:0px ; margin:0px; list-style-type:none;} div.contentGrayBoxsMedium h2 {font-size:17px; line-height:27px; color:#00123f; padding:25px 0px 0px 25px; margin:0px; font-weight:normal;} div.contentGrayBoxsMediumImage {height:105px; background:#ffffff;} div.contentGrayBoxsMediumImage img {margin:0px; display:block;} div#contentHomeCenter {width:276px; padding:20px 0px 0px 0px; float:right;} div#contentHomeCenter h2 {background-color:#00123f; height:23px; width:268px; color:#ffffff; padding:5px 0px 0px 8px; margin:0px; font-size:12px; font-weight:bold; line-height:19px;} div#tweets {min-height:116px;} div#contentHomeMoreTweetsButton {width:276px; float:left; padding:0px; margin:20px 0px 0px 0px; border-bottom:solid 1px #e9e9e9; } div#contentHomeMoreTweetsButton a {text-decoration:none; color:#f47d31; font-size:12px; line-height:25px; padding:6px 9px 6px 34px; border:solid 1px #e9e9e9; background:#ffffff url(../images/style/twitterIcon.png) no-repeat 6px 6px; border-bottom:none; outline:0;} div#contentHomeMoreTweetsButton a:link {color:#f47d31; text-decoration:none;} div#contentHomeMoreTweetsButton a:visited {color:#f47d31; text-decoration:none;} div#contentHomeMoreTweetsButton a:active {color:#f47d31; text-decoration:none;} div#contentHomeMoreTweetsButton a:hover {color:#00123f; text-decoration:none;} div.contentHomeCenterInfo {width:276px; padding:20px 0px 0px 0px;} div#contentHomeNews {width:276px; float:right; margin:20px 0px 0px 25px; padding:0px 0px 0px 25px; border-left:solid 1px #e9e9e9;} div#contentHomeNews h2 {background-color:#00123f; height:23px; width:268px; color:#ffffff; padding:5px 0px 0px 8px; margin:0px; font-size:12px; font-weight:bold; line-height:19px;} div#contentHomeNewsObjects {width:306px;} div#contentHomeNewsObjects ul {padding:17px 0px 0px 10px; margin:0px;} div#contentHomeNewsObjects ul li {height:23px; padding:10px 10px 0px 0px; list-style-type:none; background: url(../images/style/bulletSideways.jpg) no-repeat left;} div#contentHomeNewsObjects ul li a {color:#777777; text-decoration:none; padding:0px 0px 5px 20px;width:250px;display:block;} div#contentHomeNewsObjects ul li a:link {color:#777777; text-decoration:none;} div#contentHomeNewsObjects ul li a:visited {color:#777777; text-decoration:none;} div#contentHomeNewsObjects ul li a:active {color:#777777; text-decoration:none;} div#contentHomeNewsObjects ul li a:hover {color:#f47d31; text-decoration:none;} div#contentHomeMoreNewsButton {width:276px; float:left; padding:0px; margin:20px 0px 0px 0px; border-bottom:solid 1px #e9e9e9; } div#contentHomeMoreNewsButton a {text-decoration:none; color:#f47d31; font-size:12px; line-height:25px; padding:6px 15px 6px 6px; border:solid 1px #e9e9e9; background:#ffffff url(../images/style/bulletOrange.jpg) no-repeat 87px 10px; border-bottom:none; outline:0;} div#contentHomeMoreNewsButton a:link {color:#f47d31; text-decoration:none;} div#contentHomeMoreNewsButton a:visited {color:#f47d31; text-decoration:none;} div#contentHomeMoreNewsButton a:active {color:#f47d31; text-decoration:none;} div#contentHomeMoreNewsButton a:hover {color:#00123f; text-decoration:none;} div#contentFooter {height:25px; clear:both; line-height:0px;} /* Twitter */ div#twitter h2 {background-color:#00123f; height:23px; width:268px; color:#ffffff; padding:5px 0px 0px 8px; margin:0px; font-size:12px; font-weight:bold; line-height:19px;} p.profileLink {width:276px; float:left; padding:0px; margin:20px 0px 0px 0px; border-bottom:solid 1px #e9e9e9; } p.profileLink a {text-decoration:none; color:#f47d31; font-size:12px; line-height:25px; padding:6px 15px 6px 6px; border:solid 1px #e9e9e9; background:#ffffff url(../images/style/bulletOrange.jpg) no-repeat 207px 10px; border-bottom:none;} p.profileLink a:link {color:#f47d31; text-decoration:none;} p.profileLink a:visited {color:#f47d31; text-decoration:none;} p.profileLink a:active {color:#f47d31; text-decoration:none;} p.profileLink a:hover {color:#00123f; text-decoration:none;} div#twitter ul {padding:17px 0px 0px 10px; margin:0px;} div#twitter ul li {padding:5px 5px 0px 0px; list-style-type:none; background: url(../images/style/bulletSideways.jpg) no-repeat left;} div#twitter ul li span {color:#777777; text-decoration:none; padding:0px 0px 0px 20px;width:250px;display:block;} div#twitter ul li span a {padding:0px;color:#777777;} div#twitter ul li a {padding-left:20px;color:#777777;}