@charset 'utf-8';

/* ofd film */

/* colors:

reds
#daa6be
#a24d8c
#b53538
#cb878c

blues
#aeb8d3
#8b9cb9
#9ab2c8
#c1cadd

greens
#8eb9bd
#4498a0
#448d85
#8ca498


/* ----------------------------------------------------- reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,	
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
}

:focus {
	outline: 0;
}

/* ----------------------------------------------------- */

* {
	color: #333;
}


/* ------------------------------------------------ layout */

#wrap {
	position: relative;
	width: 950px;
	margin: 1em auto 0 auto;
}


	#sidewrap {
		position: fixed;
		width: 250px;
		padding: 0;
		margin:  0 0 0 -10px;
	}
		#logo {
			position: relative;
			float: left;
			width: 100%;
			height: 310px;
			background: url(../img/ofdf-logo.gif) no-repeat right;
		}

		#navigation {
			position: relative;
			float: left;
			width: 100%;
			margin-top: 1.5em;
			font-size: 120%;
			line-height: 1.5em;
		}

		#newsletter {
			position: relative;
			text-align: right;
			float: left;
			width: 100%;
			margin: 2em 0 0 0;
			font-size: 0.8em;
			color: #8b9cb9;
		}

	#marginalie {
		position: relative;
		float: right;
		width: 180px;	
		margin: 268px 0 0 1em;
		line-height: 1.1em;
	}
	
		#marginalie img {
			padding-bottom: 0.5em;
		}
		

		#navigation2 {
			position: relative;
		}
	
	#content-wrap {
		position: absolute;
		left: 270px;
		width: 480px;
	}	
	
		#topimage {
			width: 480px;
			height: 325px;
		}	
	
		#content {
			width: 100%;
			padding: 1em 0 4em 0;
		}

			#footer {
				padding: 3em 0 0 0;
				color: #ccc;
				text-align: right;
				font-size: 0.7em;
			}


/* ------------------------------------------------ navigation */

#navigation ul {
	list-style: none;
	text-transform: uppercase;
	text-align: right;
}

#navigation ul li {
	display: inline;
	padding: 0 0;
}

#navigation ul ul {	
	text-transform: none;
	clear: none;
}

#navigation ul div {
	position: relative;
	float: right;
	right: -720px;
	display: block;
	border:1px solid
}

#navigation ul ul li {
	display: block;
	clear: both;
}


#navigation2 ul {	
	list-style: none;
	padding: 0 0 0.5em 0;
}

#navigation2 ul li {	
	padding: 0 0 0.3em 0;
}

#navigation2 .Ebene1 {
	line-height: 0;
	visibility: hidden;
}

#navigation2 .Ebene2 {
	line-height: 1.2em;
	visibility: visible;
}

#navigation a {
	color: #333;
	text-decoration: none;
}

#navigation a:hover {
	color: #888;
}

#navigation a:after {
	content: ' ';
}

#navigation .active {
	font-weight: bold;
}

#newsletter a {
	color: #333;
	text-decoration: none;
}

#newsletter a:hover {
	color: #888;
}

/* ------------------------------------------------ lists */

#content ul {
	padding: 0 0 0.5em 1em;
}

ol {
	
}

#content li {
	font-size: 0.9em;
	padding: 0.5em;
}

/* ------------------------------------------------- typo */

h1 {
	padding: 0 0 1em 0;
	margin-top: -4px;
	font-weight: bold;
	font-size: 1.5em;
	color: #b53538;
}

h2 {
	padding: 0.5em 0 0.75em 0;
	font-weight: bold;
	font-size: 1.2em;
	color: #448d85;
}

h3 {
	font-weight: bold;
	font-size: 1em;
	padding: 0;
	color: #aeb8d3	;
}

h4 {
	font-weight: bold;
	font-size: 1em;
}

#content p {
	padding: 0 0 1em 0;
	margin: 0 !important;
	font-size: 0.9em;
	line-height: 1.4em;
	font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", sans-serif;
}

#marginalie p {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 0.8em;
	color: #8b9cb9;
}

#marginalie b {
	color: #8b9cb9;
}

#content p img {
	padding: 0 10px 0 0;	
}

#content table {
	margin-top: 1em;
	font-size: 0.9em;
}

#content td {
	padding: 0 0 0.5em 0;
}

#content td input {
	margin: 0 0.5em 0 0;
}

strong {
	font-weight: bold;
}

/* ------------------------------------------------- links */

a {
	color: #333 !important;
}

a:hover {
	color: #999 !important;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus  {
	
}

/* ------------------------------------------------- forms */

input {
	
}

button {
	
}


/* ------------------------------------------------- defaults */

html {
cursor: default;
}

label, 
input[type=button],
input[type=submit], 
button {
cursor: pointer;
}

q:lang(de) {
quotes: 'Ñ' 'ì' 'Ç' 'ë';
}

q:lang(en) {
quotes: '"' '"' "'" "'";
}

abbr[title] {
border-bottom: 1px dotted #888 !important;
cursor: help;
}

a abbr {
cursor: pointer !important;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */