/**
* default.css
*/

*
{
    margin:                 0;
    padding:                0;
}

a:hover,
a:visited,
a:link
{
    text-decoration:        none;
    color:                  #ffffff;
}

a.home:hover,
a.home:visited,
a.home:link
{
    color:              #ff6600;
}

a.material:hover
{
    color:                  #000000;
}

h1
{
    color:                  #ff6600;
    background:             url('../images/stripes_bg.gif');
    height:                 30px;
    padding:                5px 0 0 5px;
    font-size:              18pt;
}

h1.index
{
    color:                  #6b6b6b;
    background:             #ffffff;
}

img
{
    border:                 none;
}

.error
{
    background-color:       #ff0000;
}

body
{
    width:                  950px;
    margin:                 0 auto;
    color:                  #000000;
    font-family:            verdana, tahoma, sans-serif;
    font-size:              70%;
    background-color:       #b7b7b7;
    border-left:            solid 1px #e2e2e2;
    border-right:           solid 1px #e2e2e2;
} 

div.index
{
    font-size:              120%;
    line-height:            25px;
    padding-bottom:         30px;
}

div.index h3
{
    margin-top:             20px;
}

div.index p a
{
    color:                  #666666;
    text-decoration:        underline;
}

div.glossary_content
{
    background-color:       #ffffff;
}

div.glossary_content a
{
    color:                  #000000;
    text-decoration:        underline;
    font-weight:            bold;
}

div.glossary_content a.glossary_popup_link,
div#right_column p.text a.glossary_popup_link,
div#right_column p.description a.glossary_popup_link
{
    text-decoration:        none;
    font-weight:            normal;
    background:             url('../images/diagonal_gray_arrow.gif') no-repeat 0 5px;
    padding-left:           12px;
}

div#right_column p.description a.glossary_popup_link
{
    color:                  #000000;
    background:             url("../images/diagonal_gray_arrow.gif") no-repeat scroll 0 10px; 
}

img.top-image
{
    display:                block;
}

ul, ol
{
    list-style-type:        none;
}

div.navigation
{
    width:                  100%;
    height:                 44px;
    background-color:       #ff6600;
}

div.navigation ul.navigation
{
    float:                  right;
}

div.navigation ul.navigation li
{
    float:                  left;
    font-family:            courier;
    font-size:              14pt;
	font-weight:			bold;
    margin:                 12px 19px auto 19px;
    height:                 32px;
}

div.navigation ul.navigation li a
{
    color:                  #d2d2d2;
}

div.navigation ul.navigation li.active a
{
    color:                  #ffffff;
}

div.navigation ul.navigation li.active
{
    background:             url('../images/navigation_bg.gif') no-repeat center bottom;
    color:                  #ffffff;
}

div#main_timeline
{
    height:                 225px;
    background-color:       #b7b7b7;
}

div.timeline_content_container
{
    float:              left;
    height:             225px;
    width:              820px;
    background:         #515151 url('../images/timeline_bg.gif') no-repeat;
}

div.timeline_content_wrapper
{
    width:              770px;
    margin-left:        24px;
    overflow:           hidden;
    margin:             5px 0 0 25px;
}

div.timeline_content
{
    width:              9999em;
    height:             190px;
    background:         #515151;
}

div.timeline_content div.timeline_inner_wrapper
{
    position:           relative;
}

div.timeline_content div.timeline_pointer
{
    height:             165px;
    width:              100px;
    border-left:        1px solid white;
    border-right:       1px solid white;
    top:                0;
    left:               0;
    position:           absolute;
    z-index:            2;
}

ul.timeline_labels,
ul.timeline_content
{
    display:            block;
}

ul.timeline_content
{
    position:           relative;
}

ul.timeline_labels
{
    height:             25px;
    background-color:   #000000;
    color:              #ffffff;
}

ul.timeline_labels li
{
    font-weight:        bold;
    margin:             4px 0 0 5px;
    padding-left:       5px;
    height:             10px;
    vertical-align:     top;
}

ul.timeline_content
{
    clear:              left;
    height:             40px;
    border-bottom:      1px solid gray;
}

ul.timeline_labels li,
ul.timeline_content li
{
    display:            block;
    float:              left;
}

ul.timeline_content li
{
    z-index:            5;
}

div.timeline_navigation
{
	width:		    800px;
	margin-left:	100px;
}

div.timeline_category_labels,
div.category
{
    background-color:   #eaeaea;
}

div.timeline_category_labels
{
	float:		        left;
	width:		        130px;
	margin-top:	        28px;
}

div.timeline_controls
{
    width:              770px;
    height:             22px;
    margin:             3px 0 0 25px;
}

div.back_button,
div.forward_button,
div.begin_button,
div.end_button
{
    cursor:             pointer;
    width:              19px;
    height:             19px;
}

div.back_button,
div.plus_button,
div.minus_button,
div.begin_button
{
    float:              left;
}

div.zoom_buttons
{
    width:              46px;
    margin:             auto;
}

div.plus_button,
div.minus_button
{
    margin:             0 2px 0 2px;
}

div.forward_button
{
    float:              right;
    background-image:   url(../images/arrow_right.gif);
}

div.back_button
{
    cursor:             default;
    background-image:   url(../images/arrow_left.gif);
    background-position:    -19px 0;
}

div.begin_button
{
    cursor:             default;
    background-image:   url(../images/beginn_left.gif);
    background-position:    -19px 0;
    margin-right:       10px;
}

div.end_button
{
    background-image:   url(../images/ende_right.gif);
    background-position:    -19px 0;
    float:              right;
    margin-left:        10px;
}

li.timeline_entry
{
    float:              left;
    height:             12px;
    width:              100px;
    overflow:           hidden;
    position:           absolute;
}

li.timeline_scalar
{
    width:      4px;
}

li.timeline_start.timeline_entry
{
    width:              12px;
    z-index:            9;
}

li.timeline_start,
li.timeline_second_row
{
    top:                25px;
}

li.timeline_region
{
    border-left:        2px solid;
    border-right:       2px solid;
}

li.timeline_region a,
li.timeline_scalar a,
li.timeline_start a
{
    display:            block;
    text-indent:        -9999em;
}

li.timeline_weltgeschichte.timeline_start
{
    background-image:   url(../images/timeline_arrow_blue.gif);
    background-repeat:  no-repeat;
}

li.timeline_weltgeschichte.timeline_scalar
{
    background-color:       #00BAE8;
}

li.timeline_weltgeschichte.timeline_region
{
    border-color:       #00BAE8;
    background-color:   #6d868c;
}

li.timeline_opposition.timeline_scalar
{
    background-color:   #fde40b;
}

li.timeline_opposition.timeline_region
{
    border-color:       #fde40b;
    background-color:   #a5a17f;
}

li.timeline_opposition.timeline_start
{
    background-image:   url(../images/timeline_arrow_yellow.gif);
    background-repeat:  no-repeat;
}

li.timeline_familie.timeline_scalar
{
    background-color:       #26d122;
}

li.timeline_familie.timeline_start
{
    background-image:   url(../images/timeline_arrow_green.gif);
    background-repeat:  no-repeat;
}

li.timeline_familie.timeline_region
{
    background-color:   #7e9a7d;
    border-color:       #26d122;
}

li.timeline_ddr_brd.timeline_scalar
{
    background-color:       #FF432A;
}

li.timeline_ddr_brd.timeline_region
{
    border-color:       #FF432A;
    background-color:   #8d7d7b;
}

li.timeline_ddr_brd.timeline_start
{
    background-image:   url(../images/timeline_arrow_red.gif);
    background-repeat:  no-repeat;
}

li.start_green
{
    background:         url('../images/timeline_arrow_green.gif') no-repeat;
}

div.category
{
	height:			    37px;
    border:             2px solid #7f7f7f;
    margin-bottom:      1px;
}

div.category img
{
    float:              left;
    margin-top:         8px;
    margin-right:       2px;
}

p.category
{
    font-size:          10pt;
    padding-left:        2px;
    display:            block;
}





div.glossary_index
{
    float:              right;
}

div.glossary_index td.active
{
    background-color:   #c7c7c7;
}

img.glossary
{
    /*
    width:              200px;
    */
}


div.glossary_index td
{
    width:              35px;
    height:             35px;
    background-color:   #ececec;
    text-align:         center;
    vertical-align:     middle;
    border-right:       1px solid #707070;
    border-bottom:      1px solid #707070;
    font-family:        courier;
    font-size:          12pt;
}

div.glossary_index td a
{
	font-weight:		bold;
    color:              #ff6600;
}

div.glossary_content
{
    padding:            20px;
    width:              650px;
}

h2.glossary_index_headline
{
    color:              #ff6600;
    font-family:        courier;
    font-size:          24pt;
    border-bottom:      #ff6600 3px dotted;
    padding-top:        20px;
    margin-bottom:      10px;
}

h3.glossary_index_headline
{
    margin-top:         20px;
    margin-bottom:      5px;
}

h3.glossary_index_headline a.glossary_popup_link
{
    font-weight:        bold;
}

hr.glossary_index_headline
{
    border:             none;
    border-top:         #ff6600 dotted 2px;
    clear:              right;
}

p.glossary_content
{
    line-height:        2em;
    font-size:          120%;
}

span.vertical_line
{
    color:              #ff6600;
}

a.event_asset
{
    color:              #0E3B6E;
    display:            block;
}

a.event_asset img
{
    margin-right:       5px;
    position:           relative;
    top:                4px;
}

img.event_category
{
    float:              left;
    border:             1px solid #000000;
}

h2.event_category
{
    float:              left;
    color:              #666666;
    font-size:          18pt;
    margin:             -4px 0 0 -25px;
    padding:            0 0 10px 35px;
    border-bottom:      #ff6600 1px solid;
    width:              735px;
}

div#left_column
{
    position:           absolute;
    top:                55px;
    left:               8px;
    width:              110px;
}

div#right_column
{
    margin:             0 0 0 155px;
    padding:            10px 0 0 0;
}

div#event_content
{
    width:              950px;
    margin-top:         4px;
    position:           relative;
    min-height:         600px;
}

div#event_content,
div#left_column,
div#right_column2
{
    background-color:   #f5f5f5;
}

div#event_content h3
{
    color:              #ff6600;
    font-size:          18pt;
}

div#event_content p.description
{
    border-bottom:      #ff6600 dotted 2px;
    width:              695px;
    font-size:          13pt;
    clear:              both;
    padding:            10px 0 10px 0;
    margin-bottom:      10px;
}

div#event_content p.text
{
    width:              695px;
    font-size:          10pt;
    clear:              right;
    margin-bottom:      10px;
}

div#event_content p.text a
{
    background-color:   #dcdcdc;
    color:              #000000;
}

div#tooltip
{
    position:           absolute;
    background-image:   url('../images/tooltip_bg.png');
    background-repeat:  no-repeat;
    width:              230px;
    height:             57px;
    overflow:           hidden;
    padding:            4px 0 0 8px;
    z-index:            10;
}

div#tooltip h3
{
    font-size:          95%;
}

div#tooltip .body
{
    height:             57px;
}

div.outer_shadow
{
    position:           relative;
    top:                2px;
    left:               2px;
    background-color:   gray;
}

div.image_shadow
{
    position:           relative;
    top:                -2px;
    left:               -2px;
}

div.outer_image_wrapper
{
    float:  left;
    width:  212px;
    margin: 0 18px 0 0;

}

div.image
{
    position:           relative;
}

img.image
{
    background-color:   #ffffff;
    width:              200px;
    border:             1px solid #ff6600;
    padding:            5px;
    display:            block;
}

p.image_caption
{
    font-size:          6pt;
    float:              left;
    margin:             8px 0 0 1px;
}

ul.documents
{
    list-style-image:   url(../images/orange_arrow.gif);
    clear:              left;
    float:              right;
    margin:             0 100px 10px 0;
}

ul.documents li
{
    clear:              left;
}

ul.documents li a
{
    color:              #ff6600;
}

div.inner
{
    background-color:   #ffffff;
}

body.slideshow
{
    background-color:   #ffffff;
    padding-top:        10px;
}

div.slideshow
{
    width:              100%;
    height:             100%;
    background-color:   #ffffff;
}

ul.slideshow,
ul.slideshow li,
h4.slideshow
{
    float:              left;
}

h4.slideshow
{
    color:              #999999;
    font-family:        courier;
    font-size:          11pt;
}

ul.slideshow li
{
    font-family:        courier;
    font-size:          11pt;
    margin-left:        0.5em;
}

ul.slideshow li
{
    color:              #333333;
}

ul.slideshow li span
{
	color:				#999999;
}

img.slideshow
{
    display:            block;
    clear:              left;
}

ul.slideshow li a
{
    color:              #333333;
}

ul.slideshow li.active
{
    color:              #ff6600;
}

div.slideshow_image
{
    clear:              both;
    float:              left;
    margin-top:         10px;
}

p.slideshow
{
    margin-top:         5px;
    width:              600px;
}

a.toplink
{
    float: right;
}

ul.material_categories
{
    margin:             0 0 30px 35px;
}

ul.material_categories li.categories
{
    list-style-image:   url(../images/gray_arrow.gif);
    height:             20px;
}

ul.material_categories li.categories a
{
    color:              #ff6600;
    font-weight:        bold;
}

div.material_container_l,
div.material_container_r
{
    float:              left;
}

div.material_container_l
{
    width:              124px;
    margin:             0 30px 0 0;
}

div.material_container_r
{
    width:              730px;
}

h4.material_category
{
    clear:              both;
    font-weight:        normal;
    font-size:          14px;
    border-color:       #e8e8e8;
    border-width:       7px 0 7px 0;
    border-style:       solid;
    margin:             10px 0 10px 0;
}

h4.material_category a.arrow
{
    float:              right;
    position:           relative;
    top:                -2px;
}

li.material
{
    clear:              both;
    height:             80px;
    margin:             0 0 10px 0;
    padding:            0 0 5px 0;
}

li.material.bottom_dotted_line
{
    border-bottom:      2px dotted #ff6600;
}

span.material_id
{
    display:            block;
    float:              left;
    width:              100px;
    background-color:   #b7d2d7;
    color:              white;
    font-size:          18px;
    font-weight:        bold;
    height:             25px;
    text-align:         center;
}

img.material_icon
{
    float:              right;
}

a.global_link
{
    color:              #ff6600;
}

h2.material
{
    color:              #666666;
    font-size:          24px;
}

h3.material
{
    margin:             10px 0 10px 0;
}

h3.material img
{
    position:           relative;
    top:                3px;
}

h5.material
{
    font-size:          110%;
}

div.material_container_r p
{
    margin:             3px 0 0 0;
}

div#event_content p.text a.ab_link
{
    background:     url(../images/orange_arrow.gif) no-repeat 0 4px;
    padding-left:           13px;
    color:                  #FF6600;
}
li.homelink
{
    position:           relative;
    left:               -260px;
}

li.homelink a
{
    font-size:          75%;
}