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

    MAINCSS FILE FOR LANDSCHÜTZER

    Developed by IQ2.AT MARCH 2009
    Copyright by IQ2.AT MARCH 2009
        
    landschuetzer.at is a webproject maintained and
    developed by IQ2.AT. Conceptional work and 
    graphic-design evoled by Sternenklar GmbH.
    
    Projectfacts: 
    
    Main-Release: March, 2009
    
    Have fun!
  ======================================================
*/

/*
  ======================================================
	LAYOUT SPECIFIC STYLESHEET DEFINITIONS
  ======================================================
*/
body {
	margin: 0;
	padding: 0;
    border: 0;
	background: #000 url(../img/bg.jpg) repeat-x top left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444; 
	text-align: left;
	line-height: 16px;
}

#header {
    margin: 0;
    padding: 0;
    border: 0;
    width: 980px;
    height: 107px; 
    background: #000 url(../img/header-bg.jpg) no-repeat top left;
}
        
#contentwrapper {
  	margin: 0 auto;
    border: 0;
  	width: 980px;
}

.inside { /* Content padding */
	margin: 0;
	padding: 0 20px 0 20px;
	border: 0;
	float: left;
}

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

a:link, a:visited, a:hover, a:active {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;	
	color: #444;
}

/**
  ======================================================
   MAIN NAVIGATION
  ======================================================
*/ 
.mod_navigation {
	margin: 79px 0 0 0;
	padding: 0 0 0 168px;
	border: 0;
	width: 817px;
	height: 23px;
	float: left;  
}

.mod_navigation p, .mod_navigation p.active {
	margin: 0;          
    padding: 0; 
}

.mod_navigation ul { /* all lists */
	margin: 0;
    padding: 0;
    border: 0;
    width: 800px;
    height: 23px;
}

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

li.mn01, li.mn02, li.mn03, li.mn04, li.mn05, li.mn06 {
    margin: 0;
    padding: 0;
    width: 115px;
    height: 23px;
	display: block;
	background: url('../img/mainnav/nav.gif') no-repeat 0px;
}

li.mn01 { background: url('../img/mainnav/nav.gif') 0 23px; }
li.mn02 { background: url('../img/mainnav/nav.gif') -115px 23px; }
li.mn03 { background: url('../img/mainnav/nav.gif') -230px 23px; }
li.mn04 { background: url('../img/mainnav/nav.gif') -345px 23px; }
li.mn05 { background: url('../img/mainnav/nav.gif') -575px 23px; }
li.mn06 { background: url('../img/mainnav/nav.gif') -690px 23px; width: 187px; }


.mod_navigation ul li.mn01 > .trail, .mod_navigation ul .active > .mn01 { background: url('../img/mainnav/nav.gif') 0 0; }
.mod_navigation ul li.mn02 > .trail, .mod_navigation ul .active > .mn02 { background: url('../img/mainnav/nav.gif') -115px 0; }
.mod_navigation ul li.mn03 > .trail, .mod_navigation ul .active > .mn03 { background: url('../img/mainnav/nav.gif') -230px 0; }
.mod_navigation ul li.mn04 > .trail, .mod_navigation ul .active > .mn04 { background: url('../img/mainnav/nav.gif') -345px 0; }
.mod_navigation ul li.mn05 > .trail, .mod_navigation ul .active > .mn05 { background: url('../img/mainnav/nav.gif') -575px 0; }
.mod_navigation ul li.mn06 > .trail, .mod_navigation ul .active > .mn06 { background: url('../img/mainnav/nav.gif') -690px 0; width: 187px; }

body.mn04 .mod_navigation ul > .mn04 { background: url('../img/mainnav/nav.gif') -248px -111px; }

li.mn01:hover { background: url('../img/mainnav/nav.gif') 0 46px;}
li.mn02:hover { background: url('../img/mainnav/nav.gif') -115px 46px; }
li.mn03:hover { background: url('../img/mainnav/nav.gif') -230px 46px; }
li.mn04:hover { background: url('../img/mainnav/nav.gif') -345px 46px; }
li.mn05:hover { background: url('../img/mainnav/nav.gif') -575px 46px; }
li.mn06:hover { background: url('../img/mainnav/nav.gif') -690px 46px; width: 187px; }

li.mn01 > a, li.mn02 > a, li.mn03 > a, li.mn04 > a, li.mn05 > a, li.mn06 > a, li.mn01a > a, li.mn02a > a, li.mn03a > a, li.mn04a > a, li.mn05a > a, li.mn06a > a {
	display: block;
	width: 115px;
	height: 23px;
}

li.mn06 > a {
    width: 187px;
}

.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,
.mod_navigation ul li.mn05 > a, .mod_navigation ul .active .mn05, 
.mod_navigation ul li.mn06 > a, .mod_navigation ul .active .mn06 {
    margin: 0;
    padding: 0;
    border: 0;
    width: 115px;
    height: 23px;
	text-indent: -9999em;
	display: block;
	float: right;
}

.mod_navigation ul li.mn06 > a, .mod_navigation ul .active .mn06 {
    width: 187px;
}

/**
  ======================================================
	CONTENTAREA + GRIDS
  ======================================================
*/
#contentarea {
	margin: 0;
    padding: 0;
    border: 0;
    width: 980px;
    height: 455px;
    background: #EFEEE3 url('../img/content-bg.jpg') no-repeat top left;
	float: left;
}

#contentarea.sub {
    background: #EFEEE3 url('../img/contentsub-bg.jpg') no-repeat top left;
}

#contentarea.splash {
    background: #EFEEE3 url('../img/bg-splash.jpg') no-repeat top left;
}


#splash {
    margin: 0;
    padding: 0;
    border: 0;
    width: 980px;
    height: 455px;
    background: #EFEEE3 url('../img/bg-splash.jpg') no-repeat top left;
    float: left;
}

#ca2c { /** Content Area 2 Columns - small left, big right */
    margin: 0;
 	padding: 0;
    width: 980px;
    height: 455px;
	float: left;	
    border: 0;
}

/**
  ======================================================
	CONTENT AREA - GRID CONTAINER 
  ======================================================
*/	
#gc2c1 { /** Grid container left */
	margin: 0;
	padding: 0;
    border: 0;
    width: 185px;
	display: inline; /*Fix for IE to stop double float-margins*/
	float: left;
}

#gc2c2 { /** Grid container right */
	margin: 50px 0 0 0;
	padding: 0;
    border: 0;
    width: 795px;
	display: inline; /*Fix for IE to stop double float-margins*/
	float: left;
}

#gc2c2 .inside {
    margin: 0;
    padding: 0;
    width: 340px;
    position: relative;
}

#gc2c2 .pic {
    top: 0px;
    left: 360px;
    position:  absolute;
}

#gc1c { /*Splash Screen Grid */
    margin: 0 0 0 345px;
    padding: 302px 0 0 0;
    border-bottom: 1px solid black;
    width: 205px;
    text-align: center;
}

/**
  ======================================================
    CONTENT AREA SUB - GRID CONTAINER 
  ======================================================
*/    
#splash #gc1c a {
    color:#677315;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    line-height: 28px;
}

#splash #gc1c li {
    border-top: 1px solid black;
}


/**
  ======================================================
    CONTENT AREA SUB - GRID CONTAINER 
  ======================================================
*/    
#contentarea.sub #gc2c1 {
    margin: 50px 0 0 0;
    padding: 0 40px 0 0;
    border: 0; 
    width: 275px;
    text-align: right;
}

#contentarea.sub #gc2c2 { /** Grid container right */
    margin: 50px 0 0 0;
    padding: 0;
    border: 0;
    width: 665px;
    display: inline; /*Fix for IE to stop double float-margins*/
    float: left;
}

#contentarea.sub #gc2c2 .inside { /** Grid container right */
    width: 340px;
}

#contentarea.sub #gc2c2 .pic {
    top: 0px;
    left: 355px;
    position: absolute;
    border: 4px solid #485100;
}

#contentarea.sub #gc1 {
    margin: 0 10px 0 0;
    padding: 0;
    border: 0;
    width: 340px;
    float: left;
}

#contentarea.sub #gc2 {
    margin: 0 0 0 5px;
    padding: 0;
    border: 0;
    width: 310px;
    float: left;    
}

#contentarea.sub #gc2 img {
    border: 4px solid #485100;
}

/**
  ======================================================
    CONTENT AREA CHECKOUT - GRID CONTAINER 
  ======================================================
*/    
#contentarea.checkout #gc2c2 #gc1 {
    margin: 25px 20px 0 0;
    padding: 0;
    border: 0; 
    width: 240px;
    float: left;
}

#contentarea.checkout #gc2c2 #gc2 {
    margin: 25px 20px 0 0;
    padding: 0;
    border: 0; 
    width: 240px;
    float: left;
}

#contentarea.checkout #gc2c2 #gc3 {
    margin: 60px 0 0 0;
    padding: 0;
    border: 0; 
    width: 240px;
    float: left;
}

#contentarea.checkout span {
    margin: 0;
    padding: 2px 0 2px 0;
    display: block;
    font-size: 11px;
    color: #677315;  
}

#contentarea.checkout span.error {
    color: #CC0000;
}

#contentarea.checkout input {
    width: 220px;
    margin: 0;
    padding: 1px 2px 1px 2px;
    background-color: #FFF;
    border: 1px solid #7b8726;
}

#contentarea.checkout .order-now {
    width: auto;
    margin: 10px 14px 0 0;
    padding: 0;
    float: right;
}

/**
  ======================================================
    CONTENT AREA KONTAKT - GRID CONTAINER 
  ======================================================
*/    
#contentarea.contact #gc2c2 #gc1 {
    margin: 25px 20px 0 0;
    padding: 0;
    border: 0; 
    width: 240px;
    float: left;
}

#contentarea.contact #gc2c2 #gc2 {
    margin: 25px 20px 0 0;
    padding: 0;
    border: 0; 
    width: 240px;
    float: left;
}

#contentarea.contact #gc2c2 #gc3 {
    margin: 60px 0 0 0;
    padding: 0;
    border: 0; 
    width: 240px;
    float: left;
}

#contentarea.contact span {
    margin: 0;
    padding: 2px 0 2px 0;
    display: block;
    font-size: 11px;
    color: #677315;  
}

#contentarea.contact span.error {
    color: #CC0000;
}

#contentarea.contact input {
    width: 220px;
    margin: 0;
    padding: 1px 2px 1px 2px;
    background-color: #FFF;
    border: 1px solid #7b8726;
}

#contentarea.contact .order-now {
    width: auto;
    margin: 10px 14px 0 0;
    padding: 0;
    float: right;
}

/**
  ======================================================
    CONTENT AREA IMPRESSUM - GRID CONTAINER 
  ======================================================
*/    
#contentarea.imprint #gc2c2 #gc1 {
    margin: 25px 20px 0 0;
    padding: 0;
    border: 0; 
    width: 240px;
    float: left;
}

#contentarea.imprint #gc2c2 #gc2 {
    margin: 25px 20px 0 0;
    padding: 0;
    border: 0; 
    width: 240px;
    float: left;
}

#contentarea.imprint #gc2c2 #gc3 {
    margin: 25px 0 0 0;
    padding: 0;
    border: 0; 
    width: 240px;
    float: left;
}

/**
  ======================================================
    CONTENT AREA PARTNER - GRID CONTAINER 
  ======================================================
*/    
#contentarea.partner #gc2c2 #gc1 {
    margin: 25px 10px 0 0;
    padding: 0 0 0 10px;
    border: 0; 
    width: 240px;
    height: 320px;
    float: left;
    background-color: #FAF8F3;
}

#contentarea.partner #gc2c2 #gc2 {
    margin: 25px 10px 0 0;
    padding: 0 0 0 10px;
    border: 0; 
    width: 240px;
    height: 320px;
    float: left;
    background-color: #FAF8F3;    
}

#contentarea.partner #gc2c2 #gc3 {
    margin: 25px 0 0 0;
    padding: 0 0 0 10px;
    border: 0; 
    width: 240px;
    height: 320px;
    float: left;
    background-color: #FAF8F3;    
}

#contentarea.partner #gc2c2 img {
    margin: 0;
    text-align: center;
    padding: 40px 0 40px 30px;
}


/**
  ======================================================
    CONTENT AREA TOURISMUSMANAGEMENT - GRID CONTAINER 
  ======================================================
*/    
#contentarea.tourismusmanagement #gc2c2 #gc1 {
    margin: 0 0;
    padding: 0 0 0 10px;
    border: 0; 
    width: 350px;
    height: 320px;
    float: left;
}

#contentarea.tourismusmanagement #gc2 {
    margin: 0 0 0 125px;
    padding: 0;
    border: 0;
    width: 310px;
    float: left;    
}

#contentarea.tourismusmanagement #gc2 img {
    border: 4px solid #485100;
}

/**
  ======================================================
    PRODUCT DETAIL FEATURES
  ======================================================
*/
#gc2c2 .inside .herbs {
    margin: auto;
    padding: 0 0 10px 0;
    text-align: center;
}
    
#gc2c2 .inside .cost {
    margin: 10px 0 5px 0;
    padding: 0 0 5px 0;
    width: 340px;
    border-bottom: 1px solid #444444;
    float: left;
}

#gc2c2 .inside .unitprice {
    margin: 0;
    padding: 0;
    width: 170px;
    font-size: 16px;
    font-weight: bold;
    color: #3d4601;
    float: left;
}

#gc2c2 .inside .quantity {
    margin: 0;
    padding: 0;
    width: 170px;
    font-size: 13px;
    font-weight: bold;
    color: #3d4601;
    float: left;
    text-align: right;
}

#gc2c2 .inside .buy {
    margin: 0;
    padding: 0;
    float: right;
}

/**
  ======================================================
	FOOTER
  ======================================================
*/	
#footer {
	margin: 0;
	padding: 0;
    border: 0;
    width: 980px;
    height: 40px;
	float: left;
}

#copyright {
    margin: 5px 0 0 0;
    padding: 0 0 0 170px;
    border: 0;
	width: 710px;
	float: left;
    color: #C1C1AD;
}

#copyright a {
	color: #C1C1AD;
	text-decoration: underline;
}

/**
  ======================================================
	CART TABLE DEFINITIONS
  ======================================================
*/	
.cart {
    margin: 15px 0 0 0;
    padding: 0;
    border: 0;
    width: 790px;
    float: left;
    height: 330px;
    overflow: auto;
}

.cart .space {
    margin: 0 10px 0 0;
    padding: 0;
    border: 0;
    width: 10px;
    float: left;
}

table.ctable {
    width: 375px;
    margin: 0 10px 5px 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    background-color: #FAF8F3;
    color: #677315;
    float: left;
}

.ctable th, .ctable td {
    margin: 0;
    padding: 2px 2px 3px 2px;
    font-size: 10px;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

.ctable td {
    font-size: 11px;
}

.ctable span.product {
    font-weight: bold;
    font-size: 14px;
    color: #444;
}

.ctable span.total {
    font-weight: bold;
    font-size: 11px;
    color: #677315;
}

.ctable th.product  { width: 150px; }
.ctable th.total    { width: 60px; }
.ctable th.price    { width: 60px; }
.ctable th.quantity { width: 45px; }
.ctable th.delete   { text-align: center; width: 50px; }

.ctable td.product  { width: 150px; }
.ctable td.total    { width: 60px; }
.ctable td.price    { width: 60px; }
.ctable td.quantity { width: 45px; }
.ctable td.delete   { text-align: center; width: 50px; }

input.quantity {
    width: 25px;
    margin: 0;
    padding: 1px 2px 1px 2px;
    background-color: #FFF;
    border: 1px solid #7b8726;
}

.cart #sum {
    margin: 5px 0 0 0;
    padding: 5px 5px 0 0;
    border-top: 1px solid #7A8625;
    width: 755px;
    float: left;
    text-align: right;
}

.cart #sum span.total {
    font-weight: bold;
    font-size: 16px;
    color: #677315;
    margin: 0 0 0 20px;
}

.cart #cartactions {
    margin: 10px 0 0 0;
    padding: 0;
    float: left;
}

.cart #cartactions img {
    margin: 0;
    padding: 0;
}

.cart #ordnow {
    margin: 50px 0 0 0;
    padding: 0;
    width: 760px;
    float: left;
}

.cart #ordernow img {
    float: right
}


/**
  ======================================================
	COMMON STYLESHEET DEFINITIONS
  ======================================================
*/	
h1 {
	margin: 20px 0 20px 0;
	padding: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #444;
	border: 0;
	line-height: 20px;   
}

h2 {
	margin: 20px 0 20px 0;
	padding: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	border: 0;
	line-height: 20px;
}

h3.notice {
    color: #CC0000;
    margin: 10px 0 10px 0;
}

/**
  ======================================================
    PROJECTS / CONTENT HEADINGS (USING SIFR)
  ======================================================
    H1 TOP HEADINGS
  ======================================================
*/ 
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
}

.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
}

.sIFR-active #contentarea h1 {
    margin: 0;
    padding: 0;
    height: 30px;
    font-family: "Times New Roman", Times, serif;
    font-size: 26px;
    line-height: 30px;
    color: #3d4601;
    visibility: hidden;
    text-align: left;    
}

.sIFR-active #contentarea.sub h1 {
    margin: auto;
    padding: 0;
    width: 340px;
    height: 30px;
    font-family: "Times New Roman", Times, serif;
    font-size: 26px;
    line-height: 30px;
    color: #3d4601;
    visibility: hidden;
    text-align: center;
}

.sIFR-active #contentarea.sub #gc1 h1 {
    margin: 0;
    text-align: left;
}

.sIFR-active #contentarea h2 {
    margin: 0 0 10px 0;
    padding: 0;
    width: 240px;
    height: 20px;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #3d4601;
    visibility: hidden;
    text-align: left;
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/**
  ======================================================
    LISTS & MORE
  ======================================================
*/ 
ol, ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

/**
  ======================================================
    SUB NAVIGATION
  ======================================================
*/ 
ul.cat ul {
    margin: 0;
    padding: 0 0 10px 0;
    display: block;
}

ul.cat li a, ul.cat li a:link, ul.cat li a:visited, 
ul.cat li a:hover, ul.cat li a:active {
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: bold;
    font-size: 14px;
    display: block;
    line-height: 16px;
    height: 16px;
    text-decoration: none;
}

ul.cat ul li a, ul.cat ul li a:link, 
ul.cat ul li a:visited, ul.cat ul li a:hover, 
ul.cat ul li a:active {
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: normal;
    font-size: 11px;
    display: block;
    text-decoration: none;
} 

ul.cat li.active a, ul.cat li.active a:link, 
ul.cat li.active a:visited, ul.cat li.active a:hover, 
ul.cat li.active a:active {
    font-weight: bold;
    color: #677315;
}

/**
  ======================================================
    PAGE NAVIGATION
  ======================================================
*/ 
ul.pages ul {
    margin: 0;
    padding: 0 0 10px 0;
    display: block;
}

ul.pages li a, ul.pages li a:link, ul.pages li a:visited, 
ul.pages li a:hover, ul.pages li a:active {
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: bold;
    font-size: 14px;
    display: block;
    line-height: 16px;
    height: 16px;
    text-decoration: none;
}

ul.pages ul li a, ul.pages ul li a:link, 
ul.pages ul li a:visited, ul.pages ul li a:hover, 
ul.pages ul li a:active {
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: normal;
    font-size: 11px;
    display: block;
    text-decoration: none;
} 

ul.pages li.active a, ul.pages li.active a:link, 
ul.pages li.active a:visited, ul.pages li.active a:hover, 
ul.pages li.active a:active {
    font-weight: bold;
    color: #677315;
}

/**
  ======================================================
    LINES & HORIZONTAL RULES
  ======================================================
*/ 
hr {
	border-top: solid 1px #FF0000;
 	border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
	height: 1px;
	border: 0;
	border-top: 1px solid #bae1f7; 
	width: 424px;
}

.hline {
	margin: 0;
	padding: 0;
 	border-width: 0;
 	border-top: solid 2px #FFF; 
	width: 100%;
	float: left;
	line-height: 2px;
}

p       { margin: 15px 0 15px 0; }
p.back  { margin: 30px 0 15px 0; }
.hide   { display: none; }
.italic { font-style: italic; }
.clear  { clear:both; }
em      { font-size: 11px; }
.strong { font-weight: bold; }
strong { color: #3C4501; }

/*
  ======================================================
    COMMON STYLES FOR FORMS
  ======================================================
*/
form {
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
}

label {
    font-weight: normal;
}

p.label {
    margin-top: 0.5em;
    margin-bottom: -0.25em;
}

fieldset {
    padding: 0;
    margin: 0 0 10px 0;
    border: 0;
}

input.text {
    width: 260px;
    margin: 0.25em 0.25em 0.25em 0em;
    padding: 4px;
    background-color: #f6f6f6;
    border: 1px solid #c6c6c6;
}

input.text:focus {
    background-color: #FFF;
    border: 1px solid #000;
}

input.upload {
    margin: 0.25em 0.25em 0.25em 0em;
}

textarea {
    width: 216px;
    height: 90px;
    margin: 0.25em 0.25em 0.25em 0em;
    padding: 4px;
    background-color: #FFF;
    border: 1px solid #7B8726;
    overflow: auto;
}

textarea:focus {
    background-color: #FFF;
    border: 1px solid #000;
}

select.options {
    width: 340px;
    margin: 0 0 5px 0;
}

/*
  ======================================================
    MOOTOOLS TOOLTIP STYLES
  ======================================================
*/
.tip {
    color: #fff;
    width: 200px;
    z-index: 13000;
}
 
.tip-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #a1b60c;
    /*color: #7b8726;*/
    padding: 8px 8px 4px;
    background: url(../img/assets/tooltip.png) top left;
}
 
.tip-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url(../img/assets/tooltip.png) bottom right;
}