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

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

Gebruikte kleuren:

Achtergrond grijs: #f1f1f2
Letters donkergrijs: #231f20

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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Intro pagina
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#myGallery {
background: #f1f1f2 !important;
margin: 0 auto;
height: 100% !important;
width: 100% !important;
text-align: center;
}

.imageElement {
background: #f1f1f2 !important;
height: 100% !important;
}

.slideElement {
text-align: center !important;
margin: 0 auto !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Galerie pagina
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#invulling {
background: #e6e7e8;
border-top: 1px solid #616264;
border-bottom: 1px solid #616264;
width: 35%;
min-width: 226px;
height: 90%;
left: 33%;
right: 33%;
position: absolute;
text-align: center;
padding: 10px 10px;
overflow: auto;
}


#intro_nederlands {
width: 275px;
float: left;
margin: 0;
padding: 0;
display: block;
overflow: hidden;
}

#intro_engels {
width: 227px;
float: left;
margin: 0 0 0 55px;
padding: 0;
display: block;
overflow: hidden;
}


#intro_nederlands a {
width: 275px;
padding: 0;
margin: 0;
background: url(../images/nederlands_both.jpg) no-repeat;
height: 27px;
overflow: hidden;
display: block;
}

#intro_nederlands a:hover {
background-position: 0 -26px;
}

#intro_engels a {
width: 227px;
padding: 0;
margin: 0;
background: url(../images/engels_both.jpg) no-repeat;
height: 27px;
overflow: hidden;
display: block;
}

#intro_engels a:hover {
background-position: 0 -26px;
}


#scroll_up {
margin: 0 45px 30px 0;
}

#scroll_down {
margin: 0 0 30px 45px;
}

.kunstwerkuitoverzicht {
display: block;
margin: 0 0 2.5cm 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Galerie 2 pagina
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#invulling2 {
background: #e6e7e8;
width: 100%;
min-width: 226px;
height: 100%;
left: 0;
position: absolute;
text-align: center;
padding: 0 10px;
overflow: auto;
}

#invulling3 {
text-align: center;
width: 100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Kunstwerk pagina
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#scroll_left {
margin: 0 55px 30px 0;
}

#scroll_right {
margin: 0 0 30px 55px;
}

.right {
width: 100%;
text-align: right;
overflow: visible;

}

.right p#showlink {
position: absolute;
bottom: -130px;
right: 240px;
}

#hideshow {
width: 100%;
padding: 0;
margin: 0;
position: absolute;
bottom: -130px;
right: 240px;
}

#hideshow p{
font-size: 14px;
color: #bcbec0;
text-transform: uppercase;
}

#hideshow p strong {
color: #231f20;
}

.kunstwerk_image {
margin: 0 auto;
}

.kunstwerk_image_lengte {
margin: 0 auto;
}

.kunstwerk_image_center {
width: 100%;
height: 100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Reizen pagina
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#invulling4 {
padding: 20px;
text-align: left;
}

#invulling4 h1 {
font-size: 15px;
color: #231f20;
font-weight: bold;
margin: 0;
padding: 0;
text-transform: uppercase;
}

#invulling4 p {
font-size: 15px;
color: #231f20;
font-weight: normal;
font-family: Arial, sans-serif;
text-align: justify;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Info pagina
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.align_right {
text-align: right;
width: 100%;
display: block;

}

#quotes{
margin-top: 30px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
CV pagina
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#invulling4 table {
padding: 5px 0 20px 0;
margin: 0;
}
#invulling4 table td {
padding: 2px 5px;
margin: 0;
}

#invulling4 td p {
padding: 0;
margin: 0;
}

#workingplaces td {
width: 200px;
}