/**
 * default syles
 */

body
{
	background:					#506389 url(../images/backgrounds/body_bg.jpg) repeat-x top left;
	color:						#FFFFFF;

	font-family:                Arial,sans-serif;
	font-size:                  10px;
}

h1
{
    color:                      #2381B8;
    font-size:                  1.6em;
    margin-left:				0px;
    margin-top:					5px;
    margin-bottom:				5px;
}

a,
a.visited
{
    color:                      inherit;
    text-decoration:            none;
}

a.extern
{
    padding-left:               1.1em;
    background:                 url(../images/icons/link_extern.gif) no-repeat center left;
}

acronym,
dfn,
abbr
{
    /* display as help */
    border-bottom:                      1px dotted black;
    cursor:                             help;
}

em
{
    font-style:                 normal;
}

a img
{
    border:                     0px none;
}

.invisible
{
    visibility:                 hidden;
}

.offscreen
{
    display:                    block;
    height:                     0px;
    left:                       -3000px;
    top:                        -3000px;
    position:                   absolute;
    width:                      0px;
}

.formerror
{
    color:                      #ff0000;
    font-weight:                600;
    font-size:                  0.8em;
}


/*----- body container -----*/

#body_container
{
    /* override borwsers default body-padding */
    position:                   absolute;
    top:                        0;
    left:                       0;

    display:                    block;
    width:                      101em;
}

#content_container
{
    float:                      left;
    width:                      101.1em;
}

/*----- page header -----*/

#page_header
{
    position:                   relative;
    display:                    block;
    padding:                    0.91em 0 0 2.09em;    /*10px 0 0 23px*/

    color:                      #529DCF;
    font-size:                  1.1em;
}

#page_header a,
#page_header a.visited
{
    color:                      #529DCF;
}

#page_header ul
{
    position:                   absolute;
    right:                      1.91em;    /* 21px */
    top:                        0.91em;    /* 10px */
    margin:                     0;
    padding:                    0;
    list-style:                 none;
}

#page_header li
{
    display:                    inline;
    margin-left:                1.18em;    /* 13px */
}

/*----- navigation -----*/

#navigation
{
    float:                      left;
    width:                      25.5em;
}

#navigation a,
#navigation li.active li a
{
    display:                    block;
    background-color:           transparent;
    color:                      #FFFFFF;
}

#navigation li.active a,
#navigation li.active li.active a
{
    color:                      #FFBD3D;
}

#navigation a:hover,
#navigation li.active a:hover
{
    color:                      #EB8D13;
}

#navigation ul
{
    margin:                     0 0 0 2.5em;
    padding:                    0;
    list-style:                 none;
}

#navigation li
{
    margin:                     0;
    padding:                    0.6em 0 1em 3.22em;   /*8px 0 14px 45px */

    font-size:                  1.4em;    /* 14px */
    font-weight:                600;
}

#navigation li.sub_active
{
    padding-bottom:             0.5em;
}


#navigation ul ul
{
    padding:                    0;
    margin:                     0.5em 0 0 0;

    background:                 url(../images/navigation/list_border.gif) no-repeat left bottom;
}

#navigation li li
{
    height:                     1.6em;
    min-height:                 0;

    padding:                    0.3em 0 0 2.08em;    /* 25px */

    background:                 url(../images/navigation/list_element.gif) no-repeat left top;
    font-size:                  0.86em;    /* 12px */
}

#navigation li li.active
{
    background:                 url(../images/navigation/list_element_active.gif) no-repeat left top;
}

	/*----- navigation thumbnails -----*/
#navigation li.entdecken
{
    background:                 url(../images/navigation/entdecken.gif) no-repeat left top;
}

#navigation li.fragen
{
    background:                 url(../images/navigation/fragen.gif) no-repeat left top;
}

#navigation li.kinderkommission
{
    background:                 url(../images/navigation/kinderkommission.gif) no-repeat left top;
}

#navigation li.spiel
{
    background:                 url(../images/navigation/spiel.gif) no-repeat left top;
}

#navigation li.lexikon
{
    background:                 url(../images/navigation/lexikon.gif) no-repeat left top;
}

#navigation li.abgeordnete
{
    background:                 url(../images/navigation/abgeordnete.gif) no-repeat left top;
}

#navigation li.links
{
    background:                 url(../images/navigation/links.gif) no-repeat left top;
}

#navigation li.schreiben
{
    background:                 url(../images/navigation/schreiben.gif) no-repeat left top;
}

#navigation li.hilfe
{
    background:                 url(../images/navigation/hilfe.gif) no-repeat left top;
}

#navigation li.nachrichten
{
    background:                 url(../images/navigation/nachrichten.gif) no-repeat left top;
}

/*----- main content -----*/

#main_content_container
{
    float:                      left;
    position:                   relative;
    width:                      75.5em;
    height:                     54.7em;

    background:                 url(../images/backgrounds/content_bg.gif) no-repeat left top;
}

#main_content_container.room
{
    color:                      #3E5175;
    background:                 #FFFFFF;
}

#main_content_container.room a.bubble
{
    position:                   absolute;

    width:                      20em;
    height:                     auto;

    padding:                    0.5em;

    font-family:                Verdana,sans-serif;
    font-size:                  1.2em;
    line-height:                1.2em;

    color:                      #3e5175;
    background-color:           #FFFFFF;
}

#main_content_container.room a.bubble:hover
{
	color:						#EB8D13;
}

#main_content_container #sags_weiter
{
    position:                   absolute;
    left:                       66.4em;
    top:                        2.5em;
}

#main_content_container #main_content

{
    outline:                    none;
    position:                   absolute;
    left:                       12.8em;
    top:                        13em;

    left:                       10em;
    top:                        4.2em;

    width:                      56em;
    height:                     46.5em;

    background-color:           #FFFFFF;
    color:                      #3E5175;

    overflow-y:					auto;
    overflow-x:					hidden;
}

#main_content_container .jumpandrun_view #main_content
{
	width: 600px;
	left: 70px;
}


#main_content_container #main_content acronym,
#main_content_container #main_content dfn,
#main_content_container #main_content abbr
{
    border-bottom:                      1px dotted #3E5175;
}

#main_content_container #main_content em
{
    font-style:                 normal;
    font-weight:                600;
    text-decoration:            none;
}

#main_content_container #main_content #article_header
{
    height:                     2.5em;
}

#main_content_container #main_content ul.linklist
{
    height:                     33.3em;
    padding:                    0;
    margin:                     3em 0 0 0;

    overflow:                   auto;

    list-style-type:            none;
    list-style-position:        inside;
    /*
    list-style-image:           url(../images/icons/blue_arrow_right.gif);
    */
}

#main_content_container #main_content ul.linklist li
{
    margin:                     0 1em 1em 0;
    background:                 url(../images/icons/blue_arrow_right.gif) no-repeat 0 0.2em;
}

#main_content_container #main_content ul.linklist a
{
    font-size:                  1.2em;
    color:                      #EB8D13;
    margin:                     0 0 0 2em;
}

#main_content_container #main_content ul.linklist p
{
    margin:                     0.5em 0em 1em 0em;
}



#article_header #back_link
{
    position:                   absolute;
    top:                        -1em;
    left:                       0;
    background:                 url(../images/navigation/back_arrow.gif) no-repeat 0 1.1em;
    padding-top:                1em;
}

#article_header #read_page
{
    position:                   absolute;
    left:                       41em;
    width:                      12.08em;
    height:                     2.83em;
}

#article_header #read_page a
{
    float:                      left;
    padding:                    1em 0em 0.2em 2em;
    background:                 #FFFFFF url(../images/navigation/speaker.gif) no-repeat left center;
}

#article_header #download_read_page
{
    position:                   absolute;
    margin:                     0 1em 0 -1em;
    padding:                    0 0 0 0;
}

#article_header #download_button
{
    position:                   relative;
    top:                        -0.8em;
}

#article_header #download_button_link
{
    margin-left:                20em;
}

#main_content a,
#main_content a:visited,
#main_content a:link
{
    color:                      #EB8D13;
    font-weight:                600;
    border-bottom:              1px dotted #EB8D13;
}

#main_content a:hover,
#main_content a:focus
{
    /*border-bottom:              1px solid #EB8D13;*/
    text-decoration: underline;
    border: none;
}

#main_content #article_header a,
#main_content #article_header a:visited,
#main_content #article_header a:link,
#main_content #article_header a:hover
/*#main_content #article_header a:focus*/
{
    color:                      #2381B8;
    font-size:                  12px;
    font-weight:                600;
    padding-left:               1.5em;
    border:                     0px none;
}

#main_content p
{
    font-family:                Verdana,sans-serif;
    font-size:                  1.2em;
    line-height:                1.2em;
}

#main_content p.article_text
{
    margin-bottom:              0;
    overflow:                   auto;
    margin-top:					5px;
    /* height:                     11em; */
}

#main_content p.article_text.nopictures
{
    /* height:                     29em; */
}

#main_content_container #main_content #main_picture
{
    width:                      32.8em;
    height:                     21.8em;
    margin-right:               2em;
}

#main_content_container #main_content #pictures_container
{
    width:                      56em;
    height:                     22em;
}

#main_content_container #main_content #pictures_container #copyright_text
{
    position:                   relative;
    top:                        -1em;
    left:                       -34em;
}


#copyright_text.hell
{
    color:                      #ffffff;
}

#copyright_text.dunkel
{
    color:                      #000000;
}

#main_content_container #main_content #pictures_container #pictures_box
{
    position:                   absolute;
    top:                        2.5em;
    left:                       34.5em;
    width:                      23em;
    height:                     18em;
}

#main_content_container #main_content #pictures_container #pictures_box a
{
    border:                     none;
}

#main_content_container #main_content #pictures_container #pictures_box img.article_thumbnail
{
    width:                      10.1em;
    height:                     6.7em;
    border:                     1px solid black;
    position:                   absolute;
}

#main_content_container #main_content #pictures_container #pictures_box #thumbnail_1
{
    top:                        0;
    left:                       0;
}

#main_content_container #main_content #pictures_container #pictures_box #thumbnail_2
{
    top:                        8em;
    left:                       0;
}

#main_content_container #main_content #pictures_container #pictures_box #thumbnail_3
{
    top:                        0;
    left:                       11.3em;
}

#main_content_container #main_content #pictures_container #pictures_box #thumbnail_4
{
    top:                        8em;
    left:                       11.3em;
}

#main_content_container #main_content #pictures_container #picture_subtitle
{
    position:                   absolute;
    left:                       34.5em;
    top:                        22em;
}

#main_content_container #main_content #page_navigation
{
    position:                   absolute;
    top:                        42em;
}

/*----- contact forms -----*/
#contactform
{
	height:                     25em;
    overflow:                   auto;
    padding-left:               0;
    list-style-type:            none;
    clear:                      left;
    margin:                     0;
    padding:                    0;
}


#main_content_container #main_content form
{
    line-height:                12px;
    font-size:                  1.2em;
}

#main_content_container #main_content form#recommendform
{
    margin-top:                 3em;
}

#main_content_container #main_content form label
{
    margin-top:                 1em;
    display:                    block;
}

#main_content_container #main_content form input.inputsubmit
{
    display:                    block;
    height:                     3em;
    margin-top:                 1em;
    padding:                    0 0 0 4.5em;
    border:                     none;

    background:                 #FFFFFF url(../images/icons/submit.gif) no-repeat 0 0.3em;
    color:                      #2381B8;
    cursor:                     pointer;
    font-family:                Arial, sans-serif;
    font-weight:                600;
}

#main_content_container #main_content form input.inputtext
{
    width:                      30em;
}

#main_content_container #main_content form em
{
    font-weight:                600;
    font-style:                 normal;
    text-decoration:            none;

}

#main_content_container #main_content #contactform textarea
{
    width:                      35em;
    font-family:                Arial, sans-serif;
    font-size:					1.2em;
}

/*----- page navigation -----*/
#main_content_container #main_content #page_navigation ul
{
    margin:                     0;
    padding:                    0;
    list-style-type:            none;

}

#main_content_container #main_content #page_navigation ul li
{
    display:                    inline;
}

#page_navigation a,
#page_navigation a:visited,
#page_navigation a:link,
#page_navigation a:hover,
#page_navigation a:focus
{
    border:                     0px none;
}

/*----- page footoer -----*/
#page_footer
{
    float:                      left;
    width:                      100%;
    position:                   relative;
}

#page_footer ul
{
    position:                   absolute;
    top:                        0;
    right:                      2.1em;


    list-style:                 none;

    margin:                     0;
    padding:                    0.4em;

    background:                 #1F3250;
}

#page_footer li
{
    display:                    inline;
    padding:                    0 1em 0 1em;

    border-right:               1px solid #D2D6DC;
}

#page_footer li.last
{
    border:                     0px none;
}

#page_footer li a,
#page_footer li a:visited,
#page_footer li a:link
{
    color:                      #D2D6DC;
    font-size:                  1.1em;
}

#page_footer li a:hover,
#page_footer li a:focus
{
    color:                      #EB8D13;
}

div#news_back_link
{
	font-size:					12px;
	float:						right;
	border:						none;
	border-bottom:				none !important;
	left:						31em;
	position:					absolute;
	top:						35em;
}

div#news_back_link a
{
	border:						none;
	border-bottom:				none !important;
}


#hinttip
{
  padding: 10px;
  padding-left: 20px;
  margin-left: 23px;
  color:#3e5175; 
  width: 220px;
}

#hintbg
{
  background-image:url(../images/hinweis.png);
  background-repeat: no-repeat;
  width:  297px;
  height: 217px;
}

.hintyellow
{
  color:#ffbd3d;
  font-size: 16px;
  font-weight:bold;
}

.hintpink
{
  color:#eb9c99;
  font-size: 14px;
  font-weight:bold;
  line-height: 20px;
}

.shredyellow
{
  color:#ffbd3d;
  font-size: 20px;
  font-weight:bold;
}

#shredwindow h1
{
  color:#eb9c99;
  font-size: 16px;
  font-weight:bold;
  line-height: 24px;

}