@import url("./plato.css");

/* common.css stijlblad voor Shtetl Band Amsterdam */
/* laatste wijziging: 2009-12-11 */

/*=== MAIN SECTION ===*/


body, html
	{
	text-align: center;
	font-family: "georgia", serif;
	font-size: 13px ; 
	min-width: 780px;
	margin: 0;
	padding: 6px 0;
	/* background-color: #dd9; */
	background: url(../__images/bg.jpg) repeat;
	/* background: url(../__images/back-034.gif) repeat; */
	}

div#pagewidth
	{ 
	align: center;
	text-align: left;
	width: 760px;
	margin: auto;
	padding: 0px;
	/* background-color: #fff ; */
	/* background-color: bisque ; */
	/* background-color: white ; */
	background-color : rgb(94%,98%,90%) ; 
	/* border-color: #133; */
	/* border-width: 2px; */
	/* border-style: solid; */
	}

div#banner
	{
	align: center;
	border-width: 0 ;
	border-style: none ;
	font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif;
	}

#banner img
	{
	align: center;
	border-width: 0 ;
	border-style: none ;
	}

ul#language_menu
	{ 
	margin : 0 ;
	padding : 0 1.5em ;
	text-align : left ; 
	font-size : 75% ;
	list-style : none ;
	line-height : 3em ;
	}

ul#banner_menu
	{ 
	margin : 0 ;
	padding : 0 1em ; 
	text-align : center ; 
	font-size : 150% ;
	font-weight : bold ;
	list-style : none ;
	}

div#button_book
	{
	border : medium solid darkred ; 
	/* background : #ddd ; */
	background : rgb(85%,75%,65%) ;
	font-size : 120% ; 
	text-align : center ; 
	}

#button_book a 
	{
	margin: 0;
	border: none ; 
	padding: 0 ;
	text-decoration: none; 
	}

#button_book a:link, #button_book a:visited 
	{
	color: darkred ;
	}

#button_book a:hover, #button_book a:active 
	{
	color: lavenderblush ;
	}

div#banner_player
	{
	margin : 0 ;
	border : medium solid darkred ; 
	padding: 4px 0 0 0 ;
	}

#content
	{
	align: center;
	margin: 15px 0px 10px 50px;
	float: left;
	width: 660px;
	display: block;
	color: black; 
	line-height: 1.2em; 
	text-align: justify ;
	}


/*=== MAIN SECTION ===*/

div#our_music
	{
	width: 85% ;
	margin: 0 ;
	padding: 0.75em ;
	border : 2px dotted darkred ; 
	text-align: center ;
	font-size: 88% ;
	font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif ;
	color: #111 ; 
	}

#our_music h4
	{
	padding: 0 ;
	margin: 0 ;
	}

div#footer
	{
	height: 1px;
	clear: both;
	}


/*=== HEADERS ===*/

/* pagina-titel */
h1
	{ 
	clear : both ;
	margin: 0.75em 0 1.5em 0 ;
	font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif ;
	text-transform: uppercase ; 
	font-size: 140% ;
	color: darkred ;
	letter-spacing: 0.06em;
	}

h2
	{ 
	margin : 0 ;
	text-align : left ;
	text-transform: uppercase ;
	font-size : 100% ;
	font-weight : bold ;
	color: #555 ;
	}

h3
	{ 
	margin : 2em 0 1em 0 ;
	padding : 0  ;
	text-align : left ;
	text-transform: uppercase ;
	font-size : 108% ;
	font-weight : bold ;
	clear : both ;
	}

h4
	{ 
	padding : 0 ;
	margin : 0 ;
	text-align : center ;
	font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif ;
	font-size : 125% ;
	text-transform: uppercase ;
	color: darkred ;
	}



/* === HYPERLINKS === */

a
	{
	text-decoration : none ; 
	}

a:link
	{
	color : navy ; 
	border-bottom: navy ;
	border-width: 0px 0px 1px 0px;
	border-style: none none dotted none;
	}

a:hover
	{
	color: navy ;
	border-bottom: navy ;
	border-width: 0px 0px 1px 0px;
	border-style: none none dotted none;
	}

a:visited
	{
	color: teal;
	border-bottom: teal;
	border-width: 0px 0px 1px 0px;
	border-style: none none dotted none;
	}


div#navigation
	{
	align: center ;
	width: 760px ;
	margin: 2px 0 ; 
	text-align: center ;
	background-color: #133 ;
	display: block ;
	}

#navigation ul, #navigation li
	{
	display: inline ;
	margin: 0 ;
	padding: 0 ;
	font-size : 110% ; 
	font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif;
	text-align: center ;
	}

#navigation li.line 
	{
	margin: 1em ;
	text-transform: uppercase;
	color: silver; 
	font-size : 110% ;
	font-weight: bold;
	}

#navigation a
	{
	margin: 0 0.75em 0 0;
	padding: 0 ;
	border: 0 ; 
	text-decoration: none; 
	color: rgb(85%, 75%, 35%);
	}

#navigation a.selected 
	{
	color: silver;
	}

#navigation a:hover
	{
	color: white ;
	}


/* === SPECIAL PARAGRAPHS === */

p#contact_card
	{ 
	width : 15em ; 
	border : double gray 1 ; 
	background : rgb(100%,90%,50%) ; 
	padding : 1em 1.5em ;
	line-height : 2 ;
	font-size : 140% ;
	}

p.comment_text
	{ 
	margin : 0 ;
	font-style : italic ;
	font-size : 110% ;
	}

p.comment_name
	{ 
	margin : 0 0 1em 0 ;
	font-variant : small-caps ;
	font-size : 110% ;
	}


/* === SPECIAL DIVISIONS === */

#band_member_website
	{ 
	margin : 0 0 0 1em ;
	font-family : sans-serif ;
	font-size : 70% ;
	}

#news_header
	{
	align: center ;
	margin: 0 0 1em 0 ;
	border: 2px dotted darkred ; 
	background : rgb(90%,80%,70%) ; 
	padding: 4px ;
	text-align: center ;
	line-height : 1.3 ;
	font-size: 100% ;
	text-transform: uppercase ; 
	font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif ;
	color: darkred ;
	}

#news_header img
	{
	margin: 0.2em 0 0.2em 1em;
	padding : 0 ;
	float: left ;
	}


#review_quote
	{
	align: left ;
	margin: 0 0 0 3em ;
	padding: 6px ;
	text-align: center ;
	font-size: 100% ;
	color: darkred ;
	}

#contact-footer
	{
	width: 100% ;
	align: center ;
	margin: 2em 0 0 0 ;
	padding: 0 ;
	border-width : 2px 0 2px 0 ;
	border-style : solid ;
	border-color : darkred ;
	border-collapse : separate ;
	border-spacing : 3em 1em ;
	text-align: center ;
	}

#contact-footer td
	{
	align: center ;
	padding: 1em ;
	background : rgb(90%,80%,70%) ; 
	}

#contact-logo
	{
	border: none ;
	margin: 0.25em 2em ;
	float: left ;
	}


/* members-list */
ul.bandmembers
	{
	list-style : none ;
	padding : 1em 0;
	margin : 0;
	}

.bandmembers li 
	{
	clear : both ;
	padding : 0 0 1em 0;
	}

.bandmembers img 
	{
	margin : 0 0 1em 1em ;
	float : right ;
	}


/* concert programs */
ul.concert_programs
	{
	/* list-style : none ; */
	padding : 1em;
	margin : 0;
	}

.concert_programs li 
	{
	clear : both ;
	padding : 0 0 1em 0 ;
	}


/* photos */
ul.photos
	{
	list-style : none ;
	margin : 1em 0 1em 0 ;
	padding : 1em 0 1em 0 ;
	}

.photos li 
	{
	clear : both ;
	margin : 0 ;
	padding : 0 0 1em 0 ;
	}

.photos img 
	{
	margin : 0 0 1em 2em ;
	padding : 0 ;
	float : left ;
	}

/* audio fragments */
ul.audio
	{ 
	margin : 0 ; 
	border : 2px dotted darkred ; 
	background : #ddd ;
	padding : 1em ; 
	text-align : center ; 
	line-height : 2 ;
	list-style : none ;
	}

.audio img
	{ 
	border : none ; 
	float : none ;  
	padding : 0 ;
	}

.audio li
	{
	clear : both ;
	}


/* attention/news rectangle */
ul.attention
	{ 
	margin : 1 0 0 0 ; 
	border : 2px dotted darkred ; 
	background : #eed ;
	padding : 1em ; 
	text-align : center ; 
	line-height : 1.5 ;
	list-style : none ;
	}

.attention img
	{ 
	border : none ; 
	float : none ;  
	padding : 0 ;
	}

.attention li
	{
	clear : both ;
	}

.show_info
	{
	border-bottom : 1px dotted #000 ; 
	cursor : help ;
	}


/* agenda */
dl.agenda
	{
	margin : 1em 0 2em 0 ;
	padding : 0 ;
	}


/* === IMAGES === */

img
	{ 
	border : solid black 1px
	}

img.img_welcome
	{
	display : block ;
	margin : 0.5em auto 0.5em auto ;
	float : none ;
	text-align : center ;
	}

img.img_page
	{
	margin : 0 0 1em 1em ;
	float : right ;
	}

img.listen
	{
	border: none ;
	}

img.listen a
	{
	text-decoration: none ;
	}

img.button
	{
	border: none ;
	float : left ;
	}

img.button_link
	{
	margin : 0 ; 
	border: none ;
	float : left ;
	}

img.button_link a
	{
	text-decoration: none ;
	}

img.stagerider
	{
	margin : 0 0 1em 2em ;
	float : none ;
	clear : both ;
	}

img.stagerider a
	{
	text-decoration: none ;
	}


/* === AANVRAAGFORMULIER BOEKING === */

#request-details, #request-contact, #request-send
	{ 
	width : 85% ;
	margin : 1em 2em ;
	border: 1px solid darkred ; 
	}

#request-details legend, #request-contact legend 
	{ 
	border: 1px dotted darkred ; 
	padding : 0.2em 0.7em ;
	text-align : left ;
	text-transform: uppercase ;
	background-color: silver ;
	font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif ;
	font-size : 90% ;
	}

#request-send
	{ 
	border : none ;
	}

#request-details label, #request-contact label, #request-send label
	{ 
	float : left ;
	text-align: right ;
	margin : 0.25em 1em 1em 0 ;
	width : 160px ;
	font-weight : bold ;
	}

#request-details input, #request-contact input
	{ 
	width : 200px ;
	}


/* === TEKST MET VISUELE NADRUK === */

em
	{ 
	font-style : italic ;
	}

strong, dt
	{ 
	font-weight : bold ;
	}