/*
 * Mieke Stylesheet voor Arnhems Theaterlab * 
*/

/*-----------------
MIEKE STYLES
------------------*/

body      { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; background: #1a1a1a url("../image/background.gif") no-repeat center top; text-align: center; margin: 0 auto; padding: 0 }

a:link    { color: #0082c8; text-decoration: underline }
a:visited   { color: #0082c8; text-decoration: underline }
a:visited:hover {color:#555555; text-decoration: none;}
a:hover {color:#555555; text-decoration: underline;}
a:active {color:#555555; text-decoration: none;}

/*-----------------
GENERAL STYLES
------------------*/

span{
color:#000000;
font-weight: 800;
}

img{
border: 0px
}

.left{
float: left;
font-weight: normal;
}

.right{
float: right;
font-weight: normal;
}

.clear{
clear:both;
}

.hidden{
display: none;
}

.justify{
text-align:justify;
}

.center{
text-align: center;
}

.imgwrap{
float: left;
display: inline;
clear: both;
}
#wrapper{
width: 765px;
margin: 0 auto;
text-align: left;
}

#general{
margin: 10px 0px 10px 0px;
}

#general p{
padding: 0px 0px 0px 0px;
}

#general .profile{
margin: 15px 0px 5px 0px;
font-weight: normal;
}
/*--------------------------
CONTENT TOP & BODY STYLES
----------------------------*/

#content_top{
width: 765px;
padding: 0px 0px 0px 0px;
}

#content_top_sub{
width: 276px;
padding: 34px 0px 0px 215px;
float: left;
}

#content_top_alpha{
width: 239px;
padding: 30px 0px 0px 0px;
float: right;
}

#content  { color: #000; background-color: #ffffff; margin-left: 13px; padding: 15px; width: 530px; min-height: 600px; float: left; border: solid 1px #1a1a1a }

#content h1 { color: #ffb701; font-size: 1.4em; font-weight: normal; margin: 0; padding: 0 0 5px; width: 100%; height: 23px; border-bottom: 1px solid #000000 }

#content h2 { color: #ffb701; font-size: 1em; font-weight: bold; margin: 0; padding: 0 }

#content h3 { color: #ffb701; font-size: 1em; font-weight: bold; margin: 0; padding: 0 }

/*-----------------
HOMEPAGE STYLE
------------------*/

#content_home                    { color: #000; background-color: #fff; margin: 0 0 2px 13px; padding: 0; width: 560px; float: left; border: solid 0 }

#content_home_hold{
padding: 15px; border-top: 1px solid #000000
}

#content_home h1 { color: #ffb701; font-size: 1.4em; font-weight: normal; margin: 0; padding: 0 0 5px; width: 100%; border-bottom: 1px solid #000000 }

#content_home h2 { color: #ffb701; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0 }

#homepagept1{
width: 305px;
float: left;
margin: 10px 0px 15px 0px;
padding: 0px 15px 0px 0px;
}

#homepagept2   { margin: 15px 0; padding: 0 0 0 10px; width: 195px; float: left; border-left: 1px solid #e6e6e6 }

#homepagept2 p{
margin: 0px;
padding: 0px;
}

#homepagept2 h2{
margin: 0px;
padding: 0px 0px 0px 0px;
}


.date   { color: #1a1a1a; font-size: 8pt }
/*-----------------
NEWS PAGE STYLE
------------------*/

#news h2 { color: #ffb701; font-size: 1.2em; font-weight: bold; margin: 0; padding: 10px 0 0 }

#news p.date{
font-size: 0.8em;
padding: 0px 0px 2px 0px;
margin: 0px;
color:#999999;
}

#news p{
padding: 8px 0px 8px 0px;
margin: 0px;
}
/*-----------------
SIDE BAR STYLE
------------------*/

#sidebar         { background: url("../image/sidebar_bg.gif"); margin: 0; padding: 0; width: 190px; float: left; clear: both }

#sidebar p  { font-size: 13px; margin: 0; padding: 0 10px 0 15px }

#sidebar h1  { color: #ffb701; font-size: 17px; font-weight: bold; display: inline; margin: 0; padding: 0 0 0 15px }

#sidebar h2 { color: #ffb701; font-size: 1em; font-weight: normal; margin: 0; padding: 0 0 5px 15px }

#sidebar form p{
padding: 0px 15px 0px 15px;
}
/*-----------------
FOOTER STYLE
------------------*/
#footer                 { font-size: 10px; background-color: #ffffff; margin: 0 0 15px 203px; padding: 5px 10px 5px 15px; width: 560px; clear: both; border: solid 0 #fff }
#footer a:link { color: #000000; text-decoration: underline }
#footer a:visited { color: #000000; text-decoration: underline }
#footer a:visited:hover { color: #555555; text-decoration: none }
#footer a:hover { color: #555555; text-decoration: underline }
#footer a:active { color: #000000; text-decoration: none }
/*-----------------
MAIN NAVIGATION
CSS Rollovers
------------------*/

#main_navigation      { margin: 0; padding: 0; width: 542px; height: 27px; float: right; overflow: hidden }

#main_navigation li{
margin:0px;
padding:0px;
float:left;
display:inline;
}
#main_navigation a {
background-position:bottom left;
height:27px;
display:block;
outline:none;
text-decoration:none;
text-indent:-5000px;
}

#main_navigation a:hover{
background-position:top left;
}
.nav_home  { background-image: url('../image/home.gif'); width: 62px }

.nav_nieuws  { background-image: url('../image/nieuws.gif'); width: 74px }

.nav_programma   { background-image: url('../image/programma.gif'); width: 114px }
.nav_dezaal  { background-image: url('../image/dezaal.gif'); width: 79px }
.nav_foto   { background-image: url('../image/foto.gif'); width: 70px }
.nav_links { background-image: url("../image/links.gif"); width: 60px }
.nav_contact { background-image: url('../image/contact.gif'); width: 82px }

#main_navigation li a.selected{
background-position:top left !important;
}