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

body{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	margin:0;
	padding:0;
	width:100%;
	height: 100%; 
	background-color:#000;
	font-size:12px;
	color:#fff;
}

.floatcontainer:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.floatcontainer{display: inline-block;} 
/* Hides from IE Mac \*/
* html .floatcontainer {height: 0px;}
.floatcontainer{display:block;}
/* End Hack */ 

/* global styles */
img { border:0 none; }
a {
	color:#00CC00; 
	text-decoration:none;
	font-weight:normal;
}
a:hover {
	color:#00CC00; 
}
/* */
#stylebody {
	width:860px;
	margin:0 auto 0 auto;
	padding-bottom:25px;
}

#stylebody h2 {
	padding:5px 0 22px 90px;
	margin:0 0 0 0;
	font-size:14px;
	height:24px;
}

#stylebody h5 {
	color:#ccc;
	padding:0 0 14px 0;
	margin:0 0 0 0;
	font-size:14px;
	font-weight:normal;
}
#stylebody p {
	padding:0 0 0 0;
	margin:0;
	color:#999;
}

#stylebody ul {
	padding:12px 0 12px 25px;
	margin:0;
	color:#999;
}
#stylebody li {
	color:#999;
}
p.linklist a {
	background: transparent url(../images/link-arrow.gif) no-repeat;
	padding:0 0 0 15px;
	background-position:0 3px;
}

p.linklist a:hover {
	background: transparent url(../images/link-arrow-mo.gif) no-repeat;
	background-position:0 3px;
	color:#000;
	background-color:#00cc00;
}

a.green {

}
a:hover.green {
	color:#000;
	background-color:#00cc00;
}



a.link {
	background: transparent url(../images/link-arrow.gif) no-repeat;
	padding:0 0 0 15px;
	background-position:0 3px;
}
a:hover.link {
	background: transparent url(../images/link-arrow-mo.gif) no-repeat;
	background-position:0 3px;
	color:#000;
	background-color:#00cc00;
}



a.nod {

	padding:0 0 0 0;
	background-position:0 3px;
}
a:hover.nod {
	color:#000;
	background-color:#00cc00;
}

a.download {
	background: transparent url(../images/link-arrow-download.gif) no-repeat;
	padding:0 0 0 15px;
	background-position:0 3px;
}
a:hover.download {
	background: transparent url(../images/link-arrow-download-mo.gif) no-repeat;
	background-position:0 3px;
	color:#000;
	background-color:#00cc00;
}



a.boxlink {
	background: transparent url(../images/box/link-icon.gif) no-repeat;
	padding:0 0 0 15px;
	background-position:0 3px;
}
a:hover.boxlink {
	background: transparent url(../images/link-arrow-mo.gif) no-repeat;
	background-position:0 3px;
	color:#000;
	background-color:#00cc00;
}

a.boxdownload {
	background: transparent url(../images/box/download-icon.gif) no-repeat;
	padding:0 0 0 15px;
	background-position:0 3px;
}
a:hover.boxdownload {
	background: transparent url(../images/link-arrow-download-mo.gif) no-repeat;
	background-position:0 3px;
	color:#000;
	background-color:#00cc00;
}


#stylebody .f-big { font-size:38px; }
#stylebody .f-small { padding-top:20px; color:#fff; padding-bottom:20px;}

#stylebody .header { width:860px; }
#stylebody .floatcontainer div { float:left; }
#stylebody .logo { padding:0 25px 0 0; }
#stylebody .pad-51 { padding:51px 0 0 5px; }
#stylebody .pad-69 { padding:0 0 0 69px; }
#stylebody .pad-90 { padding-left:90px; }
#stylebody .pad-20 { padding-bottom:20px; }

#stylebody .w-445 { width:445px; }
#stylebody .w-688 { width:688px; }
#stylebody .t-white { color:#fff; }
#stylebody .w-235 { width:210px; padding:0 25px 22px 0; }
#stylebody .t-14 { font-size:14px; padding-bottom:24px; color:#dfdfdf; }

.portfoliobox { padding:0 0 20px 50px; }
.portfoliobox .box-left { float:left; width:40px;  padding-top:34px; }
.portfoliobox .box-holder { width: 681px; float:left; background:transparent url(../images/box-bg.gif) no-repeat; background-position:0px 34px; height:290px;}
.portfoliobox .box-right { float:left; width:40px; padding-top:34px; }
.portfoliobox .box-holder .box-menu { float:none;  width: 681px; }

.portfoliobox .box-holder #box-menu1 { float:none;  width:681px; display:block; }
.portfoliobox .box-holder #box-menu2 { display:none; width:681px; }
.portfoliobox .box-holder #box-menu3 { display:none; width:681px; }
.portfoliobox .box-holder #box-menu4 { display:none; width:681px; }

.portfoliobox .box-holder #content1 { display:block; padding:20px 0 0 25px;}
.portfoliobox .box-holder #content2 { display:none;  padding:20px 0 0 25px; }
.portfoliobox .box-holder #content3 { display:none;  padding:20px 0 0 25px; }
.portfoliobox .box-holder #content4 { display:none;  padding:20px 0 0 25px; }


#box p { color:#cccccc; }
#box ul { color:#cccccc; }
#box li { color:#cccccc; }


#boxa p { color:#cccccc; }
#boxa ul { color:#cccccc; }
#boxa li { color:#cccccc; }



#content1 p { color:#cccccc; }
#content2 p { color:#cccccc; }
#content3 p { color:#cccccc; }
#content4 p { color:#cccccc; }


#content1 li { color:#cccccc; }
#content2 li { color:#cccccc; }
#content3 li { color:#cccccc; }
#content4 li { color:#cccccc; }

#content1 ul { color:#cccccc; }
#content2 ul { color:#cccccc; }
#content3 ul { color:#cccccc; }
#content4 ul { color:#cccccc; }

.youtube { width:260px; float:left; }

/* */

.portfoliobox .box-holder #box-menu1-pro { float:none;  width: 681px; display:block; }
.portfoliobox .box-holder #box-menu2-pro { display:none; width: 681px;}
.portfoliobox .box-holder #box-menu3-pro { display:none; width: 681px;}

.portfoliobox .box-holder #contentpro1 { display:block; padding:20px 0 0 25px; }
.portfoliobox .box-holder #contentpro2 { display:none;  padding:20px 0 0 25px; }
.portfoliobox .box-holder #contentpro3 { display:none;  padding:20px 0 0 25px; }

#websub1  { display:block;color:#ccc; }
#websub2, #websub3, #websub4, #websub5, #websub6, #websub7, #websub8, #websub9, #websub10, #websub11, #websub12, #websub13, #websub14, #websub15 { display:none; color:#ccc; }
#consub1  { display:block; }
#consub2, #consub3, #consub4, #consub5, #consub6, #consub7, #consub8, #consub9, #consub10, #consub11, #consub12, #consub13 { display:none; }
#versub1  { display:block; }
#versub2, #versub3, #versub4, #versub5, #versub6, #versub7, #versub8, #versub9, #versub10, #versub11, #versub12, #versub13 { display:none; }

#stylebody .line { 
	font-size:6px;
	padding:10px 0 0 577px;
	height:29px;
}
#stylebody .line-was { background:transparent url(../images/line-was.gif) no-repeat; background-position:69px 0; }
#stylebody .line-koennen { background:transparent url(../images/line-koennen.gif) no-repeat; background-position:69px 0; }
#stylebody .line-wir { background:transparent url(../images/line-wir.gif) no-repeat; background-position:69px 0; }
#stylebody .line-fuer { background:transparent url(../images/line-fuer.gif) no-repeat; background-position:69px 0; }
#stylebody .line-sie { background:transparent url(../images/line-sie.gif) no-repeat; background-position:69px 0; }
#stylebody .line-tun { background:transparent url(../images/line-tun.gif) no-repeat; background-position:69px 0; }


#stylebody .back-to-top { padding:0 0 0 0px; }
#stylebody .linebottom {  padding:0 0 22px 0px;  background:transparent url(../images/line-bottom.gif) no-repeat; 	background-position:69px 0;}
#stylebody .print { padding:17px 21px 0 613px; }
#stylebody .recommend { padding:10px 21px 0 0; }
#stylebody .bottom { padding:10px 21px 0 21px; width:680px; font-size:11px; color:#999; }

p.whitetextbold {
	font-weight:bold;
	color:#fff;
}
p.whitetext {
	color:#fff;
}