/*****--------------------------*****/
/***** additional styles        *****/
/*****--------------------------*****/


/* tooltip */
/* @import url('ui/jquery.ui.all.css'); */

/* reset all styles */
@import url('clear.css');

/* fancy box  styles */
@import url('../script/fancybox/jquery.fancybox-1.3.4.css'); 

/*****--------------------------*****/
/***** default tags and classes *****/
/*****--------------------------*****/
    
    

html, body { 
    height: 100%; 
}


/* clear floated elements */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* dont use only for browser debugging instead of .clearfix */
.clearing { clear: both; }
        
.hide { display: none; }
.show, .block { display: block;}
.inline-block { display: inline-block; }
.underline { text-decoration: underline; }
.nunderline { text-decoration: none; }
.fleft   { float: left; }
.fright  { float: right; }

span.error { color: red; }
span.small { font-size: 10px; }


/*begin*/

body {
     background: url(../images/bodybg.png) repeat;
    font-family: Arial MT, Arial, Verdana Tahoma, Helvetica, sans-serif;
    color: #06231b;
    font-size: 11px;   
}


    
a { 
    color: #1a171b;
    outline: none;
}

a.nunderline { text-decoration: none; }

h1,h3 {
    font-size: 12px;
    color: #b6ac77;
    font-weight: normal;
    text-transform: uppercase;
}

h1 {
    display: none;
}

h2 {
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    color: #31504c;
}
    
    
input, textarea {
    width: 267px;
    height: 22px;
    background: #fff;
    margin-bottom: 16px; 
    margin-top: 7px;
}


textarea { 
    height: 70px;
    margin-bottom: 0px; 
}

input.submit {
    background: #F0F0F0;    
    width: 60px;
    text-align: left;
    margin-top: 0px;
}



/* site content */


#main {
      width: 950px;
      margin: auto;
      background: url(../images/mainbg.png) repeat-y;
      border: 0px solid black;
      margin: auto; /* Div soll zentriert werden */
      min-height: 100%; /* Mindesthöhe für moderne Browser */
      height:auto !important; /* Important Regel für moderne Browser */
      height:100%; /* Mindesthöhe für den IE */
      overflow: hidden !important; /* FF Scroll-leiste */ 
}

#columnwrapper {
   background: url(../images/wrapperbg.png) no-repeat;
}

#leftcolumn {
    width: 440px;
    float: left;
}

#rightcolumn {
    margin-left: 440px;
}

  /*navigation*/
#navigation{
  margin: 0px 0px 0px 129px;
}

#navigation ul li a{
  display: block;
  width: 220px;
  height: 36px;
}

#navigation ul li.active a, #navigation ul li a:hover{
  background: #960f0f;
}

#navigation ul li.index a, #navigation ul li.index a:hover{
  background: none;
}

#navigation ul li a span{
  display: block;
  width: 220px;
  height: 36px;
  background: url(../images/sprite.png) no-repeat;
}


#navigation ul li.active a span{
}

#navigation ul li.index, #navigation ul li.index a {
  height: 338px;
}

#navigation ul li a#nav_index span{
  background: none;
}

#navigation ul li a#nav_portfolio span{
  background-position: left 0px;
}

#navigation ul li a#nav_produkte span{
  background-position: left -135px;
}

#navigation ul li a#nav_vita span{
  background-position: left -272px;
}

#navigation ul li a#nav_galerie span{
  background-position: left -408px;
}

#navigation ul li a#nav_kontakt span{
  background-position: left -544px;
}

#navigation ul li a#nav_impressum span{
  background-position: left -679px;
}

#navigation ul li a#nav_xing span{
  background-position: left -816px;
}

#content {
  padding-top: 45px;
  min-height: 600px;
}

#content .row{
  padding: 0 20px 20px 20px;
}

#content .row a{
  padding-right: 20px;
}


#text {
  padding: 39px 138px 39px 20px;
  line-height: 17px;
}

#text p {
  padding-bottom: 20px;
}

#text p.small {
  font-size: 9px;
  line-height: 15px;
}

#text p.indent {
  padding-left: 20px;
}