/**
 * Project: Island-Fahrradtour 2005
 * Author:  Erich Gormann
 * Date:    12.07.2005
 */

/** TODO: test the following colors for text **/
/** light blue I        : 9999FF (gut mit bg 666666, besser mit bg 333333) **/
/** light medium blue  I: 6666FF (gut mit bg 333333, Favorit 2) **/
/** light medium blue  I: 33CCFF (gut mit bg 333333 und E1E1E1, Favorit 1) **/
/** light medium blue II: 6666CC **/
/** medium dark I       : 3333FF **/
/** medium dark II      : 3333CC **/ 
/** medium dark III     : 333399 (gut mit bg 999999) **/
.normal {
    margin:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    padding:0px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    padding:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}

BODY.main {
    background-color:#333333; 
    margin:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    padding:0px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:left top;
}

BODY.top_10 {
    margin-top:10px;
}

BODY.left_20_top_10 {
    margin-top:10px;
    margin-left:20px;
}

BODY.left_20_top_5 {
    margin-top:5px;
    margin-left:20px;
}

#info_container {
	display:none;
	position:absolute;
	visibility:hidden;
	z-index:100;
}

.color_line {
    background-color:#33CCFF;
}

TD.top_line {
    padding-top:5px;
    border-top: 1px ridge #33CCFF;
}

TD.line_engraved {
    padding-bottom : 10px;
    border-bottom : 2px ridge #33CCFF;
}

TD.v_space_2 {
    padding-top:2px;
    padding-bottom:2px;
}

TD.h_space_2 {
    padding-left:2px;
    padding-right:2px;
}

TD.left_space_2 {
    padding-left : 2px;
}

TD.left_space_3 {
    padding-left : 3px;
}

TD.left_space_5 {
    padding-left : 5px;
}

TD.left_space_10 {
    padding-left : 10px;
}

TD.left_space_30 {
    padding-left : 30px;
}

TD.right_space_2 {
    padding-right : 2px;
}

TD.right_space_3 {
    padding-right : 3px;
}

TD.right_space_5 {
    padding-right : 5px;
}

TD.right_space_10 {
    padding-right : 10px;
}

TD.top_space_2 {
    padding-top : 2px;
}

TD.top_space_3 {
    padding-top : 3px;
}

TD.top_space_5 {
    padding-top : 5px;
}

TD.top_space_10 {
    padding-top : 10px;
}

TD.top_space_15 {
    padding-top : 10px;
}

TD.top_space_20 {
    padding-top : 20px;
}

TD.top_space_30 {
    padding-top : 30px;
}

TD.bottom_space_2 {
    padding-bottom : 2px;
}

TD.bottom_space_3 {
    padding-bottom : 3px;
}

TD.bottom_space_5 {
    padding-bottom : 5px;
}

TD.bottom_space_10 {
    padding-bottom : 10px;
}

TD.bottom_space_15 {
    padding-bottom : 10px;
}

TD.bottom_space_20 {
    padding-bottom : 20px;
}

TD.bottom_space_30 {
    padding-bottom : 30px;
}

TD.general_img_cell {
    text-align:center;
    border-style:ridge;
    border-color:#33CCFF;
    border-width:2px;
    padding:1px;
}

TD.table_cell {
    border: 1px solid #33CCFF;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}

TABLE.list_table {
    border-style:solid;
    border-color:#33CCFF;
    border-width:1px;
    background-color:#E4E4E4;
}

TD.videoindex_cell {
    text-align:center;
    vertical-align:top;
    padding-top: 2px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:15px;
}

TABLE.left_space_20 {
    padding-left:20px;
}

UL.content_list {
    width:95%;
    font-family:Verdana;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    color:#33CCFF;
    list-style: square;
    list-style-position: outside;
    list-style-type: square;
    padding:0px;
    padding-top:0px;
    padding-left:30px;
    padding-right:0px;
    padding-bottom:0px;
}

INPUT.form_element {
    font-family:Verdana;
    font-size:11px;
    color:#006699;
    background-color: #CCCCCC;
    border-style: ridge; 
    border-color: #33CCFF;
    border-width: 1px;
}

INPUT.form_element_btn {
    font-family:Verdana;
    font-size:11px;
    font-weight:normal;
    height:22px;
    width:75px;
    background-color:#CCCCCC;
    color:#006699;
    border-style:ridge;
    border-width:1px;
    border-color:#33CCFF;
    text-align:center;
    vertical-align:middle;
}

INPUT.form_element_btn_nowidth {
    font-family:Verdana;
    font-size:11px;
    font-weight:normal;
    height:22px;
    background-color:#CCCCCC;
    color:#006699;
    border-style:ridge;
    border-width:1px;
    border-color:#33CCFF;
    text-align:center;
    vertical-align:middle;
}

TEXTAREA.form_element {
    font-family:Verdana;
    font-size:11px;
    color:#006699;
    background-color: #CCCCCC;
    border-style: ridge; 
    border-color: #33CCFF;
    border-width: 1px;
}

SELECT.form_element {
    font-family:Verdana;
    font-size:11px;
    color:#006699;
    background-color:#CCCCCC;
    border: ridge #33CCFF 1px;
}

.border_all {
    border: 1px ridge #33CCFF;
}

.center_align {
    text-align:center;
}

.height_25 {
    height:25px;
}

.info_layer {
    background-color:#666666;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    border-style: solid; 
    border-color: #CCCCCC;
    border-width: 2px;
}

.label_cell {
    text-align:left;
    vertical-align:middle;
}

.input_cell {
    text-align:left;
    vertical-align:middle;
}

.output_cell {
    text-align:left;
    vertical-align:middle;
}

.output_cell_right {
    text-align:right;
    vertical-align:middle;
}

.footer_cell {
    text-align:center;
    vertical-align:middle;
}

.footer_margin {
    text-align:center;
    vertical-align:middle;
}

.tab_nav_cell {
    text-align:center;
    vertical-align:middle;
}

.form_area {
    background-color: #DEEAF6;
    border-style: solid; 
    border-color: #000060;
    border-width: 1px;
    padding: 5px 5px 10px 10px;
}

.label_text {
    font-family:Verdana;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    color:#33CCFF;
}

.flow_text {
    font-family:Verdana;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    color:#33CCFF;
}

.flow_text_bold {
    font-family:Verdana;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    color:#33CCFF;
}

.application_header_text {
    font-family:Verdana;
    font-size:24px;
    font-style:normal;
    font-weight:bold;
    color:#33CCFF;
    text-align:center;
    vertical-align:middle;
}

.page_header_text {
    font-family:Verdana;
    font-size:1.05em;
    font-style:italic;
    font-weight:bold;
    color:#006699;
}

.img_page_header_text {
    font-family:Verdana;
    font-size:0.75em;
    font-style:italic;
    font-weight:bold;
    color:#33CCFF;
}

.content_header_text {
    font-family:Verdana;
    font-size:14px;
    font-style:normal;
    font-weight:bold;
    color:#33CCFF;
}

.content_header_text_wh {
    font-family:Verdana;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    color:#FFFFFF;
}

.content_header_text_bl {
    font-family:Verdana;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    color:#000000;
}

.footer_text {
    font-family:Verdana;
    font-size:10px;
    font-style:normal;
    font-weight:normal;
    color:#33CCFF;
}

.footer_text_darkgreen {
    font-family:Verdana;
    font-size:10px;
    font-style:normal;
    font-weight:normal;
    color:#009900;
}

.footer_text_wh {
    font-family:Verdana;
    font-size:10px;
    font-style:normal;
    font-weight:normal;
    color:#FFFFFF;
}

.table_header_text {
    font-family:Verdana;
    font-size:10px;
    font-style:normal;
    font-weight:normal;
    color:#33CCFF;
}

.table_text {
    font-family:Verdana;
    font-size:10px;
    font-style:normal;
    font-weight:normal;
    color:#33CCFF;
}

.error_text_bold {
    font-family:Verdana;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    color:#FF0000;
}

.guestbook_text {
    font-family:Verdana;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    color:#33CCFF;
}

a.footernav {  font-size:10px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:link.footernav {  font-size:10px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:visited.footernav {  font-size:10px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:hover.footernav {  font-size:10px; font-style:normal; text-decoration:underline; font-weight:bold; color:#FFFFFF; font-family:Verdana;}

a.info_box_nav {  font-size:10px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:info_box_nav {  font-size:10px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:visited.info_box_nav {  font-size:10px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:hover.info_box_nav {  font-size:10px; font-style:normal; text-decoration:underline; font-weight:bold; color:#FFFFFF; font-family:Verdana;}

a.content_link {  font-size:12px; font-style:normal; text-decoration:none; font-weight:normal; color:#33CCFF; font-family:Verdana;}
a:link.content_link {  font-size:12px; font-style:normal; text-decoration:none; font-weight:normal; color:#33CCFF; font-family:Verdana;}
a:visited.content_link {  font-size:12px; font-style:normal; text-decoration:none; font-weight:normal; color:#33CCFF; font-family:Verdana;}
a:hover.content_link {  font-size:12px; font-style:normal; text-decoration:underline; font-weight:normal; color:#FFFFFF; font-family:Verdana;}

a.content_link_bold {  font-size:12px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:link.content_link_bold {  font-size:12px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:visited.content_link_bold {  font-size:12px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:hover.content_link_bold {  font-size:12px; font-style:normal; text-decoration:underline; font-weight:bold; color:#FFFFFF; font-family:Verdana;}

a.content_nav {  font-size:14px; font-style:normal; text-decoration:none; font-weight:normal; color:#33CCFF; font-family:Verdana;}
a:link.content_nav {  font-size:14px; font-style:normal; text-decoration:none; font-weight:normal; color:#33CCFF; font-family:Verdana;}
a:visited.content_nav {  font-size:14px; font-style:normal; text-decoration:none; font-weight:normal; color:#33CCFF; font-family:Verdana;}
a:hover.content_nav {  font-size:14px; font-style:normal; text-decoration:underline; font-weight:normal; color:#FFFFFF; font-family:Verdana;}

a.content_nav_bold {  font-size:14px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:link.content_nav_bold {  font-size:14px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:visited.content_nav_bold {  font-size:14px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:hover.content_nav_bold {  font-size:14px; font-style:normal; text-decoration:underline; font-weight:bold; color:#FFFFFF; font-family:Verdana;}

a.mainnav_level_0 {  font-size:12px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:link.mainnav_level_0 {  font-size:12px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:visited.mainnav_level_0 {  font-size:12px; font-style:normal; text-decoration:none; font-weight:bold; color:#33CCFF; font-family:Verdana;}
a:hover.mainnav_level_0 {  font-size:12px; font-style:normal; text-decoration:underline; font-weight:bold; color:#FFFFFF; font-family:Verdana;}

a.mainnav_level_1 {  font-size:12px; font-style:normal; text-decoration:none; font-weight:bold; color:#FF6600; font-family:Verdana;}
a:link.mainnav_level_1 {  font-size:12px; font-style:normal; text-decoration:none; font-weight:bold; color:#FF6600; font-family:Verdana;}
a:visited.mainnav_level_1 {  font-size:12px; font-style:normal; text-decoration:none; font-weight:bold; color:#FF6600; font-family:Verdana;}
a:hover.mainnav_level_1 {  font-size:12px; font-style:normal; text-decoration:underline; font-weight:bold; color:#FF8C40; font-family:Verdana;}

a.tabnav {  font-size:12px; font-style:normal; text-decoration:none; font-weight:normal; color:#FFFFFF; font-family:Verdana;}
a:link.tabnav {  font-size:12px; font-style:normal; text-decoration:none; font-weight:normal; color:#FFFFFF; font-family:Verdana;}
a:visited.tabnav {  font-size:12px; font-style:normal; text-decoration:none; font-weight:normal; color:#FFFFFF; font-family:Verdana;}
a:hover.tabnav {  font-size:12px; font-style:normal; text-decoration:underline; font-weight:normal; color:#FFFFFF; font-family:Verdana;}