/* - - - - - - - - - - - - - - - - - - - - -

Titel: Peterschenk.nl - Screen/Projection Stylesheet
Auteur: Time is Money
Link: http://www.peterschenk.nl
Omschrijving: CSS style sheet voor screen/projection

Gebruikte kleuren:

Achtergrond grijs: #f1f1f2
Letters donkergrijs: #231f20
Menu letters: #bcbec0

- - - - - - - - - - - - - - - - - - - - - */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Algemene informatie
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body,html {	
margin: 0;
padding: 0;
height: 98%;
}

body {	
background: #f1f1f2 repeat top left;
color: #231f20;
font-family: "Arial Narrow", Arial, sans-serif;
text-align: center;
}

a img {
border: 0;
}

a {
text-decoration: none;
color: #231f20;
}

a:hover{
text-decoration: none;
color: #231f20;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Container
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container {
width: 97%;
margin: 8px auto;
padding: 0;
background: #f1f1f2;
text-align: center;
height: 100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu {
width: 166px;
text-align: left;
float: left;
background: #f1f1f2;
padding: 15px 0 0 0;
margin: 0 0 0 40px;
}

#menu img {
border: 0;
margin: 0 0 0 0;
padding: 0;
clear: both;
}

#menu #image img {
width: 88px;
height: 89px;
border: 0;
margin: 0 0 0 0;
padding: 0;
clear: both;
}

#menu ul {
width: 166px;
margin: 0 0 0 auto;
padding: 0;
list-style: none;
text-align: left;
}

#menu ul li {
width: 90px;
padding: 0;
margin: 0;
}

#menu li a {
width: 90px;
overflow: hidden;
display: block;
text-indent: -100px;
}

#menu li .current a,
#menu  li a:hover {
color: #ed2027;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Menu-items
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu li#home {
height: 19px;
overflow: hidden;
}

#menu li#home a{
background: url(../images/menu/homepage_both.jpg) no-repeat;
height: 19px;
overflow: hidden;
width: 90px;
text-indent: -100px;
}

#menu li#home.current a,
#menu li#home a:hover {
background-position: 0 -19px;
}

#menu li#galerie {
height: 22px;
overflow: hidden;
}

#menu li#galerie a{
background: url(../images/menu/galerie_both.jpg) no-repeat;
height: 22px;
}

#menu li#galerie.current a,
#menu li#galerie a:hover {
background-position: 0 -22px;
}

#menu li#reizen {
height: 26px;
overflow: hidden;
}

#menu li#reizen a{
background: url(../images/menu/reizen_both.jpg) no-repeat;
height: 26px;
}

#menu li#reizen.current a,
#menu li#reizen a:hover {
background-position: 0 -26px;
}

#menu li#info {
height: 40px;
overflow: hidden;
}

#menu li#info a{
background: url(../images/menu/info_both.jpg) no-repeat;
height: 40px;
}

#menu li#info.current a,
#menu li#info a:hover {
background-position: 0 -40px;
}

#menu li#links {
height: 33px;
overflow: hidden;
}

#menu li#links a{
background: url(../images/menu/links_both.jpg) no-repeat;
height: 33px;
}

#menu li#links.current a,
#menu li#links a:hover {
background-position: 0 -33px;
}

#menu a {
text-decoration: none;
color: #818389;
text-transform: uppercase;
margin: 0;
padding: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Submenu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#submenu {
width: 160px !important;
margin: 30px 0 0 5px !important;
padding: 0;
list-style: none;
text-align: left;
}

#submenu li {
width: 160px !important;
padding: 0;
margin: 5px 0 !important;
font-size: 12px;
}

#submenu li a {
width: 160px !important;
overflow: visible !important;
display: block;
text-indent: 0 !important;
color: #818389;
}

#submenu li.current a {
color: #ed2027;
}
#menu li .current a,
#menu  li a:hover {
color: #ed2027;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content {
width: auto;
margin: 0;
padding: 0;
float: left;
text-align: center;
position: fixed;
height: 95%;
left: 206px;
right: 2px;
bottom: 130px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Rechts
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#rechts {
width: 187px;
margin: 0 0 0 auto;
padding: 0;
float: right;
text-align: center;
position: fixed;
bottom: 10px;
right: 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
position: absolute;
bottom: -5px;
width: 187px;
margin: 0 0 1% auto;
padding: 0;
float: right;
text-align: center;
right: 20px;
z-index: 10;
}

#footer, x:-moz-any-link {
bottom: -20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Tweaks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.center_image {
height: 100%;
position: relative;
width: 560px;
margin: 0 auto;
}

.center_image #intro_pagina {
position: absolute;
top: 50%;
left: 0;
margin-top: -71px;
}

.right-bottom {
text-align: right !important;
margin: 50px 0 0 auto;
padding: 0 50px 0 0;
}