/*
  ======================================================

	MAINCSS FILE FOR gain-trust.com

	Developed by IQ² - Smarter Websolutions, December 2009
	Copyright by IQ² - Smarter Websolutions, December 2009
		
	gain-trust.com is a webproject maintained and developed by IQ². 
    Graphic-design evolved by sternenklar.at.
    Concept by sternenklar.at & IQ²
	
	Projectfacts: 
	
	Main-Release: December, 2009
	
	Have fun!
  ======================================================
*/


/*
  ======================================================
	LAYOUT SPECIFIC STYLESHEET DEFINITIONS
  ======================================================
*/
html, body { /*Scroll fix for Opera & Firefox */
	height: 101%; 
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
    border: 0;
	background: #F5F3F1 url(../img/assets/bg-body.png) repeat-x top left;
    color: #535353; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
.inside { /* Content padding */
	margin: 0;
	padding: 20px;
	border: 0;
	float: left;
}

/**
  ======================================================
    COMMON STYLES FOR LINKS
  ======================================================
*/ 
a { 
	outline-width: 0; 
	display: inline;
    color:#2E414F;
} 

/**
  ======================================================
	HEADER & LOGO SECTION
  ======================================================
*/
#header {
    margin: 0 0 20px 0;
    padding: 0;
    border: 0;
    float: left;
    position: relative;
}

#header img#logo {
	margin: 45px 0 0 0;
    float: left;
}

#header img#logo2 {
    width: 47px;
    height: 106px;
    top: 8px;
    right: 20px;
    position: absolute;
}

/**
  ======================================================
   META NAVIGATION
  ======================================================
*/ 
#meta {
    margin: 0;
    padding: 0;
    border: 0;
    height: 20px;
    float: left;
    position: absolute;
    right: 80px;
    top: 30px;    
}

#meta .mod_navigation ul {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    display: block;
    height: 20px;   
}

#meta .mod_navigation ul li {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    line-height: 20px;
}

#meta .mod_navigation ul li a {
    margin: 0;
    padding: 2px 10px 3px 10px;
    float: left;
    display: block;
    color: #535353;
    text-decoration: none;
    line-height: 16px;
} 

#meta .mod_navigation ul li:hover a, #meta .mod_navigation ul li.trail a { 
    background-color: #2E414F; 
    color: #FFF; 
}

#meta .mod_navigation ul li.active span {
    margin: 0;
    padding: 2px 10px 3px 10px;
    float: left;
    display: block;
    color: #FFF;
    text-decoration: none;
    background-color: #2E414F; 
    line-height: 16px;        
} 

.invisible {
    display: none;
}

/**
  ======================================================
    PICAREA
  ======================================================
*/
.picarea {
    margin: 20px 0 20px 0;
    padding: 0;
    border: 0;
    width: 950px;
    height: 250px;
    float: left;
    position: relative;
    z-index: 10;
    background-color: #696254;
}

/**
  ======================================================
    CONTENT AREA SECTION
  ======================================================
*/
.contentarea {
    margin: 0 0 40px 0;
    padding: 0;
    float: left;
}

.contentarea h1 {
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #2E414F;
}

.contentarea h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 16px;
    color: #535353;
}

.contentarea h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 14px;
    color: #535353;
}

.bg-white {
    background-color: #FFF;
}

/**
  ======================================================
    INFOBOX RIGHT SIDE
  ======================================================
*/
 .infobox .inside {
     margin: 0 0 0 10px;
     padding: 0;
     border: 0;
     float: left;
     width: 300px;
     color: #6f6759;
 }

.infobox h3 {
    width: 300px;
    height: 28px;
    padding: 0 0 0 10px;
    margin: 30px 0 0 -10px;
        
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 13px;
    color: #6f6759;
    background: #F5F3F1 url(../img/assets/divider.png) no-repeat bottom left; 
    clear: both;
}

.infobox h3:first-child {
    margin: 0 0 0 -10px;
}

.infobox hr {
    margin: 0.65em 0 0.65em 0;
}

.infobox a {
    color: #2e414f;
}

.infobox ul {
    margin: 0 0 15px 0;
    padding: 0 0 0 15px;
}

.infobox ul ul {
    margin: 0;
    padding: 0 0 0 30px;
}

/**
  ======================================================
    FOOTER
  ======================================================
*/
#footer {
    bottom: 0;
    padding: 15px 0 0 0;
    margin: 0;
    font-size: 11px;
    border-top: 1px solid #9b958a;
    color: #ACA496;
    float: left;
}

#footer h2, #footer h2 a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #ACA496;
}

#footer h2.impressum {
    text-align: right;
}

/**
  ======================================================
   MAIN NAVIGATION
  ======================================================
*/ 
#navigation {
    margin: 0;
    padding: 0;
    border: 0;
    width: 950px;
    height: 42px;
    float: left;
}

#navigation .mod_navigation {
	margin: 0;
	padding: 0;
	border: 0;
	width: 950px;
    height: 42px;
	float: left;
    background: url(../img/assets/bg-nav.png) repeat-x top left;
    clear: both;
}

#navigation .mod_navigation ul {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    display: block;
    width: 950px;
    height: 42px;   
}

#navigation .mod_navigation li {
    float: left;
    list-style: none;
    position: relative; /* ADDED */
}

li.mn01, li.mn02, li.mn03, li.mn04, li.mn05 {
    margin: 0;
    padding: 0;
    width: 76px;
    height: 42px;
    display: block;
    background: url('../img/assets/nav.png') no-repeat 0px;
}

li.mn01 { width: 76px; }
li.mn02 { width: 168px; }
li.mn03 { width: 180px; }
li.mn04 { width: 160px; }
li.mn05 { width: 196px; }

li.mn01 { background: url('../img/assets/nav.png') 0 -42px; }
li.mn02 { background: url('../img/assets/nav.png') -76px -42px; }
li.mn03 { background: url('../img/assets/nav.png') -244px -42px; }
li.mn04 { background: url('../img/assets/nav.png') -424px -42px; }
li.mn05 { background: url('../img/assets/nav.png') -584px -42px; }

#navigation .mod_navigation ul li.mn01 > .trail, #navigation .mod_navigation ul .mn01.active { background: url('../img/assets/nav.png') 0 0; }
#navigation .mod_navigation ul li.mn02 > .trail, #navigation .mod_navigation ul .mn02.active { background: url('../img/assets/nav.png') -76px 0; }
#navigation .mod_navigation ul li.mn03 > .trail, #navigation .mod_navigation ul .mn03.active { background: url('../img/assets/nav.png') -244px 0; }
#navigation .mod_navigation ul li.mn04 > .trail, #navigation .mod_navigation ul .mn04.active { background: url('../img/assets/nav.png') -424px 0; }
#navigation .mod_navigation ul li.mn05 > .trail, #navigation .mod_navigation ul .mn05.active { background: url('../img/assets/nav.png') -584px 0; }

li.mn01:hover { background: url('../img/assets/nav.png') 0 0; }
li.mn02:hover { background: url('../img/assets/nav.png') -76px 0; }
li.mn03:hover { background: url('../img/assets/nav.png') -244px 0; }
li.mn04:hover { background: url('../img/assets/nav.png') -424px 0; }
li.mn05:hover { background: url('../img/assets/nav.png') -584px 0; }

li.mn01 > a { width: 76px; height: 42px; display: block; }
li.mn02 > a { width: 168px; height: 42px; display: block; }
li.mn03 > a { width: 180px; height: 42px; display: block; }
li.mn04 > a { width: 160px; height: 42px; display: block; }
li.mn05 > a { width: 196px; height: 42px; display: block; }

#navigation .mod_navigation ul li.mn01 > a, #navigation .mod_navigation ul .active .mn01,
#navigation .mod_navigation ul li.mn02 > a, #navigation .mod_navigation ul .active .mn02,
#navigation .mod_navigation ul li.mn03 > a, #navigation .mod_navigation ul .active .mn03,
#navigation .mod_navigation ul li.mn04 > a, #navigation .mod_navigation ul .active .mn04,
#navigation .mod_navigation ul li.mn05 > a, #navigation .mod_navigation ul .active .mn05 {
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -9999em;
    display: block;
    /*float: right;*/
}

.invisible {
    display: none;
}

/**
  ======================================================
   SUB NAVIGATION
  ======================================================
*/ 
#submenu {
    margin: 0 0 20px 0;
    padding: 0;
    border: 0;
    width: 300px;
}

#submenu.mod_navigation ul {
    margin: 0;
    padding: 0;
    border: 0;
    width: 300px;
    list-style-type: none;  
}

#submenu.mod_navigation ul a {
    text-decoration: none;
    height: 24px;
    line-height: 24px;
    width: 300px;
    display: block;
}

#submenu  ul.level_1 li a.submenu  {
    height: 24px;
    line-height: 24px;
    display: block;
    border-bottom: 1px solid #c2beb6;
    font-weight: bold;
}

#submenu ul.level_1 span.active {
    color: #2e414f;
    height: 24px;
    line-height: 24px;
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #c2beb6;
}

#submenu.mod_navigation .level_2 {
    padding: 0 0 0 20px;
    width: 280px;
    border-bottom: 1px solid #c2beb6;     
}


#submenu ul.level_2 span.active {
    color: #2e414f;
    font-weight: bold;
    border: 0;
}

#submenu.mod_navigation ul li a.submenu.first, #submenu.mod_navigation ul li span.active.submenu.first {
    height: 24px;
    line-height: 24px;
    display: block;
    border-bottom: 1px solid #c2beb6;
}


.contentarea .ce_text h1:first-child {
    margin: 0;
}

.contentarea .ce_text h1 {
    margin: 30px 0 0 0;
}

.contentarea .ce_text h1 a {
    text-decoration: none;
}

/**
  ======================================================
    DOWNLOADS
  ======================================================
*/    
.ce_downloads {
    margin: 0 0 30px 0;
}

.ce_downloads p {
    border-bottom: 1px solid #DDDDDD;
    margin: 0;
    padding: 4px 0;
}

.ce_downloads a {
    text-decoration: none;
}

/**
  ======================================================
    TABLE DEFINITIONS
  ======================================================
*/    
table.contenttable {
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-collapse: collapse;
    margin: 15px 0 0 0;
    width: 910px;
    float: left;
}

.contenttable th, .contenttable td {
    padding: 2px 10px 2px 10px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD; 
    text-align: left;
    font-size: 11px;
}

.contenttable td {
    background-color: #FFF;
    color: #575757;
    padding: 15px 10px 15px 10px;
    width: 118px;
}

.contenttable th {
    font-weight: bold;
    vertical-align: top;
    background: #fdfeff url('../img/assets/bg-table.png') left bottom repeat-x;      
    color: #3f3f3f;
    padding: 4px 10px 4px 10px;
    text-align: left;
    height: 40px;
}

.contenttable th.no-tbbg {
    font-weight: bold;
    vertical-align: top;
    background: #f5f4f4 none;
    color: #3f3f3f;
    padding: 15px 10px 15px 10px;
    text-align: left;
    width: 90px;
}

.contenttable .align-center {
    text-align: center;
}

.contenttable td.highlight {
    color: #fdb825;
    font-weight: bold;
    font-size: 14px;
}

.contenttable.no-pad {
    margin: 5px 0 0 0;
}

/*
  ======================================================
    BLUEPRINT FORM OVERRIDE
  ======================================================
*/  
/*fieldset {padding: 0;margin:0;border:0;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #d0d0d0;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#2E414F;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0;}
input.text, input.title {width:290px;padding:4px; margin: 2px 0 2px 0;}
input.captcha {width:30px;padding:4px; margin: 2px 0 2px 0;}
input.title {font-size:1.5em;}
textarea {width:580px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em; }
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success { border:1px solid #d0d0d0; margin: 0 0 2px 0; padding: 0; background: none;}
*/
.error, .notice, .success { border:1px solid #d0d0d0; margin: 0 0 2px 0; padding: 0; background: none;}
.error { background:#FFF; color:#8a1f11; border-color:#D0D0D0; }  
/*
  ======================================================
    COMMON STYLES FOR FORMS
  ======================================================
*/  
form {
    width: 590px;
    border: 0;
    margin: 20px 0 0 0;
    padding: 0;
    float: left;
}

.formbody {
    width: 590px;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
}

label.error {
    font-weight: bold;
    color: #3F3F3F;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

p.error {
    color: #C11311;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    float: left;
    width: 100%;
}

.mandatory {
    color: #C11311;
    font-weight: bold;
}

.text.mandatory {
    font-weight:normal; 
    font-size: 14px;
}

label.mandatory {
    font-weight: bold;
    color: #3F3F3F;
}

label.mandatory.error, .captcha_text {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

.captcha_text.error {
    color: #3F3F3F;
}

fieldset {
    padding: 0 10px 10px 20px;
    margin: 0 0 40px 0;
    display: block;
    border: 1px solid #DDD;
    width: 558px;
    float: left;
    font-size: 12px;
    font-weight: bold;
} 

fieldset fieldset {
    margin: 30px 0 20px 0;
    display: block;
    border: 1px solid #DDD;
    width: 500px;
    float: left;
    font-size: 12px;
    font-weight: bold;
}   

fieldset legend {
    padding: 0 5px 5px 5px;
    background-color: #FFF;
    font-size: 16px; 
}

fieldset legend + label {
    margin: 10px 0 0 0;
}

/**
 * CSS Hack to fix IE7 & IE8 fieldset problems
 * Description: Background-color is visible above
 * the fieldset border
 */
form legend { margin-top /*\**/: -1em; left: .5em; } 
/*form fieldset { overflow /*\**/    /*: visible; height: 1%; }*/

fieldset input {
    margin: 0;
    padding: 2px 0 2px 0;
    border: 1px solid #898FAA;
    display: block;
    width: 555px;
    height: 22px;
    float: left;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    
}

fieldset fieldset input {
    margin: 0;
    padding: 2px 0 2px 0;
    border: 1px solid #898FAA;
    display: block;
    width: 515px;
    height: 22px;
    float: left;
    font-size: 18px;
    font-weight: normal;
    color: #666;
}


fieldset label {
    margin: 10px 0 0 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    width: 555px;
    font-weight: normal;
}

fieldset fieldset label {
    width: 515px;
}

fieldset textarea {
    float: left;
    display: block;
    border: 1px solid #D0D0D0;
    background: #FFF;
    color: #666;
    padding: 3px 0 3px 2px;
    margin: 2px 0 5px 0;
    width: 545px;
    height: 120px;
    overflow: auto;
}

fieldset fieldset textarea {
    float: left;
    display: block;
    border: 1px solid #D0D0D0;
    background: #FFF;
    padding: 3px 0 3px 2px;
    margin: 2px 0 5px 0;
    width: 515px;
    height: 80px;
    overflow: auto;
}

.radio_container {
    border: 0;
    float: left;
    width: auto;
    margin: 10px 0 0 0;
}

.radio_container input.radio {
    width: 15px;
    border: none;
    position:relative;
    top: 0;     
}

.radio_container span label {
    margin: 0;
    padding: 0 10px 0 10px;
    float: left; 
    width: auto;
}

.checkbox_container {
    border: 0;
    float: left;
    width: auto;
    margin: 10px 0 0 0;
}

.checkbox_container input.checkbox {
    width: 15px;
    border: none;
    position:relative;
    top: 0;     
}

.checkbox_container span label {
    margin: 0;
    padding: 0 10px 0 10px;
    float: left; 
    width: 520px;
}

select {
    float: left;
    display: block;
    width: 255px;
    border: 1px solid #C1BEB8;
    background: #FFF;
    padding: 1px 0 1px 2px;
    margin: 0 0 5px 0;
}
    
  input.submit {
    margin: 0;
    padding: 0 10px 0 10px;
    border: 0;
    background-color: #F5F3F1;
    border: 1px solid #D0D0D0; 
    height: 26px;
    float: left;
}

input.checkbox {
    border: none;
    width: 15px;
    margin: -1px 0 0 0;
    padding: 0;
} 

input.mandatory, textarea.mandatory {
    color: #575757;
    font-weight: normal;
}

.checkbox_container span {
    display:block;
    float:left;
    width:100%;
}

.checkbox_container span label {
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 400px;
}

/*
  ======================================================
    BLUEPRINT FORM OVERRIDE
  ======================================================
*/  
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #d0d0d0;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#2E414F;}
input.text, input.title {width:290px;padding:4px; margin: 2px 0 2px 0; font-size: 14px; font-weight: normal; }