/* Fonts en links */

h1 {
color: #d74221;
}

a:link, a:visited, a:hover, a:active{
text-decoration: none;
color: #d74221;
}

#designpublisher{
background: #CCCCCC url('img/bgmain/bg7.jpg') center no-repeat;
background-attachment: fixed;
}

/* Gekleurde balk hoofdnavigatie */

#designpublisher #nav {
background: #d74221;
}

/* Links in Pulldown */

#nav li:hover ul a{
border: none;
display: inline;
color: #d74221;
}

/* Kop in Pulldown */

#nav .nav_over_kop{
display: block;
font-size: 14px;
color: #d74221;
margin: 0;
padding: 0;
}


/* Linker navigatie */

#dp_nav{
position: absolute; 
z-index: 300; 
display: block;
padding: 0px;
left:32px;
top:112px;
}

#dp_nav ul {
padding: 0;
margin: 0;
list-style: none;
}

/* Buttons Linkernavigatie */

#dp_nav ul li{
background: #ffffff;
list-style: none;
padding: 4px 8px;
margin: 0 0 8px 0;
text-align: right;
width: 112px;
}

#dp_nav ul li.active{
background: #d74221;
}

#dp_nav ul li.active a{
color: #ffffff;
}

li.vol {
background: #ffffff;
}

#dp_nav a {
display: block; 
width: 10em;
color: #363b3a;
}

/* Kolommen */

#dp_content{
position: absolute; 
z-index: 3; 
display: block;
padding: 0px;
left:160px;
top:112px;
float: left;
}

/* Login button */
.kolom2 .bt_login {
display: block;
background: #404040;
color: #ffffff;
height: 23px;
position: relative;
top: -23px;
left: 196px;
}

/* Bekijk de demo */

#but_bekijk_demo{
background: #ffffff url(img/demolink.png) no-repeat 0 0px;
height: 112px;
}

#but_bekijk_demo_breed{
background: #ffffff url(img/demolink_breed.png) no-repeat 0px 24px;
height: 144px;
}

#but_bekijk_demo a{
display: block;
height: 144px;
width: 256px;
padding-top: 92px;
}


#but_bekijk_demo_breed a{
display: block;
height: 144px;
width: 256px;
padding-top: 0px;
}

/* Demo Kolommen */

.demo_kolom1{
background: url(img/menu_pijl_links_boven.png)left top no-repeat;
display: block;
width: 480px;
float: left;
margin: 0;
padding: 0 0 0 16px;
}

.demo_kolom2{
background: url(img/menu_pijl_links_boven.png)left top no-repeat;
display: block;
width: 240px;
float: left;
margin: 0;
padding: 0 0 0 16px;
}

/* Video box */ 

#dp_video {
position: relative; 
z-index: 3; 
display: block;
padding: 0px;
margin: 0 auto;
left: center;
top:112px;
text-align: center;
}

/* Actiepagina */

#dp_actie .kolom1{
background: url(img/menu_pijl_links_boven.png) left top no-repeat;
display: block;
width: 380px;
float: left;
margin: 0;
padding: 0 0 0 16px;
}

#dp_actie {
position: absolute; 
z-index: 3; 
display: block;
padding: 0px;
left:160px;
top:112px;
float: left;
}

/* Opmaak van formulieren */


#dp_actie label, .niceform label {
display: block; 
width: 180px; 
float: left; 
padding: 6px 0;
}

form .grey {
display: block;
width: 120px
}

form.nieuwsbrief_input .bt_submit{
border: #e3e3e3 1px solid;
height: 23px;
margin: 12px 0 0 6px;
position: absolute;
font-weight: bold;
font-size: 9px;
color: #ffffff;
background: #363b3a;
}

input {
border: #e3e3e3 1px solid;
color: #404040;
height: 19px;
}

textarea {
border: #e3e3e3 1px solid;
color: #404040;
}

#pikame_user {
width: 534px;
border: red 0px solid;
margin: 4px 0 0 0;
}

#pikame_user li{

border: red 0px solid;
margin: 0px 4px 4px 0;
width: 169px;
}

form.nieuwsbrief_input input {
margin: 12px 0;
border: #e3e3e3 1px solid;
height: 19px;
}

/* Kolommen Background ORANGE */

.background_orange{
margin: 0px 0px 0px 0px;
padding: 16px 16px 16px 16px;
background: #d74221;
color: #FFFFFF;
}

.background_orange h1, .background_grey_onder h1 {
color: #ffffff;
}

.background_orange h2, .background_grey_onder h2 {
color: #ffffff;
}

.background_orange A:link {color: white;}
.background_orange A:visited {color: white;}
.background_orange A:active {color: white;}
.background_orange A:hover {color: white;}


.background_grey_onder A:link {color: white;}
.background_grey_onder A:visited {color: white;}
.background_grey_onder A:active {color: white;}
.background_grey_onder A:hover {color: white;}