/* CSS Document */

/* Algemeen */
html,body
{
height: 100%;
color: #fff;
margin: 0;
padding: 0;
}

form
{
margin: 0;
padding: 0;
}

table, iframe
{
vertical-align: top;
text-align: left; 
border: 0;
margin: 0;
padding: 0;
}

.tdline_white
{
background-color: #FFFFFF;
height: 1px;
}

p
{
line-height: 12px;
}

.td_bgcolor_none
{
height: 1px;
}

.menu
{
position: absolute;
left: 10px;
top: 45px;
}

.head_links
{
position: absolute;
left: 500px;
top: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #CCC;
}

.head_links a
{
text-decoration: none;
color: #9B8E8E;
}

.head_links a:hover
{
color: #333;
}

/* Padding */

.padding_right
{
padding-right: 20px;
padding-bottom: 10px;
}

.padding_bottom
{
padding-bottom: 5px;
padding-top: 5px;
}

.padding_bottom_search
{
padding-bottom: 4px;
}

.padding_bottom_upload
{
padding-bottom: 10px;
padding-top: 3px;
}

.padding_button_next
{
padding-bottom: 15px;
padding-top: 12px;
}

.padding_left
{
padding-left: 10px;
}

.padding
{
padding: 5px;
}

.padding_send
{
padding-left: 7px;
padding-bottom: 7px;
padding-top: 7px;
}

.padding_search
{
padding-bottom: 10px;
padding-top: 10px;
padding-left: 3px;
}

.padding_left_search
{
padding-left: 3px;
line-height: 16px;
}

.padding_upload
{
padding-bottom: 10px;
padding-top: 10px;
padding-left: 15px;
}

.padding_locate
{
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}

.border_red_left
{
background-color:#FFFFFF;
border-left: 1px solid;
border-left-color: #CC0000;
}

.border_red_right
{
background-color:#FFFFFF;
border-right: 1px solid;
border-right-color: #CC0000;
}

/* Index.html */
.home_bgimage
{
position: absolute;
left: 0px;
top: 0px;
}

/* book/book.html */
.book_header
{
position: absolute;
left: 10px;
top: 6px;
}

.book_bgimage
{
position: absolute;
left: 102px;
top: 45px;
}

.book_bgimage_waitasec
{
position: absolute;
left: 50px;
top: 45px;
}

.wait_a_sec
{
position: absolute;
left: 170px;
top: 78px;
z-index: 1000;
}

.book_tab_rechts
{
position: absolute;
left: 760px;
top: 45px;
z-index: 1000;
}

.menu_right
{
position: absolute;
left: 810px;
top: 45px;
z-index: 1000;
}

.book_bookingwindow
{
position: absolute;
left: 150px;
top: 45px;
z-index: 1000;
}

.book_item01
{
position: absolute;
left: 150px;
top: 332px;
z-index: 1000;
}

.book_item02
{
position: absolute;
left: 500px;
top: 300px;
z-index: 1000;
}


/* form [book/book.html] */
.input_text
{
width: 150px;
height: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

.input_send
{
width: 150px;
height: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

.input_search
{
width: 170px;
height: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

.input_login
{
width: 220px;
height: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

.select_search
{
width: 175px;
height: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

.select_upload
{
width: 250px;
height: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

.area_upload
{
width: 250px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

.input_upload
{
width: 250px;
height: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

.file_upload
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

.input_locate
{
width: 150px;
height: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

.select_locate
{
width: 153px;
height: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333;
line-height: 11px;
}

/* text */
.text_item
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #676767;
padding-left: 8px;
padding-bottom: 15px;
padding-top: 10px;
padding-right: 12px;
}

.text_item a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #676767;
text-decoration: underline;
}

.text_item a:hover
{
color: #CC0000;
}

.text_item_b
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #676767;
padding-left: 12px;
padding-bottom: 15px;
padding-top: 10px;
padding-right: 12px;
}

.text_item_b a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #676767;
text-decoration: underline;
}

.text_item_b a:hover
{
color: #99CC00;
}

.text_waitfordownload
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
line-height:12px;
color: #444;
}

.text_waitasec
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
line-height:14px;
color: #666;
padding-right: 40px;
padding-left: 10px;
}

.text_itinary
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #333300;
line-height: 14px;
}

.text_itinary_header
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 1px;
color: #99CC00;
line-height: 18px;
font-stretch: condensed;
font-weight: bold;
padding-left: 20px;
padding-bottom: 2px;
vertical-align: middle;
}

.text_journey
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #336600;
line-height: 14px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 2px;
}

.text_downloadinstructions
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #fff;
line-height: 12px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 7px;
letter-spacing: 1px;
}

.text_download
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #444400;
line-height: 9px;
padding-right: 15px;
padding-bottom: 4px;
padding-top: 6px;
letter-spacing:1px;
}


.text_download a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333300;
line-height: 9px;
padding-right: 15px;
padding-left: 10px;
padding-bottom: 3px;
padding-top: 6px;
text-decoration: underline;
}

.text_download a:hover
{
color: #FFFFFF;
}

.text_send
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
color: #336600;
line-height: 14px;
padding-right: 5px;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}

.text_send a
{
color: #336600;
text-decoration: underline;
}

.text_send a:hover
{
color: #FFFFFF;
}

.text_lastuploads a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFF;
line-height: 14px;
padding-right: 15px;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: underline;
}

.text_lastuploads a:hover
{
color: #222;
text-decoration: underline;
}

.text_login
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #444;
letter-spacing: 1px;
line-height: 10px;
padding-left: 5px;
padding-right: 10px;
}

.text_join
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333;
letter-spacing: 1px;
line-height: 10px;
padding-left: 15px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 12px;
}

.text_join a
{
color: #222;
text-decoration:underline;
}

.text_join a:hover
{
color: #fff;
text-decoration:underline;
}


.text_header_results
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CC0000;
letter-spacing: 1px;
line-height: 15px;
padding-left: 5px;
padding-right: 10px;
background-color:#FFFFFF;
}

.text_header_results a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CC0000;
letter-spacing: 1px;
line-height: 15px;
padding-right: 10px;
text-decoration:underline;
}

.text_header_results a:hover
{
color:#333;
text-decoration:underline;
}

.text_header_results_right
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CC0000;
letter-spacing: 1px;
line-height: 15px;
padding-left: 5px;
padding-right: 10px;
background-color:#FFFFFF;
border-right: 1px solid;
border-right-color: #CC0000;
}

.text_header_results_right a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CC0000;
letter-spacing: 1px;
line-height: 15px;
padding-right: 10px;
text-decoration:underline;
}

.text_header_results_right a:hover
{
color:#333;
text-decoration:underline;
}

.text_pagenumber
{
background-color: #FFF;
border-right: 1px solid #CC0000;
height: 30px;
}

.text_pagenumber a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CC0000;
letter-spacing: 1px;
line-height: 15px;
padding-left: 3px;
padding-right: 3px;
text-decoration:underline;
background-color:#FFFFFF;
}

.text_pagenumber a:hover
{
color:#333;
text-decoration:underline;
}

.text_results
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #444;
letter-spacing: 1px;
line-height: 15px;
padding-left: 5px;
padding-right: 10px;
vertical-align:top;
border-bottom: 1px solid #EBE6DF;
background-color:#FFFFFF;
}

.text_results a
{
color: #444;
text-decoration:underline;
}

.text_results a:hover
{
color: #CC0000;
text-decoration:underline;
}

.text_results_right
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #444;
letter-spacing: 1px;
line-height: 15px;
padding-left: 5px;
padding-right: 10px;
vertical-align:top;
border-bottom: 1px solid #EBE6DF;
background-color:#FFFFFF;
border-right: 1px solid #CC0000;
}

.text_results_right a
{
color: #444;
text-decoration:underline;
}

.text_results_right a:hover
{
color: #CC0000;
text-decoration:underline;
}

.text_results div.popup
{
height: 14px;
overflow: hidden;
padding-left: 4px;
padding-right: 4px;
white-space: normal;
position: relative;
}

#popup
{
position: absolute;
visibility: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #444;
letter-spacing: 1px;
line-height: 15px;
padding-left: 5px;
padding-top: 1px;
padding-right: 10px;
vertical-align:top;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
background-color:#F0F0F0;
}

#popup a:hover
{
color: #CC0000;
text-decoration:underline;
}

#popup a
{
color: #444;
text-decoration:underline;
}


.text_resultsby
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999;
letter-spacing: 1px;
line-height: 15px;
padding-left: 10px;
padding-right: 10px;
vertical-align:middle;
}

.text_resultsmap
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333;
letter-spacing: 1px;
line-height: 15px;
padding-left: 15px;
padding-right: 10px;
vertical-align: bottom;
}

.text_newlink
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333;
letter-spacing: 1px;
line-height: 15px;
padding-right: 2px;
vertical-align: middle;
}

.text_artist
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #444;
letter-spacing: 1px;
line-height: 15px;
padding-left: 5px;
padding-right: 10px;
padding-bottom: 10px;
vertical-align:top;
border-bottom: 1px solid #EBE6DF;
background-color:#FFFFFF;
}

.text_artist a
{
color: #444;
text-decoration:underline;
}

.text_artist a:hover
{
color: #CC0000;
text-decoration:underline;
}

.text_header_artist
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CC0000;
letter-spacing: 1px;
line-height: 15px;
padding-left: 5px;
padding-right: 10px;
padding-bottom: 10px;
background-color:#FFFFFF;
}

/* lines */
.line_green01
{
position: absolute;
left: 30px;
top: 62px;
border-top: 1px solid;
border-color: #99cc00;
width: 779px;
height: 1px;
z-index: 1000;
}

.line_green02
{
position: absolute;
left: 87px;
top: 88px;
border-top: 1px solid;
border-color: #99cc00;
width: 725px;
height: 1px;
z-index: 1000;
}

.line_green01_map
{
position: absolute;
left: 30px;
top: 62px;
border-top: 1px solid;
border-color: #99cc00;
width: 971px;
height: 1px;
z-index: 1000;
}

.line_green02_map
{
position: absolute;
left: 30px;
top: 88px;
border-top: 1px solid;
border-color: #99cc00;
width: 971px;
height: 1px;
z-index: 1000;
}

.line_red01
{
position: absolute;
left: 100px;
top: 62px;
border-top: 1px solid;
border-color: #cc0000;
width: 901px;
height: 1px;
z-index: 1000;
}

.line_red02
{
position: absolute;
left: 100px;
top: 88px;
border-top: 1px solid;
border-color: #cc0000;
width: 901px;
height: 1px;
z-index: 1000;
}

.line_red01_map
{
position: absolute;
left: 30px;
top: 62px;
border-top: 1px solid;
border-color: #cc0000;
width: 971px;
height: 1px;
z-index: 1000;
}

.line_red02_map
{
position: absolute;
left: 30px;
top: 88px;
border-top: 1px solid;
border-color: #cc0000;
width: 971px;
height: 1px;
z-index: 1000;
}


/* itinary book/selectjourney.html */
.iframe_itinary
{
position: absolute;
left: 55px;
top: 65px;
z-index: 1000;
}

.select_journey
{
position: absolute;
left: 58px;
top: 263px;
z-index: 1000;
}

/* journey [book/finaljourney.html] */
.iframe_journey
{
position: relative;
left: 0px;
top: 20px;
z-index: 1000;
}

.final_download 
{
position: absolute;
left: 50px;
top: 103px;
z-index: 1000;
}

.final_send
{
position: relative;
left: 0px;
top: 20px;
z-index: 1000;
}

.final_header
{
position: absolute;
left: 130px;
top: 68px;
z-index: 1000;
}

/* map [book/viewmap.html] */
.map_tab_rechts
{
position: absolute;
left: 1002px;
top: 45px;
z-index: 1000;
}

.button_back
{
position: absolute;
left: 870px;
top: 67px;
z-index: 1000;
}

.button_textview
{
position: absolute;
left: 915px;
top: 62px;
z-index: 1000;
}

/* SEARCH */

/* search [search/search.html] */

.search_bgimage
{
position: absolute;
left: 102px;
top: 45px;
}

.search_login
{
position: absolute;
left: 800px;
top: 17px;
z-index: 1000;
}

.menu_links
{
position: absolute;
left: 37px;
top: 600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 10px;
letter-spacing: 1px;
color: #CCC;
z-index: 1000;
margin: 0;
}

.menu_links a
{
text-decoration: none;
color: #444;
}

.menu_links a:hover
{
color: #FFF;
}

/* [search/upload.html] */

.upload_window
{
position: absolute;
left: 50px;
top: 104px;
z-index: 1000;
}

.upload_instructions
{
position: absolute;
left: 50px;
top: 448px;
z-index: 1000;
}

.search_tab_rechts
{
position: absolute;
left: 1002px;
top: 45px;
z-index: 1000;
}

.search_header
{
position: absolute;
left: 130px;
top: 65px;
z-index: 1000;
}

.button_cancelsave
{
position: absolute;
left: 830px;
top: 67px;
z-index: 1000;
}

.button_mapview
{
position: absolute;
left: 890px;
top: 460px;
z-index: 1000;
}

.select_location
{
position: absolute;
left: 50px;
top:497px;
z-index: 1000;
}

.search_window
{
position: absolute;
left: 120px;
top: 514px;
z-index: 1000;
}

.search_artist_info
{
position: absolute;
left: 120px;
top: 45px;
z-index: 1000;
}


.search_window_new
{
position: absolute;
left: 120px;
top: 45px;
z-index: 1000;
}

.search_results
{
position: absolute;
left: 120px;
top: 155px;
z-index: 1000;
}

.search_login_window
{
position: absolute;
left: 50px;
top: 104px;
z-index: 1000;
}

.buttons_map
{
position: absolute;
left: 50px;
top: 617px;
z-index: 1000;
padding-bottom: 0px;
margin: 0px;
}

.border_red
{
position: absolute;
left: 50px;
top: 617px;
border-bottom: 1px solid #CC0000;
width: 951px;
z-index: 1000;
}

.border_red_s
{
border-right: 1px solid #CC0000;
background-color:#FFFFFF;
}

.search_about
{
position: absolute;
left: 122px;
top: 45px;
z-index: 1000;
}

.search_item01
{
position: absolute;
left: 120px;
top: 303px;
z-index: 1000;
}

.search_item02
{
position: absolute;
left: 470px;
top: 303px;
z-index: 1000;
}

.search_item03
{
position: absolute;
left: 150px;
top: 303px;
z-index: 1000;
}

.search_item04
{
position: absolute;
left: 500px;
top: 303px;
z-index: 1000;
}

/* mapview book */ 
.mapview_tab_rechts
{
position: absolute;
left: 1002px;
top: 0px;
z-index: 1000;
}

.line_green01_mapview
{
position: absolute;
left: 30px;
top: 17px;
border-top: 1px solid;
border-color: #99cc00;
width: 971px;
height: 1px;
z-index: 1000;
}

.line_green02_mapview
{
position: absolute;
left: 30px;
top: 43px;
border-top: 1px solid;
border-color: #99cc00;
width: 971px;
height: 1px;
z-index: 1000;
}

.button_mapview
{
position: absolute;
left: 915px;
top: 17px;
z-index: 1000;
}

.menu_mapview
{
position: absolute;
left: 10px;
top: 0px;
}

.bgimage_mapview
{
position: absolute;
left: 50px;
top: 0px;
}

.header_mapview
{
position: absolute;
left: 130px;
top: 23px;
z-index: 1000;
}

/* mapview search*/ 
.mapview_header
{
position: absolute;
left: 130px;
top: 20px;
z-index: 1000;
}

.line_red01_mapview
{
position: absolute;
left: 30px;
top: 17px;
border-top: 1px solid;
border-color: #cc0000;
width: 971px;
height: 1px;
z-index: 1000;
}

.line_red02_mapview
{
position: absolute;
left: 30px;
top: 43px;
border-top: 1px solid;
border-color: #cc0000;
width: 971px;
height: 1px;
z-index: 1000;
}

.buttons_mapview
{
position: absolute;
left: 50px;
top: 572px;
z-index: 1000;
padding-bottom: 0px;
margin: 0px;
}

.border_mapview
{
position: absolute;
left: 50px;
top: 572px;
border-bottom: 1px solid #CC0000;
width: 951px;
z-index: 1000;
}

/* search/personalinfo */

#celleditor
{
width: 250px;
}

#celleditor form
{
background-color: #eee;
padding: 2px 4px;
width: 100%;
}

textarea.edit
{
width:100%;
border:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background-color: #eee;
color: #333;
letter-spacing: 1px;
line-height: 15px;
}

/* localisms */

.localisms_00
{
position: absolute;
width: 667px;
background-color: #FFFFFF;
left: 50px;
top: 120px;
padding: 0px;
padding-bottom: 15px;
margin: 0px;
}

.localisms_00 a
{
color:#330000;
text-decoration:underline;
}

.localisms_00 a:hover
{
color:#CC0000;
}

.localisms_03 a
{
color:#FFFFFF;
}

.localisms_03 a:hover
{
color:#333333;
}

.localisms_01
{
background: url(ima/localisms/kop_localisms_01.gif) top left no-repeat;
background-color:#ddddcc;
width: 598px;
}

.localisms_witspace
{
min-height: 5px;
}

.localisms_01 p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #554444;
letter-spacing: 1px;
line-height: 15px;
padding-left:20px;
padding-right:20px;
padding-top: 30px;
padding-bottom: 15px;
}

.fontwit
{
color:#666666;
line-height: 14px;
font-style:italic;
}

.localisms_02
{
background:url(ima/localisms/kop_enteryourcode.gif) top left no-repeat;
background-color:#99cc33;
width: 598px;
}

.padding_form
{
padding-left: 30px;
padding-bottom: 20px;
}

.localisms_02 p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #224411;
letter-spacing: 1px;
line-height: 15px;
padding-left:0px;
padding-right:20px;
padding-bottom: 10px;
padding-top: 30px;
}

.input_image
{
padding-left: 30px;
vertical-align: middle;
}

.localisms_03
{
background: url(ima/localisms/kop_yoursonicjourneys.gif) top left no-repeat;
background-color:#339900;
width: 598px;
}

.localisms_03 p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #fff;
letter-spacing: 1px;
line-height: 15px;
padding-left:20px;
padding-right:20px;
padding-bottom: 10px;
padding-top: 30px;
}