/*
	DICKE KALIBER PONG.LI			/ WHITELAYOUT
	
	initial 2005
	fonts 	2010 /R
*/

/* 
// --------------------------------------------------------------- Fonts
*/
@font-face {
	font-family: 'ITCFranklinGothicRegular';
	src: url('/css/fonts/franklin/frankgotboo-webfont.eot');
	src: local('☺'), url('/css/fonts/franklin/frankgotboo-webfont.woff') format('woff'), url('/css/fonts/franklin/frankgotboo-webfont.ttf') format('truetype'), url('/css/fonts/franklin/frankgotboo-webfont.svg#webfontNRGlp0Of') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ITCFranklinGothicDemi';
	src: url('/css/fonts/franklin/frankgotdem-webfont.eot');
	src: local('☺'), url('/css/fonts/franklin/frankgotdem-webfont.woff') format('woff'), url('/css/fonts/franklin/frankgotdem-webfont.ttf') format('truetype'), url('/css/fonts/franklin/frankgotdem-webfont.svg#webfontWKflZ9Qc') format('svg');
	font-weight: normal;
	font-style: normal;
	letter-spacing:0.1em;
}
/*
@font-face {
	font-family: 'ITCFranklinGothicHeavy';
	src: url('/css/fonts/franklin/frankgothea-webfont.eot');
	src: local('☺'), url('/css/fonts/franklin/frankgothea-webfont.woff') format('woff'), url('/css/fonts/franklin/frankgothea-webfont.ttf') format('truetype'), url('/css/fonts/franklin/frankgothea-webfont.svg#webfontT1T4Bt8e') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/* 
// --------------------------------------------------------------- Container
*/
#container
{
	font-family: 'ITCFranklinGothicRegular', Geneva, Monaco, Verdana, _sans-serif; 
	font-size:14px;
	color:#232323;
	background-color:#ffffff;

	margin-left: 20px;
	margin-top:20px;
}

img
{
	border:0px;
}

/* 
// --------------------------------------------------------------- Logo
*/

#logo
{
	margin-left:76px;
}

/* 
// --------------------------------------------------------------- LINKS standard 
*/

/* 
// --------------------------------------------------------------- Tabelle Project Media
*/
table#media
{
	border:0px;
}

td#links
{
	wi-dth:70px;
	vertical-align:top;
	text-align:left;
}

td#mitte
{
	vertical-align:top;
	text-align:left;
}


td#rechts
{
	vertical-align:top;
}

.mediaLink
{
	padding:0px;
	w-idth:70px;
	background:#AAAAAA;
}

.mediaLink:hover
{
	color:#df2000;
	background:#ffffff;
}

.mediaLink a
{
	padding-left:5px;
	padding-right:5px;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:top;
	text-align:right;
}

.mediaLink a:hover
{
	color:#df2000;
	background:#ffffff;

}

img#mediaLogo{
	height:22px;
	padding-left:10px;
	padding-right:10px;
}

/*
// ---------------------------------------------------------------	NAVI
*/
#navigation
{
	margin-top:20px;
	margin-left:0px;
	/*text-transfor-m:uppercase;*/
	margin-left:76px;	
	z-index:902;
}

#navigation a
{
	font-family: 'ITCFranklinGothicDemi';
	padding-left:0px;
	padding-right:18px;
	color:#232323;/*#ffffff;*/
	background:#fff;
	text-decoration:none;
    font-size:32px;
}
#navigation a:hover
{
	color:#df2000;
	background:#ffffff;
}


/*
// --------------------------------------------------------------- subnavigation
*/
#subnavigation
{
	font-family: 'ITCFranklinGothicRegular';
	padding-top:14px;
	padding-bottom:5px;
	/*text-transform:uppercase; */
	margin-left:76px;
	/* 16 */
    font-size:24px;
    
    z-index:901;
}

#subnavigation a
{
	padding-left:0px;
	padding-right:18px;
	color:#232323;
	background:#ffffff;
	text-decoration:none;
}

#subnavigation a:hover
{
	color:#df2000;
	background:#ffffff;
}

#subnavigation activ0
{

}


#subnavigation activ1
{
	color:#aeaeae;

}
#subnavigation activ1:hover
{
	color:#df2000;

}


/*
// --------------------------------------------------------------- PROJEKT LISITING
*/

#bannerTitle{
	top:2px;
}
#bannerSubTitle{
	color:#808080;
}

.banner
{
	position:relative;
	float:left;
}

.banner a
{
	color:#232323;
	background:transparent;
	text-decoration:none;
}

.banner a:hover
{
	color:#232323;
	background:#ffffff;
	text-decoration:none;
}

.banner table
{

}




.centerblock{
	padding-left:13%;
}


/*
// --------------------------------------------------------------- project container
*/
#projectContainer
{
	margin-left:73px;
}


/*
// --------------------------------------------------------------- info container
*/
#infoContainer
{
	margin-left:0px;
	width:520px;
		font-size:14px;
	line-height:18px;
}

#copyrightfooter
{
	position:absolute;
	left:40px;
	font-family: 'ITCFranklinGothicRegular', Geneva, Monaco, Verdana, _sans-serif; 
	font-size:12px;
	color:#5g5g5g;
	z-index:300;
}

/*
// --------------------------------------------------------------- project details
*/
.projectTitle
{
	font-size:26px;
	font-weight:bold;
	color:#232323;
	background-color:#fefefe;
	padding-right:6px;
	padding-left:6px;
	margin-left:2px;
}

.projectSubtitle
{
	font-size:10px;
	margin-left:3px;
}

.projectDate
{
	font-size:10px;
	margin-left:4px;
}


.projectContent_de
{
	width:520px;
	color:#232323;
	margin-left:3px;
	text-align: justify;
}


.projectContent_en
{
	width:520px;
	color:#AAAAAA;
	margin-left:3px;
	text-align: justify;
}


.projectSubcontent
{
	wid-th:400px;
	margin-left:3px;
}

.projectClients
{
	wid-th:400px;
	margin-left:3px;
}

.projectCat
{
	wid-th:400px;
	margin-left:3px;
}

.projectKeyw
{
	font-size:10px;
}


.projectCredits
{
	font-size:10px;
	margin-left:1px;
}



.projectLinkOut a
{
	padding-left:5px;
	padding-right:5px;
	color:#ffffff;
	background:#232323;
	text-decoration:none;
	text-transform:uppercase;
}

.projectLinkOut a:hover
{
	color:#df2000;
	background:#ffffff;
}


/*
// --------------------------------------------------------------- prev.next button
*/
.prevnext 
{
	padding-left:3px;
}
.prevnext a
{
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	color:#ffffff;
	background:#232323;
	text-decoration:none;
	text-transform:uppercase;
	
}
.prevnext a:hover
{
	color:#df2000;
	background:#ffffff;
}



/*
// --------------------------------------------------------------- Galery Styles
*/

img#thumb{
	height:40px;
	border-width:0px;
	border-color:#FFFFFF;
}

img#picture{
	width:480px;
	border-width:0px;
	border-color:#FFFFFF;
}

/*
// --------------------------------------------------------------- STRIPE
*/
#stripe
{
	
	font-size:20px;
	color:#232323;
	background-color:#ffffff;
	z-index:99;
	padding-top:0px;
	padding-left:80px;
}

#stripeHeadline
{
	
	font-size:24px;
	left:20px;
	bottom:110px;
	display:block;
	background-color:#fff;
	z-index:120;
	position:relative;
	margin-left:9px;
	padding-left:9px;
	padding-top:7px;
	width:500px;
}

#stripeFliesstext
{
	
	font-size:14px;
	color:#232323;
	display:block;
	background-color:#fff;
	z-index:130;
	
	left:20px;
	bottom:110px;
	position:relative;
	margin-left:9px;
	padding-left:10px;
	padding-top:5px;
	line-height:18px;
	width:499px;
	height:45px;
}

#stripeFliesstextButt a
{
padding-right:18px;
	color:#df2000;/*#ffffff;*/
	background:#fff;
	text-decoration:none;
    font-size:16px;
    
    left:20px;
	bottom:110px;
	position:relative;
	margin-left:9px;
	padding-left:10px;
	width:400px;

	z-index:131;	
	

}




/*
// --------------------------------------------------------------- DEFAULT CONTENT/R
*/

#subDefaultHeader
{
	padding-top:5px;
	padding-bottom:5px;
	text-transform:uppercase;
	margin-left:76px;
}
#defaultContainer
{
	margin-left:70px;
	/*padding-top:5px;*/
}

.defaultContent
{
	font-family: 'ITCFranklinGothicRegular';
	padding-top:34px;
	padding-left:2px;
	position:relative;
	float:left;
	width:800px;
}

.defaultContent a
{
	padding-left:8px;
	padding-right:8px;
	color:#ffffff;
	background:#232323;
	text-decoration:none;
}

.defaultContent a:hover
{
	color:#df2000;
	background:#ffffff;
	text-decoration:none;
}

.defaultContent h1
{
	
	font-size:22px;
	letter-spacing:0.1em;
}	

.defaultContent ul
{
	list-style-type:none;
}
.defaultContent ul li
{
	font-size:14px;
	height:18px;
}
.defaultContent ul li strong
{
	font-family: 'ITCFranklinGothicDemi';
	font-size:14px;
	height:18px;
	font-weight:normal;
}

#bomblist a
{
	font-size:2px;
	color:#f1f1f1;
	background-color:#fff;
}

/*
// --------------------------------------------------------------- Debug Styles
*/	
	
sch{
	color:#000000;
	font-family:Arial;
	font-size:12px;
}

rot{
	color:#FF3333;
	font-family:Arial;
	font-size:12px;
}

gru{
	color:#33FF33;
	font-family:Arial;
	font-size:12px;
}