/**
* CSS
*
* @version 1.0
* @author Vaska
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}
html{background:#fff url(http://treffpt.de/client/files/mbg2.jpg) no-repeat fixed;
}
body {
	background: transparent;color: #172983;
         }
body, p, div, ul, li {font-size: 14px;font-weight:normal;
font-family:"Arial",Tahoma,Helvetica,sans-serif;line-height:1.4em;}

body.section-1 { }
body.section-2 { }
body.section-3 { }

#content {display:none;}

a:link { text-decoration: none; color: #172983; }
a:active { text-decoration: none; color: #172983; }
a:visited { text-decoration: none; color: #172983; }
a:hover { text-decoration: none; color: blue; }

a,img { border: none;outline:none;}


#frame{
display:block;background: transparent;
padding:0 0 10px 0 ;
width: 99,9%;
margin:0 15px 0 0;

}

#menu {z-index:100; border-top:2px solid #172983;
clear:both;
overflow:hidden;
    margin: 0 0 25px 0;
    width: 100%;
    overflow: auto;
    padding:7px 0 25px 25px;
    color:black;background: transparent;display:block;position:fixed;
 
}

#menu li a{outline:none;font-size:14px;width:175px;display:inline-block;height:15px;}

#menu ul {position:relative;top:0;left:0;
	
         padding:0 0 0 0;
	margin: 0 20px 0px 0;

         width:220px;float:left; }
         #menu li{list-style:none;margin: 0 0 0 0;padding:4px 0 3px 0px;
letter-spacing:0.15em;text-transform: uppercase;}
         #menu li.active{
          color: darkblue;list-style: url(http://boodas.de/files/li_active.gif) inside;        }

.header{display:none;position:absolute;top:15px;left:25;z-index:350;
border-bottom:0px solid #fff;
width:960px;background-color: transparent;
margin: 0 0 0 0;float:left;
padding:0 0 8px 0px;letter-spacing:0.03em;}

#menu ul li.section-title {}

#content {
z-index:1;
    padding:130px 0 0 25px;
    height: 100%;
    margin: 0 0 0 0;letter-spacing:0.03em;
    }

.container {
	margin: 0 0 0 0;
    	padding: 0 0 0 0;

}

#content p {	margin: 0 0 9px 0;
    		padding: 0 0 0 0;}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 50px; color:#000;}
h2 { font-size: 24px; font-family:times new roman, sans-serif;font-weight:normal;text-decoration:underline;}
h3 { font-size: 14px; color:white;font-weight:bold;line-height:1.4em;text-transform: uppercase;}
h5 { font-size: 24px; color:#39A962;font-weight:normal;margin:0;line-height:1.4em;}
h4 { font-size: 14px; color:#39A962;font-weight:normal;margin:0;line-height:1.4em;text-transform: uppercase;}



#img-container	{ margin: 20px 0 0 0; padding: 0;float:left;width:100%; }
#img-container img{ margin: 0; padding: 0;}
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }
.textl{background-color: transparent; width:460px;margin:0 20px 20px 0;padding: 0;float:left;text-align:center;border-top:0px solid #e5e5e5; }
.textr{background-color: transparent;width:460px; margin:0 0 20px 0;padding: 0;float:left; text-align:center; border-top:0px solid #e5e5e5;}

.textl1{background-color: transparent; width:220px;margin:0 20px 20px 0;padding: 0;float:left;text-align:center;border-top:0px solid #e5e5e5; }
.textr1{background-color: transparent;width:80%; margin:0 0 20px 0;padding: 0;float:left;text-align:left;border-top:0px solid #e5e5e5; }
.textr1 img{margin:5px 12px 0 0;padding: 0;float:left;width:160px;height:108px;overflow:hidden;}

.imgb{border-top:0px solid #e5e5e5;}
.text_img{float:left;width:470px;}
#foot{display:none;width:220px;bottom: 0;font-size:11px;margin:0 0 0 25px;
left: 0;border-left:1px solid grey;border-right:1px solid grey;border-top:1px solid grey;
position: absolute;}
#foot div{padding:6px;}
#foot p{border-top:1px solid grey;margin:4px 0 0 0;padding:4px 0 0 0;}

.project_container {background-color: transparent; width:220px;margin:0 20px 60px 0;padding: 0;float:left;text-align:justify;font-weight:bold;}

.project_container1 {background-color: transparent; width:460px;margin:0 20px 60px 0;padding: 0;float:left;text-align:justify;font-weight:bold; }

.project_container img {margin: 0 0 6px 0;}
.project_container1 img {margin: 0 0 6px 0;}

.textr{background-color: transparent; width:460px;margin:0 0 0 0;padding: 0;float:left;text-align:justify;border-top:0px solid #e5e5e5; }

#submenu {margin:0;padding:0;width:460px;position:fixed;bottom:25px;left:25px;z-index:200;text-align:center;border:1px solid #172983;background: transparent;}
#submenu p {float:right;width:460px;text-align:center;padding:0 0 0 0;margin:0;}
#submenu p a{text-transform:uppercase;letter-spacing:0.15em;}


#title {z-index:150;
	text-align: left;
	position: fixed;
width:960px;
	top:24px;left:5px;
	display: block;


}

#title p {
	margin: 0 auto 0 auto;padding:15px 15px 25px 15px;
	width: 100%;font: normal normal bold 100px/80px Arial, Helvetica;color:white;}
#title p span{font-size:48px;}

#logo {z-index:99;display: none;
	text-align: left;
	position: fixed;
width:100%;
	top:24px;left:5px;
	


}

#logo p {
	margin: 0 auto 0 auto;padding:15px 15px 0 18px;
	width: 100%;font: normal normal bold 100px/80px Arial, Helvetica;color:white;}
#logo p span{font-size:48px;}


