/******************************************************************************
 * CSS Document
 */
 
 /******************************************************************************
 * body
 */
 
/* This tag gouverns the look of the entire bopy and all text placed directly in it. */
body {margin-left:0px;margin-right:0px;margin-top:0px;font-family:arial,verdana,sans-serif;text-decoration:none;font-weight:normal;color:#7b7a7a}

/******************************************************************************
 * images
 */

/* This tag makes sure that no images will by default have borders.*/
img {border:none}

/******************************************************************************
 * lists
 */
 
/* This tag makes unordered lists appear closer to the left side.*/
ul {margin-left:20px}

/* This tag makes ordered lists appear closer to the left side.*/
ol {margin-left:30px}

/******************************************************************************
 * layers
 */
 
/* This tag sets the background color of the top section.*/
.top_layer {background-color:#353535;height:100px;width:100%}

/* This tag sets the look and position of the logotype.*/
.logotype_layer {position:absolute;top:30px;left:40px;background-image:url(bilder/logotyp.gif);height:39px;width:154px;color:white}

/* This tag sets the look of the main menu.*/
.mainmenu_layer {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding-bottom:7px;padding-top:6px;vertical-align:middle}

/* This tag sets the look of copyright-text.*/
.copyright_layer {font-family:verdana,arial,sans-serif;font-size:55%;text-decoration:none;font-weight:normal;color:#a3a2a2;position:absolute;top:106px;left:557px}

/* This tag sets position of the main picture.*/
.mainpicture_layer {position:relative;top:3px;left:24px}

/* This tag sets position of the main picture.*/
.mainpicture_layer_startingpage {position:relative;top:8px;left:24px}

/* This tag sets position and style of the common text.*/
.text_home {position:relative;top:7px;left:23px;width:510px;font-size:90%}

/* This tag sets position and style of the common text.*/
.text {width:510px;font-size:90%}

/* This tag sets position and style of the small text.*/
.small_text {position:relative;top:7px;left:0px;width:510px;font-size:70%;color:#999999}

/* This tag sets position and style of the small text.*/
.small_text_home {position:relative;top:0px;left:24px;width:510px;font-size:70%;color:#999999}

/* This tag sets position and style of the reles-div on the starting page.*/
.release_div {position:relative;left:24px;width:510px}

/* This tag sets position of the release information square.*/
.release_info_div {position:absolute;top:190px;left:213px;width:275px}

/* This tag sets position of the nexts songs in the music page.*/
.next_songs_div {position:relative;top:200px;left:27px;width:275px}

/******************************************************************************
 * form objects
 */

/* */
input {}

/* This tag sets the look of text represented inside any textfield-tag.*/
input.textfield {}

/* */
input.button {}

/* */
select {}

/* This tag sets the look of text represented inside text areas.*/
textArea {}

/******************************************************************************
 * text
 */

/* This tag gouverns all main headings. */
h1 {display:none}

/* This tag gouverns all second headings. */
h2 {position:relative;top:1px;left:23px;font-weight:normal;font-size:140%}

/* This tag gouverns the second headings in the Home-page. */
h2.home {position:relative;top:10px;left:23px;font-weight:normal;font-size:140%}

/* This tag gouverns all third headings. */
h3 {font-weight:normal;font-size:110%}

/* This tag gouverns all third headings. */
h3.news {position:relative;top:0px;left:0px;font-weight:normal;font-size:110%}

/* This tag gouverns all third headings' additional text. */
.additional_h3_text {font-size:68%;font-weight:bold}

/* This tag gouverns image text. */
td.image_text {font-family:verdana,arial,sans-serif;font-size:55%;text-decoration:none;font-weight:normal;color:#a3a2a2}

/* This tag givs the font 12px size. */
.font_size_12 {font-size:75%}

/* This tag gouverns the pink emphasis text. */
.orange_emphasis {position:relative;top:7px;left:0px;font-size:75%;font-weight:bold;font-style:italic;color:#de9e33}

/******************************************************************************
 * links
 */

/* These tags gouverns the look of anchor points. */
a, a:link, a:hover, a:active, a:visited {border:none;color:#2176B1}
a:visited {border:none}

/* These tags gouverns the look of anchor points with style="big". */
a.big, a.big:link, a.big:hover, a.big:active, a.big:visited {border:none;color:#2176B1;font-weight:bold;}
a.big:visited {border:none;font-weight:bold}

/* These tags gouverns the top menu links. */
a.mainmenu, a.mainmenu:link, a.mainmenu:active, a.mainmenu:visited {font-family:arial,verdana,sans-serif;font-size:75%;text-decoration:none;font-weight:bold;color:#999999;line-height:75%}
a.mainmenu:hover {font-family:arial,verdana,sans-serif;font-size:75%;text-decoration:underline;font-weight:bold;color:#999999;line-height:75%}

/* These tags gouverns the grey, bold links. */
a.bold_link, a.bold_link:link, a.bold_link:active, a.bold_link:visited {font-family:arial,verdana,sans-serif;text-decoration:none;font-weight:bold;color:#7b7a7a;font-size:75%}
a.bold_link:hover {font-family:arial,verdana,sans-serif;text-decoration:underline;font-weight:bold;color:#7b7a7a;font-size:75%}


/******************************************************************************
 * cells
 */
 
/* This tag gouverns all text placed inside cells. */
td {}

/******************************************************************************
 * rows
 */

/* This tag makes i 3 pixels high space in tables. */
tr.white_space {height:3px;background-color:#ffffff}

/******************************************************************************
 * tables
 */

/******************************************************************************
*******************************************************************************
*******************************************************************************
*******************************************************************************
 * misc.
 */
 
/* Elements assigned to this class does not occupy any space in the HTML code. */
.hidden_element {display:none}

/* This tag makes the text centered. */
.centered_text {text-align:center;width:100%}

 
/******************************************************************************
* News
*/
 
/* This tag sets position and style of the top news square.*/
.news_top {position:absolute;top:134px;left:557px;width:164px;height:23px;vertical-align:top;padding-bottom:12px;font-size:90%;font-weight:bold;background-color:#f7f7f7;line-height:10px}

/* This tag sets position of the news content squares.*/
table.news_content {position:absolute;top:190px;left:557px;width:164px;height:1px}

/* This tag couverns the text placed inside news squares.*/
table.news_table {background-color:#f7f7f7;font-family:verdana,arial,sans-serif;font-size:70%;vertical-align:top}

/* This tag couverns the date-text placed inside news squares.*/
.news_date {font-size:78%}

/* This tag couverns the date-text placed inside news squares.*/
.news_date_news {font-size:68%;color:#de9e33}

/******************************************************************************
* Track list
*/

/* This tag sets position and style of the top news square.*/
.track_list_top {position:absolute;top:371px;left:25px;width:264px;height:23px;vertical-align:top;padding-bottom:12px;font-size:90%;font-weight:bold;background-color:#f7f7f7;line-height:10px}

/* This tag sets position and style of the second top track list square.*/
.track_list_top2 {position:relative;top:0px;left:0px;width:264px;height:35px;font-size:90%;font-weight:bold;background-color:#f7f7f7;line-height:10px}

/* This tag sets position of the track list content squares.*/
table.track_list_content {position:absolute;top:423px;left:25px;width:264px;height:1px}

/* This tag sets position of the second track list content squares.*/
table.track_list_content2 {position:relative;top:-16px;left:0px;width:264px;height:1px}

/* This tag couverns the text placed inside track list squares.*/
table.track_list_table {width:100%;background-color:#f7f7f7;font-family:verdana,arial,sans-serif;font-size:70%}

/* This tag sets position and style of the teaser tracks square.*/
.tracks_top {position:relative;top:0px;left:23px;width:164px;height:35px;padding-bottom:12px;font-size:90%;font-weight:bold;background-color:#f7f7f7;line-height:10px}

/* This tag couverns the text placed inside tracks squares.*/
table.tracks_table {position:relative;top:-16px;left:23px;width:164px;background-color:#f7f7f7;font-family:verdana,arial,sans-serif;font-size:70%}

/* This tag couverns the rows in the track table.*/
tr.grey_tr {height:27px}

/******************************************************************************
* Link Page
*/

/* This tag sets position of the main content in Links page.*/
.links_layer {position:relative;top:15px;}

/* This tag sets position of the link list content squares.*/
table.link_list_content {position:relative;top:-13px;left:25px;width:609px;height:1px;background-color:#f7f7f7; margin-top:20px}

/* This tag couverns the cells in the link list table.*/
td.grey_td {height:27px;width:200px;border-right:3px solid #fff;border-bottom:3px solid #fff;padding-right:20px;padding-left:20px;font-family:verdana,arial,sans-serif;font-size:70%}

/* This tag couverns the header cell in the link list table.*/
td.grey_td_header {width:606px;height:35px;font-size:90%;font-weight:bold;background-color:#f7f7f7;border-right:3px solid #fff;border-bottom:3px solid #fff; vertical-align:top}

/******************************************************************************
* Message form
*/

/* This tag sets position and style of the top message form square.*/
.message_form_top {position:absolute;top:245px;left:25px;width:364px;height:23px;padding-bottom:12px;font-size:90%;font-weight:bold;background-color:#f7f7f7;line-height:10px}

/* This tag sets position of the messgae form content squares.*/
table.message_form_content {position:absolute;top:301px;left:25px;width:364px;height:1px}

/* This tag sets position of the messgae form content squares.*/
.message_input {width:315px}