/**
 *  author:   Gregor Martynus <g.martynus@roxea.de>
 *  file:     layout.css
 *  package:  www.prodanet.com
 *
 *  this style sheet contains layout formatings like
 *  position and basic formattings for elemts like
 *  header or tables
 */
 
/**
 *  <ELEMTES>
 */
* {
    margin:             0;
    padding:            0;
}
 
html, 
body {
   
    text-align:         center; /* IE fix */
    font-family:        Tahoma, Arial, Helvetica, sans-serif;
    font-size:          100.01%;
}

body {
    background:         #71A9FF url(../img/layout/transitions/trans.bg.png) repeat-x;
}

address {
    font-style:         normal;
}

h1 {
    display:            none;
}

h2 {
    padding:            .5em 10px .2em;
    
    color:              #DE8A21;
    font-size:          1.4em;
    letter-spacing:     1px;
    
    font-weight:        normal;
}

h3 {
    padding:            5px 10px 5px;
    
    color:              #183C84;
    font-size:          1em;
}

h4 {     
    padding:            2px 10px;
    
    font-size:          .8em;
}

p {
    padding:            5px 10px 5px;  
    
    font-size:          .8em;
    line-height:        1.6em;  
}
/** </ELEMENTS> **/

/**
 *  <WRAPPER>
 */
#wrapper {
    position:           relative;
    width:              754px;
    margin:             80px auto 0;
    padding:            0 2px 0;  
    border-bottom:      20px solid #73AAFF;
    
    text-align:         left;
    background:         #FFF url(../img/layout/bg.wrapper.gif) repeat-y;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              750px;
}
html>body #wrapper { width: 750px; }
/** </WRAPPER> **/

/**
 *  <HEADER>
 */
#header {
    position:           absolute;
    top:                0;
    left:               0;
    overflow:           hidden;
    
    height:             80px;
    width:              100%;
}

#header a#homelink {
    display:            none;
}
/** </HEADER> **/

/**
 *  <NAV1>
 */   
#header .nav1sep {
    position:           absolute;
    left:               0;
    top:                0;
    
    height:             80px;
    width:              100%;
}
 
#nav1wrap {
    position:           relative;
    width:              754px;
    height:             80px;
    margin:             0 auto;
    
    background:         url(../img/layout/bg.header.logo.png) no-repeat 0 20px;;
}
 
#nav1 {
    position:           absolute;
    bottom:             9px;
    right:              0;
    
    font-size:          .9em;
}

#nav1 ul {
    list-style:         none;
    background:         #090;
}
#nav1 ul li {
    border-left:        1px solid #000;
    border-top:         1px solid #000;
    
    float:              left;   
    font-size:          .9em;
}
#nav1 ul li#lasttab {
    border-right:       1px solid #000;
}
#nav1 ul li a {
    display:            block;
    padding:            0 15px;
    
    font-size:          .9em;
    line-height:        1.9em;
}
    
#nav1 ul li a:link,
#nav1 ul li a:visited {
    color:              #fff;
    background:         #4A4D4A;
    border-top:         1px solid #4A4D4A;
    text-decoration:    none;
    border-bottom:      1px solid #000;
}

#nav1 ul li.current a:link,
#nav1 ul li.current a:visited {    
    color:              #000;
    font-weight:        bold;
    background:         #EF8200;
    
    border-top:         1px solid #FF9A31;
    border-left:        1px solid #FF9A31;
    border-right:       1px solid #DE7100;
    border-bottom:      2px solid #EF8200;
    margin-bottom:      -1px;
}

#nav1 ul li a:focus,
#nav1 ul li a:hover{
    background:         #7B827B;
    border-top:         1px solid #7B827B;
}
/** </NAV1> **/

/**
 *  <TITLE>
 */
#title {
    border-bottom:      1px solid #000;
}
/** </TITLE> **/

/**
 *  <PANORAMA>
 */
#panorama {
    border-bottom:      1px solid #000;
    background:         #fff;
}
/** </PANORAMA> **/

/**
 *  <CONTENT>
 */ 
#content {
    float:              left;
    overflow:           hidden;
    
    width:              569px;
}
#content.wide {
    width:              749px;
}

#content ul,
#content ol {
    margin:             0;
    padding:            .5em 30px;
    font-size:          .8em;
    list-style:         square;
}

#content li {
    padding:            .1em 0 .5em;
}

#content a:link,
#content a:visited {
    color:              #00f;
}

#content a:focus,
#content a:hover{
    color:              #E77100;
    text-decoration:    none;
}
/** </CONTENT> **/

/**
 *  <ADBAR>
 */
 
#adbar {
    float:              right;
    overflow:           hidden;
    
    width:              180px;
    border-bottom:      1px solid #555;
    margin:             0 0 30px;
    padding:            0;
    
    color:              #FFF;
}

#adbar_hide {
    display:            none;
}

#adbar div {
    width:              180px;
    border-bottom:      1px solid #000;
    margin:             0;
    padding:            0;
    
    
    font-size:          .8em; 
    background:         #7B7B7B  url(../img/layout/transitions/trans.adbar.box.png) repeat-x;;
}

#adbar div div {
    width:              180px;
    margin:             0;
    padding:            7px 10px 5px;
    border-bottom:      1px solid #6B6B6B;
    
    font-size:          1em;
    background:         #BDC7D6;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              160px;
}
html>body #adbar div div { width: 160px; }

#adbar h3 {
    margin:             0;
    padding:            2px 5px;
    border-top:         1px solid #555;
    border-left:        1px solid #555;
    border-bottom:      1px solid #3F3F3F;
    border-right:       1px solid #3F3F3F;
    
    color:              #FFF;
    font-size:          .8em;
    font-weight:        bold;
}

#adbar h4 {
    margin:             0;
    padding:            .6em 10px .2em;
    
    border-top:         1px solid #555555;
    border-bottom:      1px solid #3F3F3F;
    
    font-size:          .9em;
    letter-spacing:     1px;
    background:         #404040;
    
    cursor:             default;
}

#adbar p {
    padding:            .5em 0 !important;
    
    color:              #404040;
}

#adbar p strong {
    color:              #FF8200;   
}

#adbar ul {
    list-style:         none;
    padding:            2px 5px 2px 20px;
}

#adbar li {
    padding:            2px 0;
    margin:             0;
    
    color:              #000;
    list-style-image:   url(../img/layout/icons/icon.bull1.gif); 
}

#adbar a:link,
#adbar a:visited {
    color:              #000;
}

#adbar a:focus,
#adbar a:hover {
    color:              #000;
    text-decoration:    none;
}

#promo_hide {
    display:            none;
}
/** </ADBAR> **/

/**
 *  <NAV2>
 */
#nav2 {
    border-top:         0;    
}

#nav2 h4 {
    border-top:         1px solid #555555;
    border-bottom:      1px solid #3F3F3F;
    
    cursor:             default;
    
    font-size:          .9em;
}

#nav2 h4 {
    width:              180px;
    padding:            5px 5px 4px;
    
    background:         #4A494A;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              170px;
}
html>body #nav2 h4 { width: 170px; }

#nav2 div {
    margin:             0;
    padding:            0 !important;    
    width:              180px;
    border-bottom:      none;
}
#nav2 ul,
#nav2 li {
    display:            block;
    
    list-style:         none;
    list-style-image:   none;
    
    margin:             0;
    padding:            0;
}
#nav2 a {
    display:            block;
    
    width:              180px;
    padding:            4px 5px 3px;
    
    font-weight:        bold;
    text-decoration:    none;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              168px;
}
html>body div.sols4target a { width: 168px; }

#nav2 a:link,
#nav2 a:visited {
    border-left:        1px solid #D4DCE2;
    border-top:         1px solid #D4DCE2;
    border-right:       1px solid #8E97B4;
    border-bottom:      1px solid #8E97B4;
    
    color:              #444;
    background:         #BFC7D4;
}

#nav2 a.active:link,
#nav2 a.active:visited {  
    color:              #FFF;
    background:         #EF8200;
    border-top-color:   #FF9933;
    border-left-color:  #FF9933;
    border-bottom-color: #B55900;
    border-right-color: #B55900;
}

#nav2 a:focus,
#nav2 a:hover {
    color:              #333;
    background:         #FFB256;
    border-top-color:   #FFC580;
    border-left-color:  #FFC580;
    border-bottom-color: #FF9A23;
    border-right-color: #FF9A23;
}

/**
 *  <FOOTER>
 */
#footer {    
    clear:              both;
    float:              none;
    position:           relative;
    height:             17px;
    border-top:         1px solid #000;
    border-bottom:      1px solid #000;
    
    color:              #fff;
    background:         #4A4D4A;
    
    /* bmh */   voice-family:       "\"}\"";    voice-family:       inherit;
    height:             15px;
}
html>body #footer { height: 15px; }

#footer p {
    margin:             0;
    padding:            2px 10px 3px;
    
    font-size:          10px;
    line-height:        10px;
}

#navbottom {
    position:           absolute;
    top:                0;
    right:              15px;
    height:             15px;
    border-right:       1px solid #fff;
}

#navbottom ul {
    padding:            0; 
    margin:             0;

    list-style:         none;
}

#navbottom ul li {
    display:            inline;
}

#navbottom ul li a {
    display:            block;
    float:              left;
    padding:            2px 10px 3px;
    
    font-size:          10px;
    line-height:        10px;
}

#navbottom ul li a:link,
#navbottom ul li a:visited {
    border-left:        1px solid #fff;
    
    color:              #fff;
    text-decoration:    none;
}

#navbottom ul li a:focus,
#navbottom ul li a:hover {
    background:         #7B827B;
}

#ieshowmefix {
    height:             1px;
}
/** </FOOTER> **/

/**
 *  <BREADS>
 */
#breads {
    border-bottom:      1px solid #000;
}
    
#breads p {
    padding:            .3em 10px .4em;
    border-top:         1px solid #004DFF;
    border-left:        1px solid #004DFF;
    border-right:       1px solid #0030B5;
    border-bottom:      1px solid #0030B5;
    
    color:              #ccc;
    font-size:          .6em;
    font-weight:        normal;
    letter-spacing:     1px;
    background:         #003CCE;
}

#breads p a:link,
#breads p a:visited {
    color:              #e0e0e0;
}

#breads p a:focus,
#breads p a:hover {
    color:              #FFF;
    text-decoration:    none;
}

#breads strong {

    font-size:          1.1em;
    line-height:        1.1em;
    color:              #FFF;
    font-weight:        bold;
}
/** </BREADS> **/

/**
 *  <NAVHELP>
 */
#navhelp {
    position:           absolute;
    top:                0;
    right:              -6px;
}

#navhelp ul {
    margin:             0;
    padding:            0;
    
    list-style:         none;
}

#navhelp ul li {
    float:              left;
    margin:             9px 0 0;
    padding:            0 7px;
    
    border-right:       1px solid #fff;
}

#navhelp ul li.last {
    border:             0;
}

#navhelp ul li a:link,
#navhelp ul li a:visited {
    display:            block;
    
    color:              #fff;
    font-size:          .7em;
    line-height:          1.2em;
}

#navhelp ul li a:focus,
#navhelp ul li a:hover {
    color:              #E77100;
    text-decoration:    none;
}

#navhelp form{
    float:              left;
	color:				#FFF;
    font-size:          .7em;
    line-height:          1.2em;
}

#navhelp label {
	vertical-align:		top;
}
#navhelp form select {
	
    /* margin:				-5px 0 0; */
	position:			relative;
	top:				-3px;
	left:				0;
    font-size:          1em;
}

#navhelp form select optgroup,
#navhelp form select option {
    font-size:          1em;
}

#navhelp form select option {
    padding-left:       10px;
}

#navhelp form select option.active{
    background:         #CED3D6;
}

#navhelp input.submit {
	/*margin:				-10px 0 0;*/
	position:			relative;
	top:				-3px;
    padding:            4px;
    
    cursor:             pointer;
	border-style:		solid; 
	border-width:		1px; 
	border-color: 		#3067BA #25508F #25508F #3067BA;
	vertical-align:		bottom;
}
/** </NAVHELP> **/

/**
 *  <UTILS>
 */
.hide {
    position:           absolute;
    left:               -3000px;
    top:                -3000px;
}
/** </UTILS>