/*
   De volgende regels moeten  altijd in het document blijven staan.

   Stylesheet voor Yovioo.eu scripted and coded by Ideas4Design.
   Scripter: Stefan Vermaas
   Coder: Stefan Vermaas
   Design: Mathijs Rooda
*/



img
{
    border: 0px;
}

body
{
    text-align:            left;
    font-size:             12px;

    
    background-color:      #cc6600;
    background-image:      url('../img/background.jpg');
    background-repeat:     repeat-x;
}

#container
{
    width:                 961px;
    margin:                0 auto;
}

#header
{
    width:                 961px;
    height:                100px;
    float:                 none;
    
    background-image:      url('../img/header.jpg');
    background-repeat:     no-repeat;
    margin-left:           0px;
}

#menu
{
    width:                 961px;
    height:                55px;
    float:                 left;
    margin-left:           0px;
	padding-left:		5 px;

    background-image:      url('../img/menu.jpg');
    background-repeat:     no-repeat;
}

#menu ul
{
    list-style:            none;
    margin-left:           -35px;
    margin-top:            10px;
}

#menu li
{
    float:                 left;
}

#menu li a
{
    height:                35px;
    width:                 85px;
    display:               block;
    padding-top:            7px;
    font-size:             12px;
    font-family:           verdana;
    text-align:            center;
    text-decoration:       none;
    color:                 #ffffff;
}

#menu li a:hover
{
    height:                35px;
    width:                 85px;
    display:               block;
    text-decoration:       none;
    padding-top:            7px;


    background-image:      url('../img/hover.jpg');
    background-repeat:     no-repeat;
    background-position:   center top;

}

#left
{
    float:                 left;
    width:                 300px;
    margin-top:            20px;
    margin-left:           10px;

    font-family:           verdana;
    font-size:             11px;
    color:                 #ffffff;
    line-height:           18px;
}

#left h1
{
    font-family:           verdana;
    font-size:             16px;
    color:                 #ffffff;
    padding-bottom:        5px;
    border-bottom:         3px solid #aebda4;
}

#left h2
{
    font-family:           verdana;
    font-size:             16px;
    color:                 #ffffff;
    padding-bottom:        5px;
    border-bottom:         3px solid #aebda4;
}

#left h3
{
    font-family:           verdana;
    font-size:             12px;
    font-style:            bold;
    color:                 #ffffff;
    line-height:           18px;
}


.contact
{
    font-family:           verdana;
    font-size:             11px;
    color:                 #ffffff;
    line-height:           22px;
}

#right
{
    float:                 left;
    width:                 580px;
    margin-top:            20px;
    margin-left:           50px;

    font-family:           verdana;
    font-size:             11px;
    line-height:           18px;
    color:                 #ffffff;
}

#right h1
{
    font-family:           verdana;
    font-size:             16px;
    color:                 #ffffff;
    padding-bottom:        5px;
    border-bottom:         3px solid #aebda4;

}

#right h2
{
    font-family:           verdana;
    font-size:             12px;
    font-style:            bold;
    color:                 #ffffff;
    line-height:           18px;
}

#right a
{
    font-family:           verdana;
    font-size:             11px;
    line-height:           18px;
    color:                 #ffffff;
    text-decoration:       underline;
}


#right a:hover
{
    font-family:           verdana;
    font-size:             11px;
    line-height:           18px;
    color:                 #ffffff;
    text-decoration:       none;
}


.box
{
    width:                 250px;
    float:                 left;
    margin-right:          40px;
}

#box h2
{
    font-family:           verdana;
    font-size:             13px;
    font-style:            bold;
    color:                 #ffffff;
    
    width:                 250px;
    line-height:           16px;
    padding-bottom:        5px;
    border-bottom:         10px solid #ffffff;
    text-decoration:       none;
}

#plaatje
{
    width:                 250px;
    float:                 left;
}

#tekstport
{
    float:                 left;
    width:                 250px;
    font-family:           verdana;
    font-size:             11px;
    line-height:           18px;
    color:                 #ffffff;
    margin-left:           20px;
}

.gegevens
{
    font-family:           verdana;
    font-size:             13px;
    font-weight:           bold;
    line-height:           18px;
    color:                 #ffffff;
}


#contactdata
{
    float:                 left;
    width:                 150px;
    line-height:           20px;
}

#contactinput
{
    float:                 left;
}


#footer
{
    float:                 left;
    width:                 961px;
    margin-top:            100px;
    margin-left:           0px;
    padding-top:           15px;
    padding-bottom:        20px;
    padding-left:          10px;
    border-top:            3px solid #e4a100;

    color:                 #ffffff;
    font-family:           verdana;
    font-size:             11px;


}

#links
{
    float:                 left;
    color:                 #ffffff;
    font-family:           verdana;
    font-size:             11px;
}

#rechts
{
    float:                 left;
    color:                 #ffffff;
    font-family:           verdana;
    font-size:             11px;
    margin-left:           775px;
}

#rechts a
{
    float:                 left;
    color:                 #ffffff;
    font-family:           verdana;
    font-size:             11px;
    text-decoration:       none;

}

#rechts  a:hover
{
    float:                 left;
    color:                 #ffffff;
    font-family:           verdana;
    font-size:             11px;
    text-decoration:       underline;

}

.rechts a
{
    float:                 right;

}