html {
margin: 0px;
padding: 0px;
width: 100%;
background-color: #444444;
}

body {
margin: 0px;
padding: 0px;
width: 100%;
background-color: #ffffff;  
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

i{
font-weight: lighter;
}

/* ID's */

#headertop {
position: relative;
height: 90px;
}

#headerbottom {
position:relative;
height: 200px;  
}

#logo {
position: absolute;
top: 18px;
}

#search {
position: absolute;
top: 10px;
right: 0px;
height:22px;
border : 1px solid #dddddd;
}

#s {
width: 170px;
font-size: 12px;
color: #aaaaaa;
border: 0px;
margin: 0px 4px;
}

#searchimage{
float: right;
padding: 2px;
}

#content{
position: relative;
}

#clients img{
max-width: 540px;
}

#page{
position: relative;
padding-top: 20px;
padding-bottom: 50px;
}

#page ul{
color: #ed1e79;
font-size: 16px;
padding-left: 14px;
}

#page ul li{
}

#homeQuotes{
position: relative;  
}

#homeQuotes h1{
color: #ffffff;  
}

#caseQuotes{
font-size: 16px;
width: 540px;
position:relative;
}

#headernav {
position: absolute;
z-index: 1300;
top: 45px;
}

#radio {
}

#televisie {
top: 26px;
}

#internet {
top: 53px;
}

#digitalsignage {
top: 76px;
}

#narrowcasting {
top: 103px;
}

#about {
left: 140px;
top: 12px;
}

#services {
left: 0px;
top: 60px;
}

#callus {
left: 620px;
top: 110px;
}

#callusfooter {
left: 0px;
top: -114px;
}

#sibon {
left: 425px;
top: -152px;
}

#youtube {
left: 305px;
top: -152px;
}

#banner p{
width: 920px;
font-size: 35px;
text-align: center;
}

#banner img{
position: absolute;
left:325px;
margin-top:-30px;
z-index: 1200;
}

#offertecalcTitle{
position: relative;
overflow: hidden;
z-index: 1003;
left: 160px;
top: 28px;
margin-bottom: -30px;
}

#navigationBar{
}

#navigationBar a{
}

#messageBar{
background-color: #dddddd;
background-position: 0px -33px;
}

#footerlogo {
margin-top: 25px;
margin-right: 12px;
}

#copyrightBar{
height: 60px;
color:white;
background-color: #444444;
}

#copyrightBar p{
padding-top: 8px;
}

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

/* Classes */

.wrapper {
position: relative;  
clear: both;
width: 100%;
} 

.center {
position: relative;
clear: both; 
width: 920px;
margin: 0 auto;
}

.col1 {
float: left;
width: 320px;
padding-bottom: 35px;  
}

.col2 {
float: right; 
width: 540px;
padding-bottom: 35px;    
}

.col3 {
float: left;
width: 280px;
padding-right: 40px;
padding-bottom: 35px;  
}

.diensten p {
padding-bottom: 30px;
}

.showcaseL {
position: absolute;
left: 0px;
width: 250px;
height: 142px;
margin:0px;
padding:0px;
border: 1px solid gray;
}

.showcaseR {
position: absolute;
left: 288px;
width: 250px;
height: 142px;
margin:0px;
padding:0px;
border: 1px solid gray;
}

.showcaseT {
top: 0px;
}

.showcaseM {
top: 185px;
}

.showcaseB {
top: 370px;
}

.left {
float: left;
}

.right {
float: right;
}

.cleaner {
clear: both;
}

.titlecenter {
text-align: center;
font-weight: 400;
font-size: 25px;
padding-top: 20px;
}

.underline {
border-bottom: 1px solid gray; 
padding-bottom: 10px;  
margin-bottom: 33px;
}

.belowLine {
margin-top: -13px;
margin-bottom: 25px;
}

.boxed {
border: 1px solid gray;
padding: 15px 22px 15px 22px;
margin: 30px 0px 30px 0px;
background-image: url(img/boxed.png);
background-repeat: repeat-x;
background-position: bottom;
clear: both;
}

.boxed h1{
margin-top: 0px;
}

.readMore{
font-size: 12px;
text-align: right; 
right: 0px;
clear:both;
/*color: gray;*/
}

.showcase {
position: absolute;
}

.showcase img{
margin:0px;
padding:0px;
width:250px;
height: 141px;
}

.showcase p{
position: absolute;
font-weight: bold;
line-height: 1.1;
color:white;
margin:0px;
padding:0px;
left:10px;
top:3px;
}

.case {
position: relative;
width: 538px;
height: 305px;
margin:0px;
padding:0px;
border: 1px solid gray;
margin-bottom: 33px;
}

.case img{
position: relative;
margin:0px;
padding:0px;
width:538px;
height: 305px;
}

.case p{
font-size: 16px;
position: absolute;
font-weight: bold;
line-height: 1.1;
color:white;
margin:0px;
padding:0px;
left:10px;
top:5px;
}

.morecase {
font-size: 12caseQuotespx;
position: relative;
width: 162px;
height: 91px;
margin:0px;
margin-right:25px;
padding:0px;
border: 1px solid gray;
margin-bottom: 33px;
}

.morecase img{
position: relative;
margin:00px;
padding:0px;
width:162px;
height: 91px;
}

.morecase p{
position: absolute;
font-weight: bold;
line-height: 1.1;
color:white;
margin:0px;
padding:0px;
left:10px;
top:3px;
}

.portfoliocase {
    position: relative;
    width: 250px;
    height: 141px;
    margin:0px;
    margin-right: 82px;
    padding: 0px;
    border: 1px solid gray;
    margin-bottom: 63px;
}

.portfoliocase img{
position: relative;
margin:00px;
padding:0px;
width: 250px;
height: 141px;
}

.portfoliocase p{
position: absolute;
font-weight: bold;
line-height: 1.1;
color:white;
margin:0px;
padding:0px;
left:10px;
top:3px;
}

.clients {
float: left;
font-size: 16px;
width: 287px;
display: inline;
}

.clients a{
text-decoration: none;
}

.background {
position: absolute;        
width: 100%;
height:38px;
bottom: 0px;
margin:0px;
padding:0px;
background-color: black;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8; 
}

.dropShadow {
background-image: url(img/dropShadow2.png);
background-repeat: repeat-x;
}

.quote{
margin: 0px;
padding: 0px;
font-style: italic;
}

.quoteName{
text-align: right; 
right: 0px;
font-style:normal;
font-weight: 700;
color:silver;  
}

.quotationMark{
color:silver;
}

.topAndBottomBorder{
border-top: 1px solid gray;
border-bottom: 1px solid gray;
padding-top:33px;
padding-bottom:33px;
margin: 0px; 
}

.bottomBorder{
border-bottom: 1px solid gray;
padding-top: 33px;
padding-bottom: 33px;
margin: 0px; 
}

.topBorder{
border-top: 1px solid gray;
padding-top:33px;
padding-bottom:33px;
margin: 0px; 
}

.overlay {
position: absolute;
z-index: 1000;
overflow: hidden;
}


ul.navigation{
float: right;
margin: 0px;
padding: 0px;
clear: both;
list-style: none;
}

li.navigation {
position: relative;
float: left;
margin: 0px;
padding: 0px;
display: inline;
}

.inputSmall{
width: 300px;
}

.inputWide{
width: 485px;
height: 50px; 
}

.inputLarge{
width: 485px;
height: 144px; 
}

.footer p{
margin:0px;
padding:0px;
}

.footer h1{
font-size: 20px;
margin:0px;
padding:0px;
}

.footerArt{
background-image: url(img/footerArt.png);
background-repeat: no-repeat;
min-height: 50px;
}

.messageBar {
height: 100px;
padding: 20px;
}

.topPosition {
background-position: 0px 0px;
}

.middlePosition {
background-position: 0px -50px;
}

.bottomPosition {
background-position: 0px -190px;
}

.formulierDiv{
position: relative;
display: block;
padding-bottom: 20px;
}

.optieTitel{
color: #ed1e79;
}

.serviceIcon {
float: left;
padding-right: 13px;
padding-bottom: 0px;
}

.cursor {
cursor: pointer;
}


/* jQuery Image Cycle */

.pics {
position:absolute;
height: 200px; 
width: 920px;
right:0px;   
padding:0; 
margin:0; 
overflow: hidden;
}

.pics img {  
position:absolute;
right:0px;
display: block;
height: 200px; 
width: 920px; 
}

#mediaCycleNav { position: relative; text-align: center; top: 380px; z-index: 997; }
#mediaCyclePaging { position: relative; font-size: 50px; text-align: center; top:-203px; left: -34px; z-index: 996; width: 994px; }
#mediaCycleNav a { color: #cccccc; background: #cccccc; text-decoration: none; margin: 0 5px; padding: 5px; font-size: 0px;  }
#mediaCycleNav a.activeSlide { color: #333333; background: #333333 }
#mediaCycleNav a:focus { outline: none; }

#internetCycleNav { position: relative; text-align: center; top: 380px; z-index: 997; }
#internetCyclePaging { position: relative; font-size: 50px; text-align: center; top:-203px; left: -34px; z-index: 996; width: 994px; }
#internetCycleNav a { color: #cccccc; background: #cccccc; text-decoration: none; margin: 0 5px; padding: 5px; font-size: 0px;  }
#internetCycleNav a.activeSlide { color: #333333; background: #333333 }
#internetCycleNav a:focus { outline: none; }

#digitalsignageCycleNav { position: relative; text-align: center; top: 380px; z-index: 997; }
#digitalsignageCyclePaging { position: relative; font-size: 50px; text-align: center; top:-203px; left: -34px; z-index: 996; width: 994px; }
#digitalsignageCycleNav a { color: #cccccc; background: #cccccc; text-decoration: none; margin: 0 5px; padding: 5px; font-size: 0px;  }
#digitalsignageCycleNav a.activeSlide { color: #333333; background: #333333 }
#digitalsignageCycleNav a:focus { outline: none; }

#caseCycleNav { position: relative; text-align: center; top: 333px; z-index: 999; }
#caseCyclePaging { position: relative; font-size: 50px; text-align: center; top: -218px; left: -34px; z-index: 998; width: 614px; }
#caseCycleNav a { color: #cccccc; background: #cccccc; text-decoration: none; margin: 0 5px; padding: 5px; font-size: 0px;  }
#caseCycleNav a.activeSlide { color: #333333; background: #333333 }
#caseCycleNav a:focus { outline: none; }

#morecaseCycleNav { position: relative; text-align: center; top: 120px; z-index: 997; }
#morecaseCyclePaging { position: relative; font-size: 50px; text-align: center; bottom: 71px; left: -34px; z-index: 996; width: 994px; }
#morecaseCycleNav a { color: #cccccc; background: #cccccc; text-decoration: none; margin: 0 5px; padding: 5px; font-size: 0px;  }
#morecaseCycleNav a.activeSlide { color: #333333; background: #333333 }
#morecaseCycleNav a:focus { outline: none; }

#showcaseCycleNav { position: relative; text-align: center; top: 540px; z-index: 995; }
#showcaseCyclePaging { position: relative; font-size: 50px; text-align: center; top:-308px; left: -34px; z-index: 994; width: 614px; }
#showcaseCycleNav a { color: #cccccc; background: #cccccc; text-decoration: none; margin: 0 5px; padding: 5px; font-size: 0px;  }
#showcaseCycleNav a.activeSlide { color: #333333; background: #333333 }
#showcaseCycleNav a:focus { outline: none; }

.cycledBlock {
background-color: white;
height: 512px;
width: 540px;
}

.cycledPortfolioBlock {
background-color: white;
height: 351px;
width: 920px;
}

.cycledMorecaseBlock {
background-color: white;
height: 93px;
width: 920px;
}

#showcaseCycle{
position:relative;
height: 540px;
width: 540px;
}

/* END jQuery Image Cycle */

.noMargins {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

.noPadding {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}

.noToppadding {
padding-top: 0px;
}

#headerbackground {
background-image: url(img/headerBG_6.jpg);
background-position: center;
background-repeat: no-repeat; 
}

.hiddendetails {
margin-top: 5px;
}


/* Sociable plugin */
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
    position: absolute;
    display: block;
    top: -5em;
    background: #ffe;
    border: 1px solid #ccc;
    color: black;
    line-height: 1.25em;
}
.sociable span {
    display: block;
}
.sociable ul {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
}
.sociable ul li {
    background: none;
    display: inline !important;
    list-style-type: none;
    margin: 0;
    padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
    float: none;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
}

.sociable-hovers {
    opacity: .4;
    -moz-opacity: .4;
    filter: alpha(opacity=40);
}
.sociable-hovers:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

 
 .sociable {     margin-top:30px;  }
 .sociable_tagline { font-size: 0.8em; padding-bottom:5px; }
 
 .headline {            
     background-color: #fff;
     border: 1px solid #ed1e79;
     padding: 10px;
     color: #000;                    
 }
 
 .headline a, a:link, a:active, a:hover { color: #ed1e79;}