/* #content1, #content2, */
.x {
	border: 1px dotted #ccc;
}
@charset "UTF-8";
/* CSS Document */

body {
	color: #230;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
	background: #eee;
}
body, caption, th, td, input, textarea, option, select, title {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-weight: normal;
}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.4em;	
}
h3 {
	font-size: 1.2em;
}
h4, .list1 h3 {
	font-size: 1em;
}
p.subtitle, p.subline {
	font-weight: bold;
}
blockquote {
	padding-left: 0;
	margin-left: 1em;
}
img {
	border: 0;
}
th, td {
	vertical-align: top;
	text-align: left;
}

a, a:link, a:visited
 {
	color: #68a;
}
a:hover, a:active {
	color: #8ac;
}



/* size, position -------------------- */

#wrapper, #header, #nav, #container, #klickpfad, #content1, #content2, #footer {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	clear: both;
}
#wrapper {
	width: 800px;
	margin: 0 60px;
}
#header, #nav, #container, #footer {
	width: 100%;
}
#container {
	min-height: 20px;
}
#header {
	height: 120px;
}
#nav {
	min-height: 20px;
}
#content1, #content2 {
	width: 584px;
}


/* wrapper + deko -------------------- */

#wrapper {
	text-align: left;
	*	zoom: 1;
}
#bgbody {
	position: absolute;
	width: 100%;
	height: 200px;
	background: -moz-linear-gradient(top, #ccc, #eee); /* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee)); /* Safari, Chrome */
	background: -webkit-linear-gradient(top, #ccc, #eee); /* Safari, Chrome - neue Syntax! */
	background: -o-linear-gradient(top, #ccc, #eee); /* Opera */
	background: -ms-linear-gradient(top, #ccc, #eee); /* IE */
	background: linear-gradient(top, #ccc, #eee); /* W3C Standard */
}

/* header -------------------- */

#header img {
	margin: 18px;
}

/* container -------------------- */

#container {
	background: #678;
	-moz-box-shadow: 4px 4px 18px rgba(0,0,0,0.3); /* Firefox - alte Syntax */
	-webkit-box-shadow: 4px 4px 18px rgba(0,0,0,0.3); /* Safari, Chrome - alte Syntax */
	box-shadow: 4px 4px 18px rgba(0,0,0,0.3); /* alle neuen Browser, W3C Standard */
	border-radius: 18px;
}

/* content -------------------- */
#content1 {
	margin: 18px;
}
.csc-default {
	min-height: 80px;
	margin: 0 0 12px;
	padding: 12px 18px;
	background: -moz-linear-gradient(top, #246, #123); /* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#246), to(#123)); /* Safari, Chrome */
	background: -webkit-linear-gradient(top, #246, #123); /* Safari, Chrome - neue Syntax! */
	background: -o-linear-gradient(top, #246, #123); /* Opera */
	background: -ms-linear-gradient(top, #246, #123); /* IE */
	background: linear-gradient(top, #246, #123); /* W3C Standard */
	color: #fff;
	border-radius: 12px;
	border: 3px solid #999;

	-moz-box-shadow: 3px 3px 12px rgba(0,0,0,0.3); /* Firefox - alte Syntax */
	-webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.3); /* Safari, Chrome - alte Syntax */
	box-shadow: 3px 3px 12px rgba(0,0,0,0.3); /* alle neuen Browser, W3C Standard */
}
.csc-default:hover {
	background: -moz-linear-gradient(top, #468, #123); /* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#468), to(#123)); /* Safari, Chrome */
	background: -webkit-linear-gradient(top, #468, #123); /* Safari, Chrome - neue Syntax! */
	background: -o-linear-gradient(top, #468, #123); /* Opera */
	background: -ms-linear-gradient(top, #468, #123); /* IE */
	background: linear-gradient(top, #468, #123); /* W3C Standard */
	border-color: 3px solid #ccc;
}


/* footer -------------------- */

#footer ul, #footer li {
	margin: 0.1em;
	padding: 0.1em;
}
#footer li {
	float: left;
	list-style-type: none;
	margin-right: 1em;
}