/**************************************/
/* Allgemeines                        */
/**************************************/

body {
	margin: 0;
	padding: 2em 0.5em;
	background-color: #F2F2E6;
	background-image: url("img/background.png");
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:focus, a:active {
	color: #56554A;
	text-decoration: underline;
}
a:hover {
	color: #A11F22;
	text-decoration: underline;
}

img {
	border: none;
}

/**************************************/
/* Au�enstruktur                      */
/**************************************/

#top {
	width: 50em;
	margin: 0 auto;
}
#top img {
	display: block;
}
#top_left {
	float: left;
	width: 9.3em;
	padding: 0.2em 1.1em 0.2em 1.7em;
	border: 2px solid white;
	background-color: #901C1E;
	background-image: url("img/background_top_left.png");
	background-position: left top;
	background-repeat: repeat-x;
}
#top_right {
	border: 2px solid white;
	padding: 0.2em 1.7em 0.2em 1em;
	background-color: #5D5B51;
	background-image: url("img/background_top_right.png");
	background-position: left top;
	background-repeat: repeat-x;
	text-align: right;
}
#top_right img {
	margin-left: auto;
}

#main {
	width: 50em;
	margin: 0 auto;
	background-color: white;
}

/**************************************/
/* Navigation                         */
/**************************************/

#navigation {
	float: left;
	width: 8.5em;
	padding-top: 2.8em;
	padding-left: 2em;

}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	letter-spacing: 0.07em;
	line-height: 220%;
	color: #6A685C;
	font-weight: bold;
	white-space: nowrap;
}
#navigation a:link, #navigation a:visited, #navigation a:focus, #navigation a:active {
	color: #6A685C;
	font-weight: bold;
	text-decoration: none;
}
#navigation a:hover {
	color: #6A685C;
	font-weight: bold;
	text-decoration: underline;
}
#navigation .active {
	color: #A11F22;
}

/**************************************/
/* Seiteninhalt                       */
/**************************************/

#content {
	padding: 3em 6em 4em 12.5em;
}

#content .sub_section {

	padding-left: 0em;	
}

#content h1 {
	margin: 3em 0 1em 0;
	padding-bottom: 0.2em;
	border-bottom: 2px dotted #6A685C;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	color: #6A685C;
	font-weight: bold;
}
#content h2 {
	margin: 3.5em 0 0.5em 0;
	padding-bottom: 0.2em;
	font-size: 0.75em;
	color: #6A685C;
	font-weight: bold;
}
#content p {
	margin: 1em 0 0 0;
	font-size: 0.75em;
	line-height: 160%;
	color: #56554A;
}
#content .top {
	margin-top: 0;
}

#content ul {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#content li {
	margin: 1em 0 0 0.3em;
	padding: 0 0 0 12px;
	background-image: url("img/bullet.png");
	background-position: 0 0.6em;
	background-repeat: no-repeat;
	font-size: 0.75em;
	line-height: 160%;
	color: #56554A;	
}

#content .screenshot {
	float: right;
	margin: 0.6em -0.5em 0.5em 1em;
}

#content blockquote {
	margin: 1em 0 0 1em;
	padding: 0;
}
#content blockquote p {
	margin: 0;
	font-style: italic;
	
}
#content blockquote .source {
	color: black;
	font-size: 0.7em;
	font-style: normal;
}

/**************************************/
/* Kontaktformular                    */
/**************************************/

#content form {
	margin: 0px;
}
#content input,
#content textarea {
	width: 35em;
	margin: 1px;
	font-family: Verdana;
	font-size: 0.7em;
}
#content label {
	padding-right: 1em;
	font-size: 0.75em;
	color: #6A685C;
}
#content .submit {
	width: 13em;
	font-size: 0.75em;
}
#content form .error {
	margin-bottom: 1em;
	font-size: 0.75em;
	font-weight: bold;
	color: #A11F22;
}