@charset "UTF-8";


#footer {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}


@font-face {
	font-family: 'Helvetica-Ultra-Light';
	src: url('http://www.der-griessler.at/fileadmin/griessler/templates/css/Helvetica-Ultra-Light.eot');
	src: url('Helvetica-Ultra-Light.woff') format('woff'),
            url('http://www.der-griessler.at/fileadmin/griessler/templates/css/Helvetica-Ultra-Light.ttf') format('truetype'),
            url('http://www.der-griessler.at/fileadmin/griessler/templates/css/Helvetica-Ultra-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*********/
/* BOXES */
/*********/

a,img,object,div{border: none; outline: none !important;}

.clear{clear: both; float: none;}

body {
    background: url(../images/bg_body.jpg) 0 0 repeat-x #d9d9d9;
}

div#outerWrap {
    width: 806px;
    overflow: visible;
    position: relative;
}

div#header {
    background: none transparent;
    height: 125px;
    position: relative;
    margin-top: 0;
}

div#header h1#webSite {
    display: block;
    width: 167px;
    height: 150px;
    margin: 0;
    padding: 0;
    top: 10px;
    left: 0;
    z-index: 9;
}

#header{position: relative;}

div#contentWrap {
    background: none transparent;
    padding-bottom: 15px;
    min-height: 360px;
}

div#header h1#webSite a#homeLink {
    display: block;
    width: 300px;
    height: 100px;
}

div#navigationFirstLevel {
    background: none transparent;
}

div#navigationFirstLevelMenu {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    float: left;
    height: 36px;
    overflow: visible;
    position: absolute;
    right: 0;
    width: auto;
    z-index: 9;
}

div#searchBox {
    margin-left: 0;
    position: absolute;
    right: 20px;
    top: 40px;
}

div#languageMenu {
    background: none repeat scroll 0 0 transparent;
    float: none;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 0;
    position: absolute;
    right: 0;
    top: -30px;
}

div#topMenu {
    background: none repeat scroll 0 0 transparent;
    float: none;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 0;
    position: absolute;
    right: 200px;
    top: 40px;
}



div#fontResize {
    position: absolute;
    z-index: 10;
    top: 40px;
    left: 400px;
}

div#secondaryContent {
    padding-right: 15px;
}

div#footer {
    padding: 0;
    width: 100%;
    float: left;
    background: none #40a738;
    height: auto;
    position: fixed !important;
    bottom: 0;
}

div#footerContent {
    margin: 0 auto;
 
    text-align: center;
    float: left;
    padding: 10px 0;
    font-size: 1.2em;


}

div#footerContent p {
    margin: 0;
    font-size: 12px;
    padding: 0 10px 0 10px;
 
}

div#footerContent,
div#footerContent a:link,
div#footerContent a:visited {
    color: #fff;
}

div#agency {
 float: left;
  padding: 10px 0 10px 10px;
    
    width: auto;
    color: #fff;
    text-align: right;
}

div#year {
    float: left;
    width: auto;
    color: #fff;
}

div#agency img#klogo {
    float: right;
}

div#headerPictureWrap {
    width: 806px;
    height: 357px;
    position: relative;
    z-index: 0;
}

div#headerPicture {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: none #F4F4F4;
}

div#headerPictureOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: url(../images/headerPictureOverlay2.png) 0 0 no-repeat transparent;
    width: 806px;
    height: 357px;
}

div#outerWrap div#headerPictureText {
    background: none repeat scroll 0 0 transparent;
    bottom: 37px;
    height: 39px;
    left: 0;
    line-height: 39px;
    position: absolute;
    text-align: center;
    width: 770px;
    z-index: 3;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
}

div#outerWrap div#headerPictureText div {
    text-align: center;
}

div#main {
    width: 100%;
}

div#mainContent {
    padding: 0 30px;
}

div#shoppingCart {
    background: url("../images/bg_shoppingCart.png") no-repeat scroll 0 0 transparent;
    height: 162px;
    overflow: hidden;
    position: absolute;
    right: -45px;
    top: 135px;
    width: 71px;
    display: none;
}

div#shoppingCart a {
    display: block;
    width: 71px;
    height: 162px;
}

/**********/
/* MENUES */
/**********/

div#topMenu ul li a {
    color: #000 !important;
}

div#navigationFirstLevelMenu ul {
    overflow: visible;
}

div#navigationFirstLevelMenu ul li a {
    background: url("../images/bg_navigationFirstLevelMenuLi.jpg") no-repeat scroll right center transparent;
    color: #000000;
    display: block;
    font-size: 1.3em;
    height: 20px;
    line-height: 20px;
    padding: 8px;
}

div#navigationFirstLevelMenu ul li.last a {
    background: none transparent;
}

div#navigationFirstLevelMenu ul li:hover>a {
    background: url(../images/bg_navigationFirstLevelMenuLi.jpg) right center no-repeat transparent;
    border-bottom: 8px solid #40A738;
}

div#navigationFirstLevelMenu ul li a:hover {
    background: url(../images/bg_navigationFirstLevelMenuLi.jpg) right center no-repeat transparent;
    border-bottom: 8px solid #40A738;
}

div#navigationFirstLevelMenu ul li ul li:hover>a,
div#navigationFirstLevelMenu ul li ul li a:hover,
div#navigationFirstLevelMenu ul li:hover>ul li a {
    background: none transparent;
    border-bottom: 0 none;
}

div#navigationFirstLevelMenu ul li ul li a:hover {
    color: #40A738;
}

div#navigationFirstLevelMenu ul li.last:hover>a {
    background: none transparent;
}

div#navigationFirstLevelMenu ul li.last a:hover {
    background: none transparent;
}

div#navigationFirstLevelMenu ul li {
    position: relative;
}

div#navigationFirstLevelMenu ul li a.selected,
div#navigationFirstLevelMenu ul li a.active {
    background: url(../images/bg_navigationFirstLevelMenuLi.jpg) right center no-repeat transparent;
    border-bottom: 8px solid #40A738;
}

div#languageMenu ul li {
    display: inline;
    font-size: 100%;
    padding-left: 0;
    margin-left: 5px;
}

div#navigationFirstLevelMenu ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    margin: 0;
    width: 12em;
    background: none #fff;
}

div#navigationFirstLevelMenu ul ul li {
    float: left;
    width: 12em;
}

div#navigationFirstLevelMenu ul ul li a {
    display: block;
    float: left;
    height: auto;
    line-height: 1em;
    padding: 3px 1em;
    width: auto;
    background: none transparent;
}

/********/
/* TYPO */
/********/

body {
    color: #1a171b;
    font: 80%/1.6em Helvetica,Arial,sans-serif;
}

h1#siteTitle {
    margin-left: 10px;
}

h1, h2, h3 {
    text-align: left;
    line-height: 1.1em;
    margin: 0 0 0.5em;
}

h1 {
    font-size: 225%;
    font-family: 'Helvetica-Ultra-Light', Helvetica, Arial, sans-serif;
    font-weight: lighter;
}

h1 b {
    font-weight: bold;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 125%;
}

div#agency a {
    color: #fff;
}

a:link,
a:visited {
    color: #40A738;
}

div#mainContent a:link,
div#mainContent a:visited {
    text-decoration: underline;
}

a.fontSizeMinus
{
    font-size: 12px;
    color: #000;
    text-decoration: none;
    padding:0 2px;
}

a.fontReset {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding:0 2px;
}

a.fontSizePlus {
    font-size: 16px;
    color: #000;
    text-decoration: none;
    padding:0 2px;
}

/*************/
/* POWERMAIL */
/*************/

div.tx-powermail-pi1 legend {
    display: none;
}

div.tx-powermail-pi1 fieldset {
    border: 0 none;
}

div.tx-powermail-pi1 fieldset div {
    width: 100%;
    float: left;
    padding: 5px 0;
}

div.tx-powermail-pi1 label {
    width: 120px;
    float: left;
}

div.tx-powermail-pi1 input {
    border: 1px solid #515151;
    height: 1.5em;
    line-height: 1.5em;
    width: 200px;
}

div.tx-powermail-pi1 textarea {
    border: 1px solid #515151;
    width: 200px;
    height: 100px;
}

div.tx-powermail-pi1 select {
    border: 1px solid #515151;
    width: 200px;
}

div.tx-powermail-pi1  div.reloadText {
    margin-left: 120px;
    width: 200px;
    float: left;
    padding: 0;
}

div.tx-powermail-pi1 div.powermailCaptcha {
    margin-left: 120px;
    width: auto;
    float: left;
}

div.tx-powermail-pi1 div.powermailCaptcha img.tx-srfreecap-pi2-image {
    margin-left: 0;
    margin-right: 0;
}

.tx-srfreecap-pi2-cant-read {
    color: #515151;
    font-size: 0.8em;
    line-height: 1.1em;
}

.tx-srfreecap-pi2-cant-read a {
    color: #930000;
    font-size: 1.1em;
}

div.tx-powermail-pi1 input.powermail_submit {
    margin-left: 120px;
    padding: 0.2em;
    height: auto;
    cursor: pointer;
}

div.error {
    color: red;
    margin-left: 30px;
    margin-top: 40px;
}

/*************/	
/* SEARCHBOX */
/*************/

div#searchBox input#inputSubmit {
    background: url(../images/bg_searchButton.gif) 0 0 no-repeat;
    height: 20px;
    width: 20px;
    overflow: hidden;
    text-indent: -10000px;
    border: 0 none;
    cursor: pointer;
}

/*****************/
/* LANGUAGE MENU */
/*****************/

div.tx-srlanguagemenu-pi1 div {
    float: left;
    margin-left: 3px;
}

div.tx-srlanguagemenu-pi1 img {
    float: left;
    margin-left: 2px;
}


/****************/
/* MULTICOLUMNS */
/****************/

.multicolumnContainer .column {
    float: left;
    list-style: none outside none;
    margin: 0;
}

.multicolumnContainer .column div {
    float: none;
}

.multicolumnContainer .column div.csc-header {
    width: 100%;
}

.multicolumnContainer ul {
    margin-left: 0;
}

.multicolumnContainer .column ul li {
    margin-left: 15px;
}

#c359 .columnFirst .columnItem2, #c409 .columnItem2{
    float: none;
    }
    
.columnLast{
    float: right !important; 
    }    
    
.csc-frame-frame1{width: 600px; margin: 0 auto; background: #D9D9D9;}  

#uid4 .backlink{display: none;}  

#uid51 #c284 img, #uid51 #c310 img, #uid51 #c316 img, #uid51 #c340 img{width: 200px; height:194px;}

#socialmedia{float:right; padding: 10px 0; width: 290px;}

#socialmedia a {
    display: block;
    float: left;
    margin: 0 0 0 6px;
    padding: 1px 0 0;
}

.fb_edge_widget_with_comment {
    float: left;
    position: relative;
}

 

#headerPictureWrap{position: relative;}
#newsletter {
    background: none repeat scroll 0 0 #40A738;
    position: absolute;
    right: 0;
    top: 33px;
}
#request {
    background: none repeat scroll 0 0 #40A738;
    position: absolute;
    right: 160px;
    top: 33px;
}
#request a, #newsletter a{display: block; padding: 5px; color: #fff; font-weight: bold; text-decoration: none;} 
#request a:hover, #newsletter a:hover{color: #000;}


.km_input input{width: 400px !important;}
#km_row_button button {
    background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #777777;
    display: block;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 0 200px !important;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
	cursor: pointer !important;
}

.km_input textarea {
    height: 160px;

    width: 404px;
}

#fb-link{
    margin-right: 10px !important;
}