/* Standard-CSS for:
Domain: dagmar-feller.de
Author: Marc Tiedemann
Author URI: http://www.marctiedemann.com/
 
	Copyright (c) marctiedemann.com
*/


/* ----------- colors -----------
blau = #84d4f7;
orange: #dd662f;
*/


/* ---------- global -------------- */
html {
	height: 100%;
}

body {
	font: 100%/140% "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	width: 100%;
	height: 100.01%;
	background: #fdf2d6;
}

::selection {
	background: #fdf2d6; /* Safari */
	}

::-moz-selection {
	background: #fdf2d6; /* Firefox */
}

/* --- class keeps image links from showing regular hover state --- */
a.image:link {
	background-color: transparent;
	text-decoration: none;
	border: none;
}

a.image:hover {
	background-color: transparent;
	text-decoration: none;
	border: none;
}

/* ---------- fonts -------------- */
p, span, h1, h2, h3, h4, h5 {
	font: 100%/140% Arial, Helvetica, sans-serif;
	color: #000;
}

h1 {
	font-size: 180%;
	font-weight: normal;
	color: #84d4f7;
	padding-bottom: 10px;
}

h2 {
	font-size: 120%;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

pre, code {
	font-size: 120%;
}

.sig {
	font: 220% "Reenie Beanie", arial, serif;
}

/* ---------- list styles -------------- */
ul {
}

ul li {
}

ol {
}

ol li {
}

ol p {
}

/* ---------- blockquotes -------------- */
blockquote {
	color: #666666;
}

blockquote em {
}


/* ---------- links -------------- */
a:link {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #84d4f7;
}

a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #84d4f7;
}

a:hover {
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	background-color: #84d4f7;
}

a:active {
	color: #ff9900;
	text-decoration: none;
	border-bottom: 1px solid #ff9900;
}


/* ---------- decorations -------------- */
.pdf {
	height: 25px;
	width: 25px;
	padding-right: 10px;
	vertical-align: bottom;
}

/* ---------- layout -------------- */
#container {
	width: 960px;
	margin: 0 auto;
	background: #fdf2d6;
}

#header {
	/*height: 370px;*/
margin: 30px 0 20px 0;
}

#logo {
	/*width: 400px;*/
	height: 111px;
	background: url(/../../images/site/logo.png) no-repeat top right;
margin-bottom: 30px;
}

#content {
}

.box {
	background: #fff;
	padding: 7px 10px 10px 10px;
	margin-bottom: 20px;
	float: left;
}

#crocus {
	width: 920px;
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

.picture {
	font-size: 80%;
	margin-right: 10px;
}

.left {
	float: left;
	padding-right: 10px;
}

.right {
	float: right;
	padding-left: 10px;
}

.picture img {
	vertical-align:middle;
}

/*#poppy {
	width: 400px;
}

#tulip {
	width: 400px;
}

#sunflower {
	width: 350px;
}

#pansy {
	width: 500px;
}*/

.col1 {
	width: 300px;
}

.col2 {
	width: 600px;
	margin-left: 20px;
}

#footer {
	height: 100px;
}

#footer p {
	font-size: 80%;
	color: #dd662f;
	text-align: center;
	padding-top: 40px;
}

/* -------------- nav ------------- */


/* ---------- specialty templates -------------- */
/* 404 */
#four0four {
	width: 426px;
	height: 164px;
	margin: 0 auto;
	padding: 20px;
	margin-top: 120px;
	background: url("/images/site/notification2.png") no-repeat;
	text-align: center;
	overflow: hidden;
}

/* website offline */
/* --- check id "#four0four" - same styles applied --- */