/*- DF Grundlagen -*/

body	{
    	padding:0;
    	margin:0;
	background:transparent;
	cursor:url(/bilder/df_cursor.gif), crosshair;
	-moz-cursor:url(/bilder/df_cursor.gif), crosshair;
	-webkit-cursor:url(/bilder/df_cursor.gif), crosshair;
	-o-cursor:url(/bilder/df_cursor.gif), crosshair;
    	}

a	{
	cursor:url(/bilder/df_cursorlink.gif), pointer;
	-moz-cursor:url(/bilder/df_cursorlink.gif), pointer;
	-webkit-cursor:url(/bilder/df_cursorlink.gif), pointer;
	-o-cursor:url(/bilder/df_cursorlink.gif), pointer;
	}

a:link, a:visited, a:focus, a:active{
	text-decoration:none;
	color:#000;
	}

a:hover {
	text-decoration:line-through;
	color:#000;
	}


/*- DF Seitenaufbau -*/

#df_header{
	position:fixed;
	height:215px;
	width:250px;
	margin-left:0;
	padding:60 0 0 0;
	overflow:hidden;
	background:transparent;
	z-index:200;
	}

#df_menue{
	position:;
	width:250px;
	height:108px;
	margin-top:40;
	padding:24 0 0 0;
	overflow:hidden;
	background:rgba(255,255,255,1.0);
	border:solid;
	border-width:1 0 0 0;
	border-color:#000;
	}

#df_copyright{
	position:;
	width:250px;
	height:17px;
	margin:0;
	padding:0;
	background:#000;
	}

#df_adresse{
	position:fixed;
  	width:1120px;
	height:30px;
	margin:60 0 0 0;
	padding:0 0 0 0;
	text-align:right;
	overflow:hidden;
	background:transparent;
	z-index:150;   
	}

.menue	{
	font-family:canonica_italic, times, serif;
 	font-size:15px;
	font-style:italic;
	text-align:left;
	letter-spacing:2px;
	line-height:28px;
	color:#;
	}

.menue a:link, a:visited, a:focus, a:active{
	text-decoration:none;
	color:#000;
	}

.menue a:hover{
	text-decoration:line-through;
	color:#000;
	}

.copyright{
	font-family:arial;
 	font-size:9px;
	text-align:left;
	letter-spacing:2px;
	line-height:17px;
	color:#fff;
	}

.adresse{
	font-family:canonica_italic, times, serif;
 	font-size:13px;
	font-style:italic;
	text-align:right;
	letter-spacing:1px;
	line-height:15px;
	color:#000;
	}


/*- DF Projekte_Uebersicht -*/

#df_projekte{
	position:relative;
	width:auto;
	max-width:1120px;
	height:auto;
	margin-left:-30;
	margin-top:0;
	padding:125 0 0 0;
	background:transparent;
	}

#df_case{
	position:relative;
	float:left;
	overflow:hidden;
	width:250px;
	height:175px;
	margin:0 0 30 30;
	padding:0 0 0 0;
	background:transparent;
	}

.projekte{
	font-family:canonica_italic, times, serif;
 	font-size:15px;
	font-style:italic;
	font-weight:;
	text-align:left;
	letter-spacing:1px;
	line-height:25px;
	color:#000;
	}


/*- DF Projekte_Links -*/

.df_caselink{
	width: 250px;
	height: 150px;
	display: block;
	margin: 0 auto;
	background:no-repeat;
	}

.df_caselink:hover{
	background-position: 0 -150px;
	}

.df_caselink_nivea{
	background: url(/bilder/projekte/df_case_nivea.jpg) no-repeat;
	}

.df_caselink_twix{
	background: url(/bilder/projekte/df_case_twix.jpg) no-repeat;
	}

.df_caselink_zvnd{
	background: url(/bilder/projekte/df_case_zvnd.jpg) no-repeat;
	}

.df_caselink_kef{
	background: url(/bilder/projekte/df_case_kef.jpg) no-repeat;
	}

.df_caselink_illu{
	background: url(/bilder/projekte/df_case_illu.jpg) no-repeat;
	}

.df_caselink_itc{
	background: url(/bilder/projekte/df_case_itc.jpg) no-repeat;
	}

.df_caselink_hhcg{
	background: url(/bilder/projekte/df_case_hhcg.jpg) no-repeat;
	}

.df_caselink_helv{
	background: url(/bilder/projekte/df_case_helv.jpg) no-repeat;
	}

.df_caselink_para{
	background: url(/bilder/projekte/df_case_para.jpg) no-repeat;
	}

.df_caselink_ba{
	background: url(/bilder/projekte/df_case_ba.jpg) no-repeat;
	}

.df_caselink_nord{
	background: url(/bilder/projekte/df_case_nord.jpg) no-repeat;
	}


/*- DF Cases -*/

#case_text{
	position:absolute;
	width:1120px;
	max-width:1120px;
	height:auto;
	margin-left:-30;
	margin-top:65;
	padding:60 0 0 0;
	background:transparent;
	z-index:3;
	}

#case_column_blanko{
	position:relative;
	float:left;
	overflow-x:hidden;
	overflow-y:visible;
	width:250px;
	height:150px;
	margin-top:0px;
	margin-left:30px;
	padding:0 0 0 0;
	background:transparent;
	}

#case_column_small{
	position:relative;
	float:left;
	overflow-x:hidden;
	overflow-y:visible;
	width:250px;
	height:auto;
	margin-top:0px;
	margin-left:30px;
	padding:20 0 0 0;
	background:transparent;
	border:solid;
	border-width:1 0 0 0;
	border-color:#000;
	}

#case_column_big{
	position:relative;
	float:left;
	width:530px;
	min-height:215px;
	margin-top:-65px;
	margin-left:30px;
	padding:0 0 0 0;
	background:transparent;
	}

#case_column_big_head{
	position:relative;
	float:left;
	overflow:hidden;
	width:530px;
	height:65px;
	margin-top:0px;
	margin-left:0px;
	padding:0 0 0 0;
	background:transparent;
	border:solid;
	border-width:0 0 1 0;
	border-color:#000;
	}

#case_column_big_copy{
	position:relative;
	width:530px;
	margin:0 0 0 0;
	padding:31 0 0 0;
	background:transparent;
	-moz-column-count:2;
	-moz-column-gap:30px;
	-webkit-column-count:2;
	-webkit-column-gap:30px;
	-o-column-count:2;
	-o-column-gap:30px;
	column-count:2;
	column-gap:30px;
	}

#case_elemente{
	position:relative;
	width:1090px;
	margin-left:0px;
	margin-top:0Px;
	padding:0 0 0 0;
	float:left;
	background:transparent;
	z-index:2;
	}

.case h1{
	font-family:arial;
 	font-size:14px;
	font-style:;
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;
	line-height:21px;
	text-transform:uppercase;
	color:#000;
	}

.case p	{
	font-family:arial;
 	font-size:11px;
	text-align:left;
	line-height:15px;
	color:#000;
	}


/*- DF Cases_White Zusatz -*/

#case_column_small_white{
	position:relative;
	float:left;
	overflow-x:hidden;
	overflow-y:visible;
	width:250px;
	height:auto;
	margin-top:0px;
	margin-left:30px;
	padding:20 0 0 0;
	background:transparent;
	border:solid;
	border-width:1 0 0 0;
	border-color:#fff;
	}

#case_column_big_head_white{
	position:relative;
	float:left;
	overflow:hidden;
	width:530px;
	height:65px;
	margin-top:0px;
	margin-left:0px;
	padding:0 0 0 0;
	background:transparent;
	border:solid;
	border-width:0 0 1 0;
	border-color:#fff;
	}

.case_white h1{
	font-family:arial;
 	font-size:14px;
	font-style:;
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;
	line-height:21px;
	text-transform:uppercase;
	color:#fff;
	}

.case_white p{
	font-family:arial;
 	font-size:11px;
	text-align:left;
	line-height:15px;
	color:#fff;
	}


/*- DF_Videolinks -*/

#yt	{
	position:relative;
	width:810px;
	height:470px;
	float:left;
	margin:0;
	padding:30 0 0 280;
	background:#000;
	}


/*- DF_Farbstreifen -*/

#color	{
	position:absolute;
	overflow:hidden;
	width:100%;
	min-width:1120px;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
	z-index:-1;
	background:transparent;
	}


/*- DF_Designer -*/


#column_small{
	position:relative;
	float:left;
	overflow-x:hidden;
	overflow-y:visible;
	width:250px;
	height:auto;
	margin:0 0 0 30;
	padding:0 0 50 0;
	background:transparent;
	border:solid;
	border-width:0 0 0 0;
	border-color:#000;
	}

.column_typo h1{
	font-family:arial;
 	font-size:14px;
	font-style:;
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;
	line-height:14px;
	text-transform:uppercase;
	color:#000;
	}

.column_typo p{
	font-family:arial;
 	font-size:11px;
	text-align:left;
	line-height:16px;
	color:#000
	}

.column_typo hr{
	height:1px;
	width:100%;
	background:#000;
	border-width:0;
	margin:38 0 31 0;
	padding:0 0 0 0;
	noshade:noshade;
	}


/*- DF_Blog -*/

#column_blog{
	position:relative;
	float:left;
	overflow-x:hidden;
	overflow-y:visible;
	width:810px;
	height:auto;
	margin:90 0 0 280;
	padding:0 0 0 0 0;
	background:transparent;
	border:solid;
	border-width:0 0 0 0;
	border-color:#000;
	}

#column_blog_copy{
	position:relative;
	width:810px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:transparent;
	-moz-column-count:3;
	-moz-column-gap:30px;
	-webkit-column-count:3;
	-webkit-column-gap:30px;
	-o-column-count:3;
	-o-column-gap:30px;
	column-count:3;
	column-gap:30px;
	}


/*- DF_Imressum -*/

#column_three{
	position:relative;
	float:left;
	overflow-x:hidden;
	overflow-y:visible;
	width:810px;
	height:auto;
	margin:64 0 0 280;
	padding:0 0 0 0 0;
	background:transparent;
	}