/* Start of CMSMS style sheet 'Shorts! : Layout' */
/* SITE SPECIFIC LAYOUT */

div.breadcrumbs{
    width:95%;
    margin:0px auto 10px auto;
    padding: 6px 6px 6px 0px;
    text-align:left;
    font-size: 90%;
    color:#fff;
    border: 1px dotted #333333;
    background-image: url(/uploads/images/achtergrondrechts.gif);
    background-repeat: no-repeat;
}
* html body div.breadcrumbs{width:95%;margin:0px 0px 10px 0px;padding: 6px 6px 6px 0px;}

div#contenthead{
   width:95%;
   height:20px;
   margin:4px auto 10px auto;
   padding: 0 0 0 6px;
}

* html body div#contenthead { margin: 0px auto; padding: 3px;}
  
html{height: 100%; margin-bottom: 1px}
 
html,body{
   margin:0;
   padding:10px 0 20px;
     background-image:url(http://www.amsterdamshorts.nl/uploads/images/achtergronddonkerder.gif)
}

div#box{width:845px;margin: 0px auto}

div#page{width: 100%;margin: 0px ;text-align: left}

div#header{
    width: 95%; 
    margin:0px auto;
    padding: 0px;
    }
*html body div#header{width:95%;margin:0px auto; padding:0px;}

div#hbox{
   width:95%;
   height: 145px; 
   margin: 0px auto; 
   padding: 0px 0px;
   background-image: url(http://www.amsterdamshorts.nl/uploads/images/banners/rotate.php);
   background-repeat:no-repeat; color: #000;
   border-bottom:1px dotted #333333;
}
 *html body div#hbox{margin: 0; padding: 0px 10px}

div#langblock {
  background: transparent;
  color: #FFFFFF; 
  padding:7px 3px 5px 0;
  float:right;
  margin-top:0;
  margin-bottom:0;
  margin-left:0;
  margin-rigt:0;
}

div#language{
background:transparant;
color:#FFFFFF;
margin-right:5px;
float:right;
padding:5px 0px 5px 0px;
}

div#header h1{
    margin:5px 0;
    padding:60px 5px 15px
    border: 1px solid #000}

div#menu_horiz{
   width:95%;
   margin: 0px auto;
   padding: 0 0 0 1px;
   background-color: #000;
   border: 0px 0px 1px 0px solid #ff0066;
}

* html body div#menu_horiz{margin:0px auto; padding:0 0 0 1px;}

div#wrapper{
    width:95%;
    height: 20px;
    padding:  0px;
    margin: 0px auto;
    background-color: #000;

}
* html body div#wrapper{margin:0px 0px; padding:0px}

/************ MENUWRAPPER ******************/


div#content{
     width:90%;
     margin:4px auto 10px auto;
     padding: 0px;
     clear:left;
     border: 1px solid #000;
}
* html body div#content{margin:4px auto 10px auto;padding: 0px}

div#contentbox{
    margin:2px;
    padding: 0px;
    clear:left
    background-color: #000000;
    border: 1px solid #000;

}
 * html body div#contentbox{margin: 2px;padding: 0px; clear:left}

div#contentboxshorties{
    margin:2px;
    padding: 0px;
    clear:left
    background-color: #fff;
    border: 1px solid #fff;
}

div#contentbox table{margin-left:25px}

div#contentbox th{padding:7px}

div#contentbox th h2{font-size:170%;color:#000}

p.center {margin: 5px;text-align: center}
.center{margin-left:180px}

div#mainblock{
     width:33%;
     margin: 0px auto auto auto;
     padding:5px
     background-color: #000;
}
 *html body div#mainblock{width:33%;margin:0px;padding:5px}

div#main {
      padding:0px 5px 0px 5px;
      background-color: #000000;
      color: #FFFFFF;
      border-top: 0px;
      border-right: 0px solid #ff0066;
      border-bottom: 0px;
      border-left: 0px solid #ff0066;
}
 * html body div#main {padding:0px 5px 0px 5px;}

div#content3{
     width:54%;
     margin:auto 0px;
     padding:1px;
     clear:both;
     background-color: #666666;}
 
div#content2 {padding:5px;margin:0px;}
div#content2 p{margin: px;padding: 5px;}
div#content2 h2{margin: 0px;padding: 5px;}


 *html body div#block2{;width:54%;margin:auto 0px;padding:1px}

div#flat{clear:both;width:66%;height:38px;margin:10px 0 0;padding:5px;}
div.left49 {float:left;width: 45%;}
div.right49 {float:right;width: 45%;text-align: right;}
div.left49 p{margin:0px 20px; padding:0px}
div.right49 p{margin:0; padding:0px}


body{background-color: #000000}
div#header{}
h2{color: #595959}
h3{color: #595959}
div#sidebar{}


.clearfix {

background-color: #000;

}

div#block2 {

    background-color:#0099CC;

}

/******* RECHTER BALK **********/


div#kidsblok {
margin:0px 0px 20px 15px;
padding:0px;
float:right;
width:30%;
}

*html body div#newsblock1 {float:right; width:30%}

div#newsblock1 {
    
background-color: #0099CC;
float:right;
width:30%;
margin:0px;
padding:0px;
clear:right;
background-color: #000; 
border: 0px solid #ff0066;
}

div#sponsorblok {

float:right;
width:30%;
margin:0px;
padding:0px;
clear:right;
background-color: #000; 
border: 0px solid #ff0066;
}

div#news1 {

  background-image:url(/uploads/images/achtergrondrechts.gif);
  color: #FFFFFF; 
  padding:5px 8px;
  border-top: 0px;
  /*border-right: 1px dashed #333;
  border-bottom: 0px;
  border-left: 1px dashed #333;} */
}

/********* EINDE RECHTER BALK ********/


/******** LINKER BALK ********/



div#newsblock2 {
 float:left;
 width:33%;
 margin:0 5px 0px 0px;
 padding:0px; 
 background-color: #000;
 border:0px;
 border-left:solid 0px #ff0066;
 border-right:solid 0px #ff0066;
}
*html body div#newsblock2{float:left;width:33%;margin:0px 0px 0px 0px;padding:0px;}

div#news2 {
 background-color: #000;
 color: #FFFFFF; 
 padding:0px 8px 0px 0px;
border:0px;
border-left:solid 0px #ff0066;
border-right:solid 0px #ff0066;

}

*html body div#news2 {padding:0px 8px 0px 0px}

/******** EINDE LINKER BALK *******/

/******* LANGUAGE *********/

/***** OUDE LANGUAGE BLOK 
div#langblock1{
    float:right;
    width:20%;
    margin:0px;
    padding:0px;
}

div#langblock2 {
  background-color: #000;
  color: #FFFFFF; 
  padding:1px;
  border: 1px solid #FFFFFF; 
  float:right;
  width:20%;
  margin:0 0 1px;
  padding:1px;

}
*********************/

/******** EINDE LANGUAGE ********/

div#footer {
    background-color: #000;
    color: #FFFFFF;
    clear: both;
    margin:50px 260px; 
    margin-top: 10px; 
    width:90%
    text-align: right;
    float:left;
    padding: 0 50px 0 0;
}


/* End of 'Shorts! : Layout' */

/* Start of CMSMS style sheet 'Shorts! : img menu' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper clears the floating elements of the menu */

#menuwrapper {
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#imap li li { 
        width: 200px; 
       }


/* Unless you know what you do, do not touch this */ 

#imap{
        list-style: none; 
	margin: 0px; 
	padding: 0px;
       }

#imap ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}

#imap ul {
	position: absolute; 
	top: auto; 
	display: none; 
	}

#imap ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#imap li { 
	margin-left: -1px;
	float: left;
	}

#imap li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */


#imap a { 
background-color: #000000;
	display: block; 
	padding: 4px 20px 4px 25px; 
	text-decoration: none;
             font-size: 0.8em;
             color: #FFFFFF; 
	}
#imap li a {
	border-left: 1px dotted #333333;
	}

#imap li li a { 
	border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: dotted;
        border-bottom-style: dotted;
        border-top-color: #333333;
        border-bottom-color: #333333;
       	}	

* html body #imap li li a { 
        border-width:0px;border-top-width:1px;border-style:dashed;border-color:#333;
       	}

#imap li li a: hover { 
        border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-top-style: dotted;
        border-right-style: solid;
        border-bottom-style: dotted;
        border-left-style: solid;
        border-top-color: #ff0066;
        border-right-color: #ff9933;
        border-bottom-color: #ff9933;
        border-left-color: #ff9933;
       	}	

#imap li{
        }

#imap li.menuparent { 
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#imap li.menuactive {
   background-color: #FF0066 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

/* #imap ul li .menuparent, #imap ul li .menuparent:hover, #imap ul li .amenuparent { 
	background-image: url(uploads/wireframe3col/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat;
	} */

/*********** HOVER **************/

#imap li:hover,
#imap li a:hover, 
#imap li.menuh, 
#imap li.menuparenth, 
#imap li.menuactiveh {
 background-image:url(/uploads/images/shortspuntjes/rotate.php);
 background-repeat:no-repeat;
 background-position: 3px 40%;	}

#imap li:hover,
#imap li a:hover, 
#imap li.menuh, 
#imap li.menuparenth, 
*html body #imap li.menuactiveh {
 background-image:url(/uploads/images/shortspuntjes/shortspunt.gif);
 background-repeat:no-repeat;
 background-position: 3px 40%;	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#imap ul, #imap li:hover ul, #imap li:hover ul ul, #imap li:hover ul ul ul,
#imap li.menuparenth ul, #imap li.menuparenth ul ul, #imap li.menuparenth ul ul ul { 
	display: none; 
	}
#imap li:hover ul, #imap ul li:hover ul, #imap ul ul li:hover ul, #imap ul ul ul li:hover ul,
#imap li.menuparenth ul, #imap ul li.menuparenth ul, #imap ul ul li.menuparenth ul, #imap ul ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#imap li li { 
	float: left; 
	clear: both; 
	}
#imap li li a { 
	height: 1%; 
	}
/* End of 'Shorts! : img menu' */

/* Start of CMSMS style sheet 'Shorts! : Typo' */
h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}

h2{}


address{padding: 3px 15px;font-style:normal}
body {
		text-align: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 75%;
                line-height: 1em;
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	
/* LINKS */
        
/*********OVERALL LINKS **********/
        
        a,
	a:link 
	a:active, a:visited {
        color: #333333;
	text-decoration: none;
	}
         a:hover{
         color:#CCC;text-decoration:underline;
         }	

/*********OVERALL LINKS **********/        
#content	
        a,
	a:link 
	a:active, a:visited {
         color: #587A9C;
	text-decoration: underline;
	}
        #content a:hover{
        color:#000;text-decoration:blink;
        }
	
/*********MAIN CONTENT LINKS **********/
#main
 	a,
	a:link 
	a:active, a:visited {
        color: #587A9C;
	text-decoration: none;
	}
        
        #main a:hover{
        color:#ff9933;
        text-decoration:none;
        }

/*********CONTENT2 LINKS **********/        
#content2
        a,
	a:link 
	a:active, a:visited {
        color: #587A9C;
	text-decoration: none;
	}
        #content2 a:hover{
        color:#CCC;
        text-decoration:none;
        }

/*********NEWS RECHTS **********/
td {
padding: 0px;
margin:0px;
}

#kidsblok 
p {font-size:90%;color:#fff;}
#kidsblok a,
	a:link 
	a:active, a:visited {
        color: #fff;
	text-decoration: none;
        }
#kidsblok a:hover{
        color:#ff9933;
        text-decoration:none;
        }

#news1
        p {font-size:90%}
        #news1 a,
	a:link 
	a:active, a:visited {
        color: #587A9C;
	text-decoration: none;
        }
        #news1 a:hover{
        color:#ff9933;
        text-decoration:none;
        }

#news1shorties
        p {color:#333;font-size:90%}
        #news1 a,
	a:link 
	a:active, a:visited {
        color: #587A9C;
	text-decoration: none;
        }
        #news1 a:hover{
        color:#ff9933;
        text-decoration:none;
        }
#news1 tr.rtRow1 {
        background-color:#fff;
        padding: 0px;
        margin:0px;
        }
/*********NEWS LINKS **********/
#news2  
        a,
	a:link 
	a:active, a:visited {
        color: #587A9C;
	text-decoration: none;
        }
        #news2 a:hover{
        color:#ff9933;
        text-decoration:none;
        }

      div.breadcrumb
        p{color:#fff}
        a,
	a:link 
	a:active, a:visited {
        color: #ffffff;
	text-decoration: bold;
        }      
        a:hover{
        color: #ff9933;
	text-decoration: bold;
	}
      div.breadcrumbs
      p{color:#fff}

/* TAALBLOK */ 

.langblock1  {
                font-size: 1em;
		margin: 0 0 0em 0;
		margin: 0px;
                          padding-top: 0px;
                          padding-right: 0px;
                          padding-bottom: 0px;
                          padding-left: 0px;
		line-height:1em;
                color: #fff;
                text-align: right;
                
}


/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h2 {
		font-size: 1.5em;
                line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0 15px 0 0;
                color: #fff;
	}
	h3 {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	#main h3 {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 15px;
		padding:0;
	}
	#menu_vert h2 {
		margin-left: 10px;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0 10px;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1.5em 0;
		margin: 0px;
                          padding-top: 2px;
                          padding-right: 2px;
                          padding-bottom: 2px;
                          padding-left: 2px;
		line-height:1.5em;
	}

       
	
       blockquote {
		border-left: 10px solid #ddd;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	#main ul {
        line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	

	
	
	hr {
		
		margin:  0 0 10px;
                height: 0;
                border: 0;
                border-top: 1px dotted #ff0066;
                text-align: left;
                
	}

/* TABLE 
	
        table {
        font-size: 1em;
		margin: 0 0 1.5em 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}
*/


/* END TABLE */	
/* End of 'Shorts! : Typo' */

/* Start of CMSMS style sheet 'Table' */
/* TABLE */


	table {
        font-size: 1em;
	margin: 0 0 1.5em 0;
        padding: 0;
        border: 1px #ff9933;;

	}

	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	
          td {
		font-size: 1em;
                padding: 5px 0px 0px 0px;
                margin: 10px 20px 0px 0px;
                text-align: left;
                width: 350px;
              }

        


       

/* END TABLE */	
/* End of 'Table' */