@charset "UTF-8";
/* CSS Document */

div.contentDetailTop {
width: 100%;
height: 2px;
background: url(/images/contentDetailTop.gif) bottom no-repeat;
}

div.contentDetailMiddle {
width: 815px;
margin: 0 auto 0 auto;
padding: 10px 0 50px 0;
background: white;
}

div.contentDetailMiddle img {
float: left;
}

div.contentDetailMiddle div.tekstrechts {
float: left;
width:518px;
padding: 0 0 0 30px;
}

/* movebar, uitschuifdiv voor de rekenmodule */
div.contentDetailMiddle div.movebar{
width: 815px;
height: 0px;
margin: 0 auto 0 auto;
background: url(/images/movebarBack.png);
overflow: hidden;
}

div.contentDetailMiddle hr {
margin: 20px 0 20px 0;
padding: 0;
border: 0;
width: 815px;
color: #666;
background: #666;
height: 1px;
}

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

div.contentDetailMiddle div.product {
padding: 0px;
height: 244px;
}

div.contentDetailMiddle div.product table.artikelgegevens {
margin: 0;
padding: 0;
width: 330px;
float: left;
}

td {
vertical-align: top;
}

th {
text-align: left;
padding: 0 15px 0 0;
vertical-align: top;
}

div.product h2 {
display: block;
width: 815px;
margin: 0 0 20px 0;
padding: 0;
font-size: 20px;
text-align: left;
}

div.badgeImg {
float: left;
width: 260px;
height: 160px;
}

div.badgeImg img {
position: absolute;
}

ul.detail {
display: block;
float: left;
margin: 0;
padding: 0;
list-style: none;
font-size: 12px;
color: #666;
line-height: 20px;
}
ul.vraag {
width: 90px;
margin: 0 10px 0 0;
}
ul.antwoord {
width: 240px;
margin: 0;
}

a.bereken {
display: block;
width: 149px;
height: 27px;
margin: 130px 0 0 0;
padding 0;
float: right;
}
a.bereken span {
display: none;
}
a.berekenNaambadgesUp {
background: url(/naambadges/images/berekenUpNaambadges.png) no-repeat;
}
a:link.berekenNaambadgesUp,
a:visited.berekenNaambadgesUp {
background: url(/naambadges/images/berekenUpNaambadges.png) no-repeat;
}
a:hover.berekenNaambadgesUp,
a:active.berekenNaambadgesUp {
background: url(/naambadges/images/berekenOverNaambadges.png) no-repeat;
}
a.berekenNaambadgesDefault {
background: url(/naambadges/images/berekenDefaultNaambadges.png) no-repeat;
cursor: default;
}

a.berekenPaperclipsUp {
background: url(/paperclips/images/berekenUpPaperclips.png) no-repeat;
}
a:link.berekenPaperclipsUp,
a:visited.berekenPaperclipsUp {
background: url(/paperclips/images/berekenUpPaperclips.png) no-repeat;
}
a:hover.berekenPaperclipsUp,
a:active.berekenPaperclipsUp {
background: url(/paperclips/images/berekenOverPaperclips.png) no-repeat;
}
a.berekenPaperclipsDefault {
background: url(/paperclips/images/berekenDefaultPaperclips.png) no-repeat;
cursor: default;
}

a.wijzigenPaperclipsUp {
background: url(/paperclips/images/wijzigenUpPaperclips.png) no-repeat;
}
a:link.wijzigenPaperclipsUp,
a:visited.berekenPaperclipsUp {
background: url(/paperclips/images/wijzigenUpPaperclips.png) no-repeat;
}
a:hover.wijzigenPaperclipsUp,
a:active.wijzigenPaperclipsUp {
background: url(/paperclips/images/wijzigenOverPaperclips.png) no-repeat;
}

a.berekenPlasticpasjesUp {
background: url(/plasticpasjes/images/berekenUpPlasticpasjes.png) no-repeat;
}
a:link.berekenPlasticpasjesUp,
a:visited.berekenPlasticpasjesUp {
background: url(/plasticpasjes/images/berekenUpPlasticpasjes.png) no-repeat;
}
a:hover.berekenPlasticpasjesUp,
a:active.berekenPlasticpasjesUp {
background: url(/plasticpasjes/images/berekenOverPlasticpasjes.png) no-repeat;
}
a.berekenPlasticpasjesDefault {
background: url(/plasticpasjes/images/berekenDefaultPlasticpasjes.png) no-repeat;
cursor: default;
}

a.wijzigenPlasticpasjesUp {
background: url(/plasticpasjes/images/wijzigenUpPlasticpasjes.png) no-repeat;
}
a:link.wijzigenPlasticpasjesUp,
a:visited.wijzigenPlasticpasjesUp {
background: url(/plasticpasjes/images/wijzigenUpPlasticpasjes.png) no-repeat;
}
a:hover.wijzigenPlasticpasjesUp,
a:active.wijzigenPlasticpasjesUp {
background: url(/plasticpasjes/images/wijzigenOverPlasticpasjes.png) no-repeat;
}

a.berekenMetalenkaartjeUp {
background: url(/metalenvisitekaartjes/images/berekenUpMetalenkaartje.png) no-repeat;
}
a:link.berekenMetalenkaartjeUp,
a:visited.berekenPlasticpasjesUp {
background: url(/metalenvisitekaartjes/images/berekenUpMetalenkaartje.png) no-repeat;
}
a:hover.berekenMetalenkaartjeUp,
a:active.berekenMetalenkaartjeUp {
background: url(/metalenvisitekaartjes/images/berekenOverMetalenkaartje.png) no-repeat;
}
a.berekenMetalenkaartjeDefault {
background: url(/metalenvisitekaartjes/images/berekenDefaultMetalenkaartje.png) no-repeat;
cursor: default;
}

a.sluit {
text-decoration: none;
color: #999;
float: right;
margin: 0 5px 0 0;
padding: 5px;
}

div.movebar table {
margin: 0 0 0 20px;
padding: 0;
font-size: 12px;
color: #666;
float: left;
}

div.movebar table.rechterTabel {
margin-left: 80px;
}

div.movebar table td.links {
height: 25px;
padding: 0 10px 0 0;
}

div.movebar option,
div.kolomcontact option {
display: block;
width: 120px;
}

a.info {
text-decoration: none;
font-style: italic;
color: #3973c2;
}

input[type="submit"]{
cursor: pointer;
}

table{
margin: 0;
padding: 0;
font-size: 12px;
color: #666;
line-height: 20px;
}

td{
margin: 0;
padding: 0 10px 0 0;
}

td.links{
padding: 0 15px 0 0;
}

td.rechts{
padding: 0 20px 0 0;
height: 28px;
}

td.input input[type="text"] {
background: url(/images/inputBack.png) no-repeat;
height: 20px;
width: 242px;
border: none;
color: #666;
padding: 8px 0 0 10px;
margin: 0;
}
td.input input[type="text"]:focus {
background: url(/images/inputBackActive.png) no-repeat;
}
td.input input[type="text"].foutmelding {
background: url(/images/inputBackError.png) no-repeat;
}
td.input input[type="text"]:focus.foutmelding {
background: url(/images/inputBackActiveError.png) no-repeat;
}

td.input textarea {
background: url(/images/textareaBack.png) no-repeat;
width: 242px;
height: 140px;
border: none;
color: #666;
padding: 8px 0 0 10px;
margin: 0;
}
td.input textarea:focus {
background: url(/images/textareaBackActive.png) no-repeat;
}
td.input textarea.foutmelding {
background: url(/images/textareaBackError.png) no-repeat;
}
td.input textarea:focus.foutmelding {
background: url(/images/textareaBackActiveError.png) no-repeat;
}

td.aanhef{
padding:0 20px 0 3px;
}

/*update button*/
input[type="submit"].update {
width: 85px;
height: 28px;
color: white;
border: none;
font-size: 15px;
font-weight: bold;
padding: 0 0 3px 0;
}

strong {
fontweight: bold;
color: black;
}

span.small {
font-style: italic;
font-size: 11px;
}

td.update {
height: 45px;
vertical-align:middle;
}

td.ontwerpvoorstel {
vertical-align:middle;
width: 337px;
height: 45px;
padding: 0 20px 0 20px;
background: url(/naambadges/images/ontwerpvoorstelBack.png) no-repeat;
}

div.contentDetailMiddle p.ontwerpvoorstel {
float: left;
}

input[type="submit"].ontwerpvoorstel{
float: right;
width: 110px;
height: 28px;
color: white;
border: none;
font-size: 15px;
font-weight: bold;
padding: 0 0 3px 0;
margin: 9px 0 0 0;
}

input[type="submit"].aanvraag{
margin: 30px 0 0 0;
}

input[type="submit"].contact{
background: url(/images/verstuur.png);
}
li.aanvraagWijzigen {
padding: 20px 0 0 0;
}

li.aanvraagWijzigen a {
text-decoration: none;
font-weight: bold;
}


li.groen a{
color: #6c0;
}

li.blauw a{
color: #3973c2;
}

li.oranje a,
a.oranje {
color: #ffa800;
}

li.roze a,
a.roze {
color: #ff008a;
}

li.paars a{
color: #750071;
}

li.donkerblauw a{
color: #00285B;
}

li.rood a{
color: #900;
}

.sIFR-hasFlash p.ontwerpvoorstel {
	font-size: 14px;
}

div.kolomcontact {
width: 407px;
float: left;
margin: 30px 0 0 0;
}

blockquote {
margin: 0 30px 0 0;
padding: 10px;
background: #e9e9e9;
}

p.foutmelding {
font-size: 15px;
font-weight: bold;
background: red;

a p.vergroot{
background: black;
}