/*
###########################################
## Basis Layout -->autor: ffi
###########################################
*/

/*
------------------------------------------
Colors
------------------------------------------
*/
/*

Color 1 (Element): #xxxxxx;
Color 1 (Element): #xxxxxx;
Color 1 (Element): #xxxxxx;
Color 1 (Element): #xxxxxx;
Color 1 (Element): #xxxxxx;

*/

/*
------------------------------------------
Global Reset
------------------------------------------
*/

*{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/*
------------------------------------------
Headlines
------------------------------------------
*/

h1{
    font: 16px/24px Verdana, Arial, Helvetica, Tahoma, sans-serif;
    margin-bottom: 20px;
}

h2{
    font: 13px/20px Verdana, Arial, Helvetica, Tahoma, sans-serif;
    margin-bottom: 5px;
    color: #fe6100;
}


h3{
    font: 12px/20px Verdana, Arial, Helvetica, Tahoma, sans-serif;
    margin-bottom: 10px;   
}


h4{
    font: 11px/18px Verdana, Arial, Helvetica, Tahoma, sans-serif;
    margin-bottom: 5px;
}


/*
------------------------------------------
Links
------------------------------------------
*/

a:link, a:visited{
    color: #fe6100;
    text-decoration: none;
    font-weight: bold;
}

a:hover{
    color: #fe6100;
    text-decoration: underline;
}


/*
------------------------------------------
Images
------------------------------------------
*/

img, a img{
    border: 0px;
    display: block;
}

img.mime_icon{
  display: inline;
}

/*
------------------------------------------
 Standart elements
------------------------------------------
*/

p{
  margin-bottom: 15px;
    
}

ul{
  margin: 0px 0px 0px 20px;
  padding: 0px;
    
}

li{
   margin-bottom: 3px; 
}

/*
------------------------------------------
Layout Styles
------------------------------------------
*/

html{
}

html>body{
    font-size: 12px;
}

body{
    font-size: 75%;
    background-image: url(../_img/layout/bg_gradiant.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #d3d3d3;
}

#wrapper{
    width: 919px;
    margin: 0 auto;
    border: 1px solid #999999;
    font: 11px/18px Verdana, Arial, Helvetica, Tahoma, sans-serif;
    background-color: #fff;
}

#header{
    clear: both;
	position: relative;
}

#logo{
    clear: both;
}

#banner{
    clear: both;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

#langSwitcher{
	position: absolute;
	top: 34px;
	right: 10px;
}

#langSwitcher li{
	display: inline;
	list-style-type: none;
	margin-right: 5px;
}

#langSwitcher li a{
	color: #000;
    text-decoration: none;
    font-weight: bold; 
}

#langSwitcher li p.active{
	color: #fe6100;
	display: inline;
	font-weight: bold;
}

#content{
    clear: both;
    min-height:400px;
    height:auto !important;
    height:400px;
}

#left{
    float: left;
    width: 200px;
    padding: 35px 0px 0px 13px;
}

#right{
    float: left;
    display: inline;
    width: 705px;
}

#mainContent{
    float: left;
    width: 465px;
    min-height:400px;
    height:auto !important;
    height:400px;
    padding: 35px 35px 30px 30px;
    border-left: 1px solid #000000;
    border-right: 1px solid #999999;  
}

#sidebar{
    padding: 35px 25px 0px 20px;
    float: right;
    display: inline;
    width: 128px;
    /*width: 173px;*/
}

/*Testing*/

#sidebar div div{
    padding: 0px 0px 15px 0px;
    margin-bottom: 15px;
    
    background-image: url(../_img/layout/sidebarBoxLine.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    
    
}


#footer{
    clear: both;
    height: 25px;
    border-top: 1px solid #999999;
    padding: 5px 10px 0px 10px;
    background-color: #cccccc;
    color: #313131;
}

#footer a{
    font-weight: normal;
    color: #313131;
    text-decoration: none;
}

#footer img{
    display: inline;
    margin-right: 6px;
}

#footerLeft{
    float: left;
    width: 400px;
}

#footerRight{
    float: right;
    display: inline;
    width: 400px;
    text-align: right;
}




/*
------------------------------------------
Navi Styles
------------------------------------------
*/

/*
-----------------
LEVEL 1
-----------------
*/

#navi ul.level_1{
    margin: 0px;
    padding: 0px;
}

#navi ul.level_1 li{
    list-style-type: none;
    margin-bottom: 2px;
}

#navi ul.level_1 li a, #navi ul.level_1 li a:visited{
    font-weight: normal;
    color: #313131;
    text-decoration: none;
    border-left: 3px solid #fff;
    padding-left: 10px;
}

#navi ul.level_1 li.submenu a, #navi ul.level_1 li p, #navi ul.level_1 li a:hover{
    
    font-weight: normal;
    color: #313131;
    text-decoration: none;
    border-left: 3px solid #fe6100;
    padding-left: 10px;
    display: inline;
}


/*
-----------------
LEVEL 2
-----------------
*/

#navi ul.level_2{
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

#navi ul.level_2 li{
    list-style-type: none;
    margin-bottom: 5px;
}

#navi ul.level_1 li ul.level_2 li a, #navi ul.level_1 li ul.level_2 li a:visited{
    font-weight: normal;
    color: #313131;
    text-decoration: none;
    padding-left: 20px;
    border-left: 0px;

}

#navi ul.level_1 li ul.level_2 li.submenu a, #navi ul.level_1 li ul.level_2 li p, #navi ul.level_1 li ul.level_2 li a:hover{
    color: #fe6100;
    text-decoration: none;
    padding-left: 20px;
    border-left: 0px;
    display: inline;
}


/*
-----------------
LEVEL 3
-----------------
*/

#navi ul.level_3{
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

#navi ul.level_3 li{
    list-style-type: none;
    margin-bottom: 5px;
}

#navi ul.level_1 li ul.level_2 li ul.level_3 li a, #navi ul.level_1 li ul.level_2 li ul.level_3 li a:visited{  
    display:inline;
    float: left;
    font-weight: normal;
    color: #a3a3a3;
    text-decoration: none;
    padding-left: 30px;
    width: 150px;

}

#navi ul.level_1 li ul.level_2 li ul.level_3 li p, #navi ul.level_1 li ul.level_2 li ul.level_3 li a:hover{
    color: #313131;
    text-decoration: none;
    display:inline;
    float: left;
    font-weight: normal;
    padding-left: 30px;
    width: 150px;
    margin-bottom: 0px;
}



/*
------------------------------------------
Content Styles
------------------------------------------
*/

/*home Table*/

table#tableHome img {
  display: inline;
}

table#tableHome tr#tableHomeContent td {
  padding: 0px 9px 0px 7px;

}

table#tableHome tr#tableHomeLink td {
  padding: 0px 9px 5px 7px;

}

table#tableHome tr#tableHomeContent td p {
  
  line-height: 14px;
}

/*Projekte*/

div#firstItem{
  padding: 0px 0px 15px 0px;
  border-bottom: 1px solid #cccccc;
}

div#lastItem{
  padding: 20px 0px 15px 0px;
}

div.borderBottom{
  padding: 20px 0px 15px 0px;
  border-bottom: 1px solid #cccccc;
}



/*team img*/

#team img{
  padding-top: 5px;
}

#team div.block{
  padding: 20px 0px 5px 0px;
  border-bottom: 1px solid #cccccc;

}

/*contact form*/

form#finalixForm label{
  display:block;
  float:left;
  width: 80px;
}

form#finalixForm input{
  margin-bottom:5px;
  border: 1px solid #cccccc;
}

form#finalixForm select{
  width: 144px;
  margin-bottom:5px;
  border: 1px solid #cccccc;
}

form#finalixForm textarea{
  width: 144px;
  height: 70px;
  margin-bottom:5px;
  border: 1px solid #cccccc;
}

form#finalixForm div.error{
  float:right;
  text-align: left;
}

div.submit_container{
  padding-left: 165px;
}

div.submit_container input{
  padding: 2px;
  background-color: #fe6100;
}





/*
------------------------------------------
TypoLight Styles
------------------------------------------
*/


.clear{
  height: 0.1px;
  overflow:hidden;
  font-size: 0.1px;
  line-height: 0.1px;
  clear: both;
}

.invisible{
  width: 0px;
  height: 0px;
  left: -1000px;
  top: -1000px;
  position: absolute;
  overflow: hidden;
  display: inline;
}