@charset "utf-8";
/* CSS Document */

/********************* ALGEMENE TAGS *****************************/

.ozio {display: none;}

* {
	margin: 0px;
	padding: 0px;
}

body
{
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-repeat: repeat;
	background-color: #900;
	background-image: url(http://extra.het-ballet.nl/donquichot/templates/balletsite/images/square3.jpg);
	background-attachment: fixed;
}

h1, h3, .contentheading, #jg_photo_title {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        text-align: left;
}

p {
	font-size: 11px;
	font-weight: 200;
        padding-bottom: 15px;
}

a {
        text-decoration: none;
        color: #000; 
}

a:hover {
        color: #218b8b; 
}


/********************* CONTAINER *****************************/


#wrapper {
        width: 1577px;
        margin-left: auto;
        margin-right: auto;
}


#container {
/*        background: #ae0810; */
	width: 877px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
/*      padding-left: 10px;
        padding-right: 10px; */        
}

/********************* HEADER *****************************/
/********** header van de website en het menu *************/


#header {
	height: 185px;
/*	background-image: url(http://extra.het-ballet.nl/coppelia/templates/balletsite/images/header_bg_2.jpg); */
        position: relative;
}

.logo {
	margin-left: 10px;
	margin-top: 25px;
}

/********************* MENU *****************************/

#nav_main {
	height: 24px;
	width: 240px;
	background-image: url(http://extra.het-ballet.nl/coppelia/templates/balletsite/images/menu_top.png);
        background-repeat: no-repeat;
	float: right;
        padding-top: 7px;
        padding-left: 32px;
        position: absolute;
        bottom: 0;
        right: 30px;
}

#nav_main a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin-right: 45px;     
        color: #001d39;  
        text-transform: lowercase;
}


#nav_sub {
        background-image: url(http://extra.het-ballet.nl/coppelia/templates/balletsite/images/submenu_gif.gif);
        background-repeat: repeat-x;
        height: 22px;
	width: 823px;
	margin-right: auto;
	margin-left: auto;
        padding-top: 5px;
        padding-left: 30px;
	margin-bottom: 15px;
}

#nav_sub a {
	font-family: Verdana, Arial, Helvetica, sans-serif;      
        color: #001d39;
        font-size: 11px;
        margin-right: 40px;
        text-transform: lowercase;
}

/********************* TOP ********************************/
/***************** Bovenste contentvak ********************/

#top {
	height: 30px;
	background-image: url(../images/contentbox_submenu.png);
        background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#video {
	height: 320px;
	background-image: url(../images/video.jpg);
	float: left;
	width: 550px;
	margin-left: 25px;
	margin-right: 25px;
	display: none;
}

#info {
	margin-right: 25px;
	background-color: #FFFFFF;
	height: 285px;
	float: right;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 215px;
	display: none;
}

#left {
	width: 286px;
	float: left;
}

#left1, #left2 {
	background-image: url(../images/contentbox_big.png);
	height: 289px;
}

#left1 {
        margin-bottom: 10px;
        
}

#left1 .latestnews, #left2 .latestnews {
        margin-bottom: 12px;
        padding-left: 5px;
        padding-right: 15px;
        list-style: square;
        text-indent: -5px;
}

#left1 .moduletable ul, #left2 .moduletable ul {
        margin-left: 35px;
}

#left1 ul li, #left2 ul li {
        margin-bottom: 12px;
        padding-left: 5px;
        padding-right: 15px;
        list-style: square;
        text-indent: -5px;
}

#content {
	width: 580px;
	float: right;
}


#content_top {
        background-image: url(http://extra.het-ballet.nl/coppelia/templates/balletsite_deep/images/contentbox_verybig_top.png);
        background-position: top left;
        height: 34px;
}

#content_bottom
{
	background-image: url(http://extra.het-ballet.nl/coppelia/templates/balletsite_deep/images/content_midden.png);
	background-position: center top;
	line-height: 18px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 554px;
}

#content_rockbottom
{
	background-image: url(http://extra.het-ballet.nl/coppelia/templates/balletsite_deep/images/contentbox_verybig.png);
        background-position: bottom left;
        height: 15px;
  
}

* html #content_bottom { height: 544px; }

#left1 iframe, #left2 iframe {
        width: 250px;
        height: 240px;
        margin-top: -4px;
}

#left1 .map img {
        margin-left: 27px;
        margin-top: -8px;
}

/********************* VOORSTELLINGENKALENDER ********************************/

.eventcalq table.mod_eventlistcalq_calendar {
	width: 240px;
}

.eventcalq tr { height: 29px;}

.copyright { display: none; }

#eventlist .chronocommentslink { display: none; }


/********************* FOTO MODULE ********************************/

.mod_ji_table {
        width: 230px;
        margin-left: 35px;
        margin-top: 5px;
}

.mod_ji_table img  {
       padding: 2px;
       border: 1px solid #DEDEDE;
}

.jg_toplist, .jg_detailnavislide, .jg_detailnavi { display: none; }


/********************* FOTO PAGINA'S ********************************/

.jg_pagination, .sectiontableheader, .jg_rm, .jg_sm, .jg_gallerystats, .jg_category { display: none; }


/********************* CONTENT ********************************/
/***************** Styling van blog ********************/

.small { /* geschreven door */
	font-size: 9px;
	text-transform: uppercase;   
}

.createdate { /* datum van artikel */
	font-size: 9px;
	background-color: #cdd4d8;
	padding: 2px;     
}


/********************* REACTIES ********************************/

#comments-header h3 {
        font-size: 14px;
        margin-bottom: 10px;
}

#post_x1_form .input-text { 
        font-size: 11px;
}

#post_x1_form .input-text strong { display: none; }

#post_1_form .input-text, #post_2_form .input-text, #post_3_form .input-text { font-size: 11px; }

#ccform_1 .input-text strong, #ccform_2 .input-text strong, #ccform_3 .input-text strong { display: none; }


.chronocommentslink {
	background-color: #fff;
	padding: 2px;  
}

.comment-body {
        font-size: 11px;
        padding-top: 10px;
        padding-bottom: 10px;        
        border-bottom: 1px solid #000;
}

.comment-status a {
        font-weight: normal;
        font-size: 11px;
}


/********************* COLUMNS ********************************/
/************** Geldt voor meedere columns*********************/

#columns_left h3, #columns_center h3, #columns_right h3, #left1 h3, #left2 h3 { /*De headers van de contentvakken*/
	padding-left: 15px;
	padding-top: 7px;
        margin-bottom: 15px;
	
}

#bottom1 p, #bottom2 p, #bottom3 p {
        padding-right: 30px;
	padding-left: 30px;
}

/********************* COLUMNS_LEFT ********************************/

#columns_left {
	width: 286px;
	margin-right: 10px;
	float: left;
	margin-top: 10px;
}

#bottom1 {
	background-image: url(../images/contentbox_small.png);
	height: 154px;
	width: 286px;
}

#bottom1 p {
        padding-bottom: 8px;
}


/********************* COLUMNS_CENTER ********************************/

#columns_center {
	width: 286px;
	float: left;
	margin-top: 10px;
        margin-right: 9px;
}

#bottom2 {
	background-image: url(../images/contentbox_small.png);
	height: 154px;
	width: 286px;
}

/********************* NEWSLETTER MODULE *****************************/

#bottom2 form { 
        padding-left: 35px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


#bottom2 form .inputbox { 
        width: 150px;
        margin-bottom: 5px;
}

#bottom2 form input { font-size: 11px; }

#bottom2 form .button { 
        float: right;
        margin-right: 100px;
}

#bottom2 .pretext { 
        padding-right: 40px; 
}

#bottom2 .button {
        border: 1px solid #DEDEDE;
        padding: 3px;
}

#content .footer { display: none; }

/********************* COLUMN_RIGHTS*****************************/
/************** De kolommen aan de rechterkant *****************/

#columns_right {
	width: 286px;
	float: left;
	margin-top: 10px;
}


#bottom3 {
	background-image: url(../images/contentbox_small.png);
	height: 154px;
	width: 286px;

}


#bottom3 img {
       padding: 3px;
       padding-left: 25px;
       border: none;
}

/********************* CLEARER *****************************/

#clearer { clear: both; }

/********************* FOOTER *****************************/

#footer {
	background-color: #CCCCCC;
	height: 25px;
	margin-top: 10px;
}

#footer p {
	float: right;
	font-size: 12px;
	padding: 5px;
}

#footer .moduletable {
	float: right;
	font-size: 12px;
        margin-bottom: 20px;
        padding-right: 10px;
        padding-top: 4px;
}

#footer .grey {
	color: #666666;
}
/*        subnavigatie         */
table.contenttoc 
{
  background-color: #abc;
  float: right;
}
table.contenttoc th
{
  display: none;
}
table.contenttoc a
{
  padding: 0 10px;
}
table.contenttoc a:hover,
table.contenttoc a:active
{
  text-decoration: underline;
}
div.componentheading, div.pagenavcounter
{
  display: none;
} 

div.moduletable_vyt iframe
{
  margin-left: 15px;
}