body {
    margin: 0;
    background: #003366 url(../images/blue_gradient.png) repeat-x;
    font-family: Verdana, sans-serif;
}

.leftfloat {
    float: left;
    margin-right: 1em;
}

.rightfloat {
    float: right;
    margin-left: 1em;
}

.clearfloat {
    clear: both;
}

.inline {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
}

img {
    border: 0;
}

h4 {
    font-size: 1.5em;
    margin: 0;
}


#website {
    position: relative;
    width: 60.125em;
    margin-left: auto;
    margin-right: auto;
}

#tools {
    height: 1.6875em;
    padding-right: 0.4em;
    color: #cccccc;
}

#tools #service_date {
    float: left;
    width: 20em;
    margin-top: 0.6250em;
    margin-left: 0.5em;
    font-size: 0.5625em;
}

#tools .item {
    float: right;
    margin-left: 0.75em;
    padding-right: 0.75em;
    padding-top: 0.6250em;
    font-size: 0.5625em;
    height: 1.3125em;
    border-right: 0.0625em solid #008dd6;
}

/* last right-floated element */
#service_date + div.item {
    padding-right: 0;
    border-right: 0;
}

#tools .item span.small {
    font-size: 0.8em;
}

#tools .item span.big {
    font-size: 1.2em;
}

#tools .item img {
    margin-right: 0.3125em;
    height: 1.3em;
    vertical-align: bottom;
}

#tools .item a {
    color: #cccccc;
    text-decoration: none;
}

#tools .item a:hover {
    text-decoration: underline;
}

#header {
    position: relative;
    height: 5.6250em;
    width: 59.3750em;
    background: white;
    margin-left: 0.3750em;
    overflow: hidden;
}

#main_logo {
    width: 16.8750em;
    height: 5.6250em;
    float: left;
}

#main_logo img {
    position: absolute;
    width: 14.25em;
    top: 1.25em;
    left: 1.25em;
}

#other_logos {
    position: relative;
    width: 16em;
    float: right;
    margin-top: 1.25em;
    margin-right: 1.25em;
}

#other_logos.wahl {
    margin-top: 0.4em;
}


#other_logos img {
    float: right;
    margin-left: 0.3125em;
}

#other_logos img.ihk {
    width: 3.1875em;
}

#other_logos img.dihk {
    width: 3.1875em;
}

#other_logos img.ahk {
    width: 1.8750em;
}

#search {
    float: right;
    height: 1em;
    width: 16em;
    height: 1em;
    margin-right: 1.25em;
    margin-top: 0.9em;
    text-align: right;
}

#search input {
    border: 0.0625em solid #a5acb2;
    color: #666666;
    width: 10em;
    font-size: 0.5625em;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
}

#search input.button {
    background: url(../images/button_bg.png) repeat-x left bottom;
    font-weight: bold;
    color: #003366;
    width: auto;
    font-family: Verdana, sans-serif;
}

#top_navigation_shrinked {
    display: block;
    width: 59.375em;
    height: 0.25em;
    margin-top: 0.0625em;
    margin-bottom: 0.0625em;
    margin-left: 0.3750em;
}

#top_navigation_wrapper {
    height: 2.0625em;
    width: 59.3750em;
    margin-top: 0.0625em;
    margin-bottom: 0.0625em;
    margin-left: 0.3750em;
    overflow: hidden;
    background: white;
}

/*
    wider than the wrapper, so menu items aren't put in the next line in case
    when some browser goes harakiri and therefor users cannot see the last menu item
*/
#top_navigation {
    width: 65em;
}

#top_navigation.wahl {
     background-image: url(../images/menue/bg_bluegrey.png);
}

#top_navigation a,
#top_navigation div {
    display: block;
    float: left;
    padding-top: 0.95em;
    height: 2.5em;
    background-color: #9D9D9D;
    background-repeat: repeat-x;
    background-position: left bottom;
    text-decoration: none;
    color: white;
    font-size: 0.5625em;
    border: 0.0625em solid white;
    border-right: 0;
    text-align: center;
}
#top_navigation a.wahlgruppe {
    border-left: 0.0625em dashed white;
}

#top_navigation a:hover, #top_navigation a.active {
    color: #333333;
    background-color: white;
    font-weight: bold;
}

/**
 * Theme mapping:
 *  area_1 Standort
 *  area_2 Starthilfe
 *  area_3 Ausbildung
 *  area_4 Innovation
 *  area_5 International
 *  area_6 Recht
 *  area_7 IHK
 *  area_8 Microsite Sch�ler
 *  area_9 Microsite Messe
 *  area_10 Microsite Vollversammlung
 */

#top_navigation a.area_1 {
    background-image: url(../images/menue/bg_red.png);
}

#top_navigation a.area_1:hover, #top_navigation a.area_1.active {
    background-image: url(../images/menue/bg_red_hover.png);
}

#top_navigation a.area_2 {
    background-image: url(../images/menue/bg_orange.png);
}

#top_navigation a.area_2:hover, #top_navigation a.area_2.active {
    background-image: url(../images/menue/bg_orange_hover.png);
}

#top_navigation a.area_3 {
    background-image: url(../images/menue/bg_yellow.png);
}

#top_navigation a.area_3:hover, #top_navigation a.area_3.active {
    background-image: url(../images/menue/bg_yellow_hover.png);
}

#top_navigation a.area_4 {
    background-image: url(../images/menue/bg_green.png);
}

#top_navigation a.area_4:hover, #top_navigation a.area_4.active {
    background-image: url(../images/menue/bg_green_hover.png);
}

#top_navigation a.area_5 {
    background-image: url(../images/menue/bg_blue.png);
}

#top_navigation a.area_5:hover, #top_navigation a.area_5.active {
    background-image: url(../images/menue/bg_blue_hover.png);
}

#top_navigation a.area_6 {
    background-image: url(../images/menue/bg_purple.png);
}

#top_navigation a.area_6:hover, #top_navigation a.area_6.active {
    background-image: url(../images/menue/bg_purple_hover.png);
}

#top_navigation a.area_7 {
    background-image: url(../images/menue/bg_bluegrey.png);
}

#top_navigation a.area_7:hover, #top_navigation a.area_7.active {
    background-image: url(../images/menue/bg_bluegrey_hover.png);
}

#top_navigation a.area_10 {
    background-image: url(../images/menue/bg_bluegrey.png);
    font-weight: bold;
}

#top_navigation a.area_10:hover, #top_navigation a.area_10.active {
    background-image: url(../images/menue/bg_bluegrey_hover.png);
}
#top_navigation a.area_10.spacer:hover, #top_navigation a.area_10.spacer.active {
    background-image: url(../images/menue/bg_bluegrey.png);
}
#top_navigation div.area_10 {
    background-image: url(../images/menue/bg_bluegrey.png);
    font-weight: bold;
}




/* language specific sizes... */
#top_navigation.de a.area_1 { width: 11em; }
#top_navigation.de a.area_2 { width: 25em; }
#top_navigation.de a.area_3 { width: 16em; }
#top_navigation.de a.area_4 { width: 14em; }
#top_navigation.de a.area_5 { width: 17em; }
#top_navigation.de a.area_6 { width: 11em; }
#top_navigation.de a.area_7 { width: 11em; }
#top_navigation.de a.area_10,
#top_navigation.de div.area_10 { padding-left: 0.75em; padding-right: 0.75em; }
#top_navigation.de a.area_10.wahlgruppe { padding-left: 1.5em; padding-right: 1.5em; }
#top_navigation.de a.area_10.spacer { width:27em; }


#top_navigation.en a.area_1 { width: 9em; }
#top_navigation.en a.area_2 { width: 23em; }
#top_navigation.en a.area_3 { width: 21em; }
#top_navigation.en a.area_4 { width: 17em; }
#top_navigation.en a.area_5 { width: 16em; }
#top_navigation.en a.area_6 { width: 10em; }
#top_navigation.en a.area_7 { width: 9em; }

#top_navigation.pl a.area_1 { width: 12em; }
#top_navigation.pl a.area_2 { width: 20em; }
#top_navigation.pl a.area_3 { width: 15em; }
#top_navigation.pl a.area_4 { width: 16em; }
#top_navigation.pl a.area_5 { width: 21em; }
#top_navigation.pl a.area_6 { width: 12em; }
#top_navigation.pl a.area_7 { width: 9em; }

#top_navigation.cs a.area_1 { width: 14em; }
#top_navigation.cs a.area_2 { width: 16em; }
#top_navigation.cs a.area_3 { width: 20em; }
#top_navigation.cs a.area_4 { width: 18em; }
#top_navigation.cs a.area_5 { width: 16em; }
#top_navigation.cs a.area_6 { width: 12em; }
#top_navigation.cs a.area_7 { width: 9em; }

#top_navigation.fr a.area_1 { width: 17em; }
#top_navigation.fr a.area_2 { width: 16em; }
#top_navigation.fr a.area_3 { width: 18em; }
#top_navigation.fr a.area_4 { width: 17em; }
#top_navigation.fr a.area_5 { width: 14em; }
#top_navigation.fr a.area_6 { width: 14em; }
#top_navigation.fr a.area_7 { width: 9em; }

#top_navigation.ru a.area_1 { width: 13em; }
#top_navigation.ru a.area_2 { width: 20em; }
#top_navigation.ru a.area_3 { width: 16em; }
#top_navigation.ru a.area_4 { width: 21em; }
#top_navigation.ru a.area_5 { width: 12em; }
#top_navigation.ru a.area_6 { width: 14em; }
#top_navigation.ru a.area_7 { width: 9em; }

/* these items have to wrap */
#top_navigation.fr a.area_1,
#top_navigation.fr a.area_2,
#top_navigation.pl a.area_2,
#top_navigation.cs a.area_2,
#top_navigation.ru a.area_2,
#top_navigation.ru a.area_3,
#top_navigation.ru a.area_5 {
    padding-top: 0.3em;
    height: 3.2em;
}

/* Flowup Menu fuer die Wahl */
ctl00_ctl03_pnlFull{
	position: relative;
}
#wg_1_popup,
#wg_2_popup,
#wg_3_popup,
#wg_4_popup,
#wg_5_popup,
#wg_6_popup,
#wg_7_popup,
#wi_popup{
    background-color: #bbb;
    display: block;
    font-size: 0.5625em;
    left: 226px;
    padding: 1em 3em;
    position: absolute;
    top: 148px;
    /*width: 15em;*/
	  display: none;
	  color: #fff;
	  border: 1px solid #fff;
	  border-top: 0;
	  /*background-image: url(../images/menue/bg_bluegrey.png);*/
}
#wg_2_popup { 
    left: 261px;
}
#wg_3_popup { 
    left: 295px;
}
#wg_4_popup { 
    left: 329px;
}
#wg_5_popup { 
    left: 363px;
}
#wg_6_popup { 
    left: 398px;
}

#wg_7_popup { 
    left: 432px;
}
#wi_popup { 
    left: 569px;
}

/* Ende */

#mainarea {
    background: white;
    width: 59.3750em;
    margin-left: 0.3750em;
}

#header_gradient {
    height: 1.9375em;
    background: url(../images/gradient_top.png) repeat-x left top;
}

#left_area {
    width: 15em;
    float: left;
}

#content_area {
    margin-left: 16.875em;
    margin-right: 14.375em;
}

#content_area.wide {
    margin-left: 1.25em;
    margin-right: 1.25em;
}

#breadcrumb {
    font-family: Verdana, sans-serif;
    color: #999999;
    font-size: 0.5625em;
    margin-bottom: 1.25em;
}

#breadcrumb span {
    font-weight: bold;
}

#breadcrumb a {
    color: #999999;
    text-decoration: none;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

#content_service {
    margin-top: 1.875em;
    border-top: 0.0625em solid #ECECEC;
    padding-top: 0.5625em;
    text-align: center;
    font-family: Verdana, sans-serif;
    color: #008DD6;
    font-size: 0.5625em;
}

#content_service a {
    text-decoration: none;
    color: #008DD6;
    margin-right: 0.5em;
}

#content_service a:hover {
    text-decoration: underline;
}

#content_service img {
    margin-left: 0.25em;
    margin-right: 0.25em;
    height: 1.24em;
}

#portlet_area {
    float: right;
    width: 10.9375em;
    padding-right: 0.9375em;
    padding-left: 0.625em;
}

#footer_gradient {
    height: 1.9375em;
    background: url(../images/gradient_bottom.png) repeat-x left bottom;
}

#service_navigation {
    color: #999999;
    margin-top: 0.6250em;
    margin-bottom: 0.6250em;
    margin-right: 0.5em;
    font-size: 0.5625em;
}

#service_navigation .item {
    float: right;
    margin-left: 1.25em;
}

#service_navigation .item a {
    text-decoration: none;
    color: #999999;
}

#service_navigation .item a:hover {
    text-decoration: underline;
}
.hidden_form {
	visibility: hidden;
}