/* ----- 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 #box-menu4-pro { display:none; width: 681px;}
.portfoliobox .box-holder #box-menu5-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; }

.portfoliobox .box-holder #contentpro11 { display:block; padding:20px 0 0 25px; }
.portfoliobox .box-holder #contentpro12 { display:none;  padding:20px 0 0 25px; }
.portfoliobox .box-holder #contentpro13 { display:none;  padding:20px 0 0 25px; }
.portfoliobox .box-holder #contentpro14 { display:none;  padding:20px 0 0 25px; }
.portfoliobox .box-holder #contentpro15 { 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; }

#autosub1  { display:block;color:#ccc; }
#autosub2, #autosub3, #autosub4, #autosub5, #autosub6, #autosub7, #autosub8, #autosub9, #autosub10, #autosub11, #autosub12, #autosub13, #autosub14, #autosub15 { display:none; color:#ccc; }

#sportsub1  { display:block;color:#ccc; }
#sportsub2, #sportsub3, #sportsub4, #sportsub5, #sportsub6, #sportsub7, #sportsub8, #sportsub9, #sportsub10, #sportsub11, #sportsub12, #sportsub13, #sportsub14, #sportsub15 { display:none; color:#ccc; }

#maennersub1  { display:block;color:#ccc; }
#maennersub2, #maennersub3, #maennersub4, #maennersub5, #maennersub6, #maennersub7, #maennersub8, #maennersub9, #maennersub10, #maennersub11, #maennersub12, #maennersub13, #maennersub14, #maennersub15 { display:none; color:#ccc; }

#reisesub1  { display:block;color:#ccc; }
#reisesub2, #reisesub3, #reisesub4, #reisesub5, #reisesub6, #reisesub7, #reisesub8, #reisesub9, #reisesub10, #reisesub11, #reisesub12, #reisesub13, #reisesub14, #reisesub15 { display:none; color:#ccc; }

#ebaysub1  { display:block;color:#ccc; }
#ebaysub2, #ebaysub3, #ebaysub4, #ebaysub5, #ebaysub6, #ebaysub7, #ebaysub8, #ebaysub9, #ebaysub10, #ebaysub11, #ebaysub12, #ebaysub13, #ebaysub14, #ebaysub15 { display:none; color:#ccc; }

#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;
}