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

	MAINCSS FILE FOR codexx.at

	Developed by IQ² - Intelligente Weblösungen, Mai 2010
	Copyright by IQ² - Intelligente Weblösungen, Mai 2010
		
	codexx.at is a webproject maintained and developed by IQ². 
    Graphic-design evolved by sternenklar.at.
    Concept by sternenklar.at & IQ²
	
	Projectfacts: 
	
	Main-Release: June, 2010
    Update: December 2011
	
	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;
    color: #575757; 
}
 
.inside { /* Content padding */
	margin: 0;
	padding: 0 35px 0 35px;
	border: 0;
	float: left;
}

/**
  ======================================================
    CONTAINER
  ======================================================
*/ 
.container { 
    background: url(../img/assets/bg-content-top.png) no-repeat 0 80px; 
    border: 1px solid #e9e9e9;
    border-bottom: 5px solid #e9e9e9; 
    width: 915px;
    position: relative;
} 

/**
  ======================================================
    CONTENTAREA
  ======================================================
*/ 
#contentarea { 
    width: 865px;
    height: 500px;
    margin: 55px 0 0 0;
    padding: 0 25px 15px 25px;
    background:  url(../img/assets/bg-footer.png) no-repeat bottom left;
} 

#cleft { font-size: 11px; }

/**
  ======================================================
    FOOTER
  ======================================================
*/ 
#footer {
    width: 915px;
    margin: 0;
    background:  url(../img/assets/bg-footer-balken.png) repeat-x bottom left;
    min-height: 20px;  
    float: left;
}

#footer #contact {
    width: 915px;
    position: absolute;
    bottom: 3px;
    text-align: center;
    color: #FFF;
    font-size: 10px;
}

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

#footer a { color: #FFF; }

/**
  ======================================================
	HEADER & LOGO SECTION
  ======================================================
*/
#header {
    margin: 0;
    padding: 0;
    border: 0;
    height: 53px;
    position: absolute;
    top: 15px;
    left: 50px;
}

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

/**
  ======================================================
   MAIN NAVIGATION
  ======================================================
*/ 
#navigation {
    margin: 0;
    padding: 0;
    border: 0;
    width: 915px;
    height: 85px;
    float: left;
    clear: both;
}

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

.mod_navigation ul {
    margin: 0;
    padding: 0;
    border: 0;
    float: right;
    display: block;
    width: 368px;
    height: 85px;   
}

.mod_navigation li {
    float: left;
    list-style: none;
    position: relative;
}

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

li.mn01 { width: 92px; }
li.mn02 { width: 92px; }
li.mn03 { width: 92px; }
li.mn04 { width: 92px; }

li.mn01 { background: url('../img/assets/nav.png') 0 0; }
li.mn02 { background: url('../img/assets/nav.png') -92px 0; }
li.mn03 { background: url('../img/assets/nav.png') -184px 0; }
li.mn04 { background: url('../img/assets/nav.png') -276px 0; }

#navigation .mod_navigation ul li.mn01 > .trail, #navigation .mod_navigation ul .mn01.active { background: url('../img/assets/nav.png') 0 85px; }
#navigation .mod_navigation ul li.mn02 > .trail, #navigation .mod_navigation ul .mn02.active { background: url('../img/assets/nav.png') -92px 85px; }
#navigation .mod_navigation ul li.mn03 > .trail, #navigation .mod_navigation ul .mn03.active { background: url('../img/assets/nav.png') -184px 85px; }
#navigation .mod_navigation ul li.mn04 > .trail, #navigation .mod_navigation ul .mn04.active { background: url('../img/assets/nav.png') -276px 85px; }

li.mn01:hover { background: url('../img/assets/nav.png') 0 170px; }
li.mn02:hover { background: url('../img/assets/nav.png') -92px 170px; }
li.mn03:hover { background: url('../img/assets/nav.png') -184px 170px; }
li.mn04:hover { background: url('../img/assets/nav.png') -276px 170px; }

li.mn01 > a { width: 92px; height: 85px; display: block; }
li.mn02 > a { width: 92px; height: 85px; display: block; }
li.mn03 > a { width: 92px; height: 85px; display: block; }
li.mn04 > a { width: 92px; height: 85px; display: block; }

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

.invisible { display: none; }

/**
  ======================================================
    INFOBOX
  ======================================================
*/
.infobox.box01 {
    width: 319px;
    background: url('../img/assets/box-small-top.png') no-repeat left top;
}

.infobox.box02 {
    height: 369px;
    padding: 30px 0 0 40px;     
    background: url('../img/assets/box-large.png') no-repeat left top;
    font-size: 11px;
}

.infobox.box02 strong {
    font-size: 11px;
    font-weight: bold;
}

.infobox.box03 {
    width: 883px;
    height: 369px;
    padding: 0;     
    background: url('../img/assets/box-large-team.png') no-repeat left top;
    font-size: 11px;
}

.infobox.box03 .pic img {
    margin: 17px 0 0 5px;
}

.inner {
    width: 289px;
    padding: 25px 15px 20px 15px;
    background: url('../img/assets/box-small-bottom.png') no-repeat left bottom;
}
/**
  ======================================================
    LEISTUNGEN & TEAM
  ======================================================
*/ 
.c2, .c3, .p2, .p3, .p4, .p5, .p6, .p7 { display: none; }

.more {
    width: 299px;
    margin: 10px 10px 0 10px;
    float: right;
    text-align: right;
}

/**
  ======================================================
    CONTENT HEADINGS (USING PHARK METHOD)
  ======================================================
*/
h1.oneforall {
    background: url('../img/assets/headings/eine-fuer-alle.png') no-repeat;
    width: 292px;
    height: 39px;
    text-indent: -999em;
    margin: 0 0 20px 0;
    padding: 0;
    border: 0;
}

h1.stepahead {
    background: url('../img/assets/headings/schritt-voraus.png') no-repeat;
    width: 292px;
    height: 54px;
    text-indent: -999em;
    margin: 0 0 20px 0;
    padding: 0;
    border: 0;
}

h1.leistungen {
    background: url('../img/assets/headings/leistungen.png') no-repeat;
    width: 67px;
    height: 11px;
    text-indent: -999em;
    margin: 0 0 15px 0;
    padding: 0;
    border: 0;
}

h1.impressum {
    background: url('../img/assets/headings/impressum.png') no-repeat;
    width: 70px;
    height: 11px;
    text-indent: -999em;
    margin: 0 0 25px 0;
    padding: 0;
    border: 0;
}

h2 {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 1.5em;
    color: #575757;
}

h2.steuerberatung {
    background: url('../img/assets/headings/steuerberatung.png') no-repeat;
    width: 73px;
    height: 13px;
    text-indent: -999em;
    margin: 0 0 15px 0;
    padding: 0;
    border: 0;
}

h2.buchhaltung {
    background: url('../img/assets/headings/buchhaltung.png') no-repeat;
    width: 199px;
    height: 13px;
    text-indent: -999em;
    margin: 0 0 15px 0;
    padding: 0;
    border: 0;
}

h2.personalwesen {
    background: url('../img/assets/headings/personalwesen.png') no-repeat;
    width: 199px;
    height: 10px;
    text-indent: -999em;
    margin: 0 0 15px 0;
    padding: 0;
    border: 0;
}

h2.rechnungswesen {
    background: url('../img/assets/headings/rechnungswesen.png') no-repeat;
    width: 199px;
    height: 13px;
    text-indent: -999em;
    margin: 0 0 15px 0;
    padding: 0;
    border: 0;
}

h2.schulung {
    background: url('../img/assets/headings/schulung.png') no-repeat;
    width: 199px;
    height: 13px;
    text-indent: -999em;
    margin: 0 0 15px 0;
    padding: 0;
    border: 0;
}

h3.gleiss {
    background: url('../img/assets/headings/gleiss.png') no-repeat;
    width: 270px;
    height: 28px;
    text-indent: -999em;
    margin: 0;
    padding: 0;
    border: 0;
}

h3.hess {
    background: url('../img/assets/headings/hess.png') no-repeat;
    width: 270px;
    height: 28px;
    text-indent: -999em;
    margin: 0;
    padding: 0;
    border: 0;
}

h3.woath {
    background: url('../img/assets/headings/woath.png') no-repeat;
    width: 270px;
    height: 28px;
    text-indent: -999em;
    margin: 0;
    padding: 0;
    border: 0;
}

h3.schwarzenbacher {
    background: url('../img/assets/headings/schwarzenbacher.png') no-repeat;
    width: 270px;
    height: 28px;
    text-indent: -999em;
    margin: 0;
    padding: 0;
    border: 0;
}

h3.kuschar-allacher {
    background: url('../img/assets/headings/angelica.png') no-repeat;
    width: 270px;
    height: 28px;
    text-indent: -999em;
    margin: 0;
    padding: 0;
    border: 0;
}

h3.maier {
    background: url('../img/assets/headings/maria.png') no-repeat;
    width: 270px;
    height: 28px;
    text-indent: -999em;
    margin: 0;
    padding: 0;
    border: 0;
}

h3.leitgeb {
    background: url('../img/assets/headings/waltraud.png') no-repeat;
    width: 270px;
    height: 28px;
    text-indent: -999em;
    margin: 0;
    padding: 0;
    border: 0;
}

#cleft ul {
    list-style-type: none;
    padding: 0 0 0 5px;
}

#cleft ul li {
    padding: 5px 0 5px  5px;
    margin: 0;
    border-bottom: 1px dotted #c2c2c2;
}
         
/**
  ======================================================
    ACCORDION
  ======================================================
*/    
#accordion {
    width: 270px;
    margin: 45px 0 0 0;
    padding: 0;
    float: left;
    outline: none;
}

#accordion h3 a {
    width: 270px;
    display: block;
    outline: none;
    overflow: hidden;
}

#accordion div {
    width: 270px;
    border: 0;
    padding: 0;
    outline: none;
    overflow: hidden;
}

/**
  ======================================================
    JQUERY ACCORDION STYLES
  ======================================================
*/    
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; width: 270px; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; color: #FF0000; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; outline: none; }
.ui-accordion .ui-accordion-content { padding: 20px 10px 20px 0; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; }