/*	undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

body, div,p,li { background-repeat:no-repeat; }

/*	reset some basic style
*******************************************************************************/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none; }
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/*	html
*******************************************************************************/
html {
	min-height: 100%;
	margin-bottom: 1px;
	background:	#fff url(css-html-bg.jpg) top right repeat-y;
	
}

/*	body
*******************************************************************************/
body {
	background:	url(css-bg-left.jpg) top left repeat-y;
	font-family: "Lucida Sans Unicode","Lucida Grande",verdana, arial, helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	text-align:	center;
	width: 	100%;

}

.printonly {
		display: none;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.flLeft { float:left; }
.flRight { float:right; }

.warning, 
#main-block .warning { color:#f00; }

a, a:visited { color: #333 }
a:hover, a:active { color: #000}


/*	website
*******************************************************************************/
#website {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:1008px;
	color: #333;
	text-align:left;
	font-size: 1em;
}

/*	header
*******************************************************************************/
#headerwrapper {		width: 			100%;
				text-align:		center;
				background:		#C6CCD0 url(css-header-bg.png) top repeat-x;
				height:			62px;
				position:		relative;
				top:			0;
				left:			0;
				padding-top:	20px;
				
}


#header {		width: 			1008px;
				margin:			0px auto;
				padding:		0;
}

		

/*	logo / breadcrumb
*******************************************************************************/
#logo {
			float:left;
			text-align: left;
			width: 155px;
			height: 30px;
			margin-right: 30px;
			position:		relative;
			top:			0;
			left:			0;
}

#logo a { 	width: 119px;
			height: 138px;
			background: url(dfacts.png) no-repeat;
			position: absolute;
			top:-56px;
			left:33px;
			z-index:99;
		}
	
* html #logo a { 
background: url(dfacts.gif) no-repeat;
}
		
div#button { 	float:right;
			width: 78px;
			height: 56px;
			background: url(dfacts-button.png) no-repeat;
			position: relative;
			top: 16px;
/*			padding-right:30px; */
			z-index:99;
			
		}


#breadcrumb {
		margin-bottom: 20px;
		font-size:1em;
		display: none;
}

#breadcrumb a, 
#breadcrumb a:link {
		color:#000;
}

#breadcrumb a:hover {
	text-decoration:underline;
}
/*	content
*******************************************************************************/


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #content2 {
	height:1px;
}
/* end hide */


#content {
	margin-top: 70px}


#leftcolumn, #rightcolumn {
	width: 155px;
}

#leftcolumn {
	float:left;
	text-align: right;
}

#rightcolumn {
	float:right;
}

#content2 {
	width:640px;
	margin: 0 auto;
}

#main {
	float:left;
	width:640px;
}

#main-block {}

#main-block2 {
}


/*	Navigation vertical - 
	Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis 
	zum naechsten Kommentar geloescht werden
------------------------------------------------------------------------------*/
#navigation {	
				background:		url(css-nav-bg.png) top left repeat-x;
				position:		relative;
				top:			0;
				left:			0;
				height:			40px;
				line-height:	22px;
				font-size: 		1.1em;
				width: 			100%;
				text-align:		center;

}

#language {
 				float: left;
 				clear: none;
 				width: 155px;
 				text-align: left;
 }


#navigation .wrapper {
				width: 			1008px;
				margin:			0px auto;
				text-align:		left;
				position:		relative;
				top:			0;
				left:			0;


}

#navigation ul.nav1st {
				width: 			640px;
				padding:		0;
				clear:			none;
				text-align:		left;
				height:			20px;
				float: left;
 				margin-right: 25px;

}


#navigation ul.nav1st li {
				display: 		inline;
				margin:			0;
				padding:		0;
				margin-right:	15px;
				float:			left;}


#navigation ul.nav1st a  
#navigation ul.nav1st a:link {
				display: 		block;
				color:#333;
}

#navigation ul.nav1st li.active, #navigation ul.nav1st li:hover {
	color:#000;
	border-bottom: #dbdbdb solid 4px;
}

#navigation ul.nav1st li.active a.current,
#navigation ul.nav1st li.active a:link.current {
				color:#000;
}



#navigation ul.nav1st li ul.nav2nd li {
	padding:0;
	margin-left:14px;
	list-style-type:square;
}

#language { z-index: 999;  }
#language a  { color: #666; display: inline; padding:0px; padding-bottom:5px;}
#language a:hover,
#language a.current { color:#000;
border-bottom: #dbdbdb solid 4px;}


#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link {
}

#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link, 
#navigation ul.nav2nd a:hover {
}




/*	donate Werbebanner
------------------------------------------------------------------------------*/
#donate {
	margin:2em 0 0 14px;
}

/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
#content h1 {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:2em;
	line-height:1.2em;
	margin-bottom: 0.5em;
	border-bottom: 	solid 1px #aaa	;
}

#content .teaser h1 {
	font-size:1.2em;
}

/* Headline 2 */
#content h2 {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:1.4em;
	line-height:1.4em;
	margin-bottom: 1em;
	border-bottom: 	solid 1px #aaa	;
}


/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
#content p,
#content ul,
#content ol,
#content .newsheader{
	margin-bottom:1.2em;
	font-size:1.3em;
	line-height:2em;
}
#content ul li ul,
#content ul li ol,
#content ol li ol,
#content ol li ul {
	font-size:1em;
}

#content ul {
	margin-left:14px;
	list-style-type:square;
}

#content ol {
	list-style-type:decimal-leading-zero;
}

#content .newsheader{
	border-bottom: 	solid 1px #aaa	;
	font-size:		2em;
	line-height:	1.2em;
	width: 			640px;
	display:		block
}

#content .newsheader.home {
	background: url(weblog.gif) 560px -7px no-repeat;
}

#content .newsheader .date{
	font-size:		0.5em;
	padding-top: 0.5em;
	float: 			right;
}

#content .newsblock {

	display:		block;
	padding-bottom: 3em;

}

#content p {

}

/*	Hyperlinks
------------------------------------------------------------------------------*/
#content a, #content a:link {
	color:#546a7d;
	text-decoration:underline;
}

#content a:hover {
	color:#000;
}



/*	Images
------------------------------------------------------------------------------*/
#content div.image {
	margin-bottom:0;
}
#content div.image p {
	margin:0;
	font-size:0.9em;
}
#content div.flLeft {
	margin-right:14px;
}
#content div.flRight {
	margin-left:14px;
}


/*	footer
------------------------------------------------------------------------------*/
.footer {
	display:block;
	width:100%;
}
.footer2 {
	width: 640px;
	text-align: left;
	margin: 1em auto;
}

/*	login form
------------------------------------------------------------------------------*/
.login {
	margin:20px 0;
	width:155px;
/*	background-color:#f7f7f7; */
	font-size:1.2em;
	line-height:1.4em;
}

.login2 {
	padding:5px 0px 5px 0px;
}

.login label {
	display:block;
	clear:both;
	margin-top:5px;
	color:#606060;
}

.login input {
	float:right;
	margin:5px 0;
	width:130px;
	border:1px solid #7d92af;
/*	background-color:#fff; */
}


.login input.submit { 
	border: none;
	background: #5E91BF url(css-nav-bg-blue.png) top repeat-x;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
	padding: 5px 10px;
	text-align: center;
	margin: 10px 0 0 0;
	float: right;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: auto;
}


/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
	padding-left: 2px;
	padding-bottom: 10px;

}

#form-module {
	margin:20px 0;
/*	background-color:#f7f7f7; */
	font-size:1.2em;
	line-height:1.4em;
}

#form-module fieldset {
}

#form-module legend {
	display:none;
}


#form-module p {
	display:block;
	clear:both;
	margin-top:5px;
	color:#606060;
}

#form-module .element {
	display:block;
	clear:both;
/*	background-color:#f7f7f7; */
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
}

#form-module label.checkbox {
	width:372px;
}

#form-module input.text, 
#form-module select, 
#form-module textarea {
	float:left;
	width:595px;
	margin-left: 5px;
	border: solid 1px #7d92af;
/*	background-color:#fff; */
	font-family: "Lucida Sans Unicode","Lucida Grande",verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.4em;
	padding: 0 5px;
	color:#333;
}

#form-module input.submit { 
	border: none;
	background: #5E91BF url(css-nav-bg-blue.png) top repeat-x;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
	padding: 5px 10px;
	text-align: center;
	margin: 10px 28px 0 0;
	float: right;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#form-module input.submit:hover { 
}



#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}


/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p {
	margin:0;
}

#main-block .quote {

	margin:0;
	padding:0;
	background: url(css-quote.jpg) top right no-repeat;
	
}

#main-block .quote p {
	font-size: 1.2em;
	color: #333;
	font-style: italic;
	text-align: justify;
	padding-right: 120px;
}

#main-block  p.autor {
	clear: none;
	font-size: 1.2em;
	float:right;
	font-style: normal;
	text-align:right;
	color: #7d92af;
	padding-right: 120px;
}

#main-block .download-hdl p {
	padding:5px 7px;
	background-color:#393;
	font-weight:bold;
	color:#fff;
}

#main-block .download-file {
	padding:1.2em 7px;
	border-left:2px solid #393;
	border-right:2px solid #393;
}

#main-block .download-desc {
	margin-bottom:1.2em;
	padding:1.2em 7px;
	background-color:#e5ffe5;
	border-left:2px solid #393;
	border-right:2px solid #393;
	border-bottom:2px solid #393;
}

#main-block .download-without-desc {
	margin-bottom:1.2em;
	border-top:2px solid #393;
}


#filemanager, #filemanager table {
	font-size: 1.1em;
	line-height: 2.4em;
	text-decoration: none;
}

#filemanager a, #filemanager a:visited, #filemanager a:link  {
	color: #333;
	text-decoration: none;
	font-size: 1.2em;
}



#detail_slider {
		margin-top:0px;
		margin-bottom: 10px;
		padding:0;
		width: 640px;
	}
	

#detail_slider img.portfolio_shots {
	float: left;
	margin-right:20px;
	margin-bottom:20px;
}


#detail_slider .portfolio_info {
	float: right;
	width: 440px;
	margin-top:8px;
	margin-bottom:20px;
	display: none;
}


#detail_slider .portfolio_info ul {
	margin: 0px;
	float: none;
}

#detail_slider .portfolio_info ul li {
	margin: 0px;
	clear: left;
	float: none;
	list-style: outside disc;
	margin-left: 1.3em;
	line-height: 1.3em;
}

#detail_slider img.portfolio_shots {
	cursor: url("magnify.cur"), pointer;
	background: #eee url(indicator.gif) center no-repeat;
}

.portfolio_block {
	clear:left; 
	width:100%
}


.portfolio_block .navi {
	font-size: 13px;
	line-height: 1.5em;
	height: 20px;
	display: block;
	width: 100%;
	border-bottom: 	solid 1px #5e91bf;
}

.portfolio_block .navi a:focus,
.portfolio_block .navi a:active{
	outline: none;
}

.portfolio_block .navi span.title {
}



.portfolio_block:hover .navi a.info,
.portfolio_block:hover .navi a.info_active,
.portfolio_block:hover .navi a.info_disabled,
.portfolio_block:hover .navi a.external,
.portfolio_block:hover .navi a.external_disabled,
.portfolio_block:hover .navi a.close {
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	background: url(portfolio_navi.gif) top left no-repeat;
}

.portfolio_block:hover .navi a.info {
	background-position: -0px -20px;
}

.portfolio_block:hover .navi a.info_active,
.portfolio_block:hover .navi a.info:hover {
	background-position: 0px 0px;
}

.portfolio_block:hover .navi a.info_disabled {
	background-position: 0px -40px;
}

.portfolio_block:hover .navi a.external {
	background-position: -40px -20px;
}

.portfolio_block:hover .navi a.external:hover {
	background-position: -40px 0px;
}

.portfolio_block:hover .navi a.external_disabled {
	background-position: -40px -40px;
}

.portfolio_block:hover .navi a.close {
	background-position: -20px -20px;
}
.portfolio_block:hover .navi a.close:hover {
	background-position: -20px 0px;
}


.portfolio_block .navi a span {
	display: none;
}


.open a.thumb {
	clear: left!important;
	float: left!important;
}


#detail_slider ul li{
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 25px;
	padding-bottom: 10px
}

#detail_slider a, #detail_slider a:visited, #detail_slider a:link  {
	color: #333;
	text-decoration: none;
}

#detail_loading{
		float: right;
		display: block;
		width:16px;
		height:16px;
		background:url(indicator.gif) top left no-repeat;
		z-Index:1001;
		margin-top:5px;
}

ul#sidebar_articles,
ul#blog_archive {
	list-style: none;
	margin: 0px;
}

ul#sidebar_articles li,
ul#blog_archive li{
	margin-left: 0px;
	padding-left:0;
}

h1 del {
	text-decoration: none;
	background: url(stroke.gif) 0px 7px no-repeat;
	padding: 0px 5px;
}

.appblock {
	margin-bottom: 2em;
}

.appblock h2 {
	height: 20px;
}

.appblock h2 span.date {
	float: right;
	font-size:0.5em;
	padding-top:0.7em;
}

.appblock .thumb {
	float: left;
	margin-top: 5px;
	width: 75px;
	overflow: hidden;
}

.appblock div.description {
	float: left;
	margin-left: 20px;
	width: 500px;
}


.appblock div.description p {
	margin: 0;
}

.appblock div.detail {
	display: none;
	margin-left: 95px;
	clear: left;
}

.appblock div.detail table {
	font-size:1.3em;
	line-height:2em;
}

.appblock.detail div.detail {
	display: block;
}

.appblock span.info{
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	text-indent: -999em;
	background: url(portfolio_navi.gif) -0px -20px no-repeat;
}

/*	fonts
*******************************************************************************/

@font-face {
	font-family: 'LacunaRegularRegular';
	src: url('lacurg__-webfont.eot');
	src: local('?'), url('lacurg__-webfont.woff') format('woff'), url('lacurg__-webfont.ttf') format('truetype'), url('lacurg__-webfont.svg#webfontuK0fC80z') format('svg');
	font-weight: normal;
	font-style: normal;
}

#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h4, 
#content div.newsheader {
	font-family: LacunaRegularRegular, "Lucida Sans Unicode","Lucida Grande",verdana, arial, helvetica, sans-serif;
}