/* RESET */

* { margin:0; padding:0 }
p { margin-bottom:10px }
ul, ol { list-style-type:none; margin:0; padding:0 }
a img { border:none }
a { color:#8628ad; text-decoration:underline }
a:hover { text-decoration:none }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; line-height:0 }

/* MAIN */

body { background:#f4f4f4 url("images/sitebg.jpg") repeat-x 50% 0; font:normal 12px Arial,Helvetica,sans-serif; color:#808080; position:relative }
#start { width:1000px; margin:0 auto }
#logo { float:left; height:35px; margin:30px 0 16px 0 }
#login { float:right;margin-top:20px }
.label { float:left; width:95px; margin:0 4px 2px 0 }
.lform { width:90px; height:20px; margin-right:4px }
.lbutton { width:60px; height:26px }
#menu { color:#fff; background:#5b4977; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-bottom:2px solid #352a45 }
#pages li { float:left; font:normal 14px Tahoma,Arial,sans-serif; letter-spacing:1px }
#pages a { display:block; color:#fff; padding:12px 20px; text-transform:uppercase; text-shadow:#352a45 1px 1px 0; text-decoration:none; outline:none }
#pages a:hover { background:#675683; text-decoration:none }
#pages a.active { background:#7a6b93 }
#startseite { text-indent:-9999px; background:url("images/home.png") no-repeat 11px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px }
#pages #startseite:hover { background:#675683 url("images/home.png") no-repeat 11px }
#pages #startseite.active { background:#7a6b93 url("images/home.png") no-repeat 11px }

.siteinfo { padding:20px; margin-top:10px; line-height:150%; background:#fff; border-bottom:2px solid #dedede; color:#2d2e2a; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px }
.siteinfo a { font-weight:bold }
.siteinfo a.news { color:#2d2e2a; font-weight:normal; text-decoration:none }
.siteinfo a.news:hover { color:#8628ad }

h1, .news { font:normal 22px Georgia,'Times New Roman',serif; margin-bottom:14px }
h2, h3 { font:bold 14px Tahoma,Arial,sans-serif; margin:15px 0 12px 0 }

.article { float:left; width:630px; margin-right:30px }
.article img { padding:2px; border:5px solid #eee; margin-bottom:10px }
.article img.floatr { float:right; margin-left:8px }
.article .video { margin-bottom:10px; padding:2px; border:5px solid #eee }
.article .products { list-style-type:square; margin:0 0 10px 20px }

blockquote { background:url("images/quote_content.png") no-repeat; min-height:26px; font:italic 12px Arial,sans-serif; margin-left:15px; margin-bottom:10px; padding:0 40px; color:#777; line-height:150% }
.fs11 { font-size:11px }
.fwb { font-weight:bold }
.fsi { font-style:italic }
.mb0 { margin-bottom:0 }
.mb30 { margin-bottom:30px }
.caaa { color:#aaa }

.sidebar { float:right; width:300px }
#author { float:right; margin:1px 0 0 10px; background:#fff; border:1px solid #b3b3b3; padding:3px }
.sideitem, .offer { background:#f4f4f4; margin-bottom:18px; padding:15px 15px 5px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.offer { margin-top:20px }
.purple { background:#5b4977; border-bottom:2px solid #352a45; padding:15px }
.feature { color:#fff; font:14px Tahoma,Arial,sans-serif; text-shadow:#352a45 1px 1px 0 }
.sidedetail { background:#fff; padding:10px; border-bottom:1px solid #352a45; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.sidedetail img { margin-bottom:10px }
.artdetail { background:#fff; padding:0 10px 10px 15px; border-bottom:1px solid #352a45; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.description { float:left; margin-bottom:0; width:320px; margin-top:15px; line-height:180% }
.teaser { border:5px solid #fff; margin-bottom:10px }

.user { font-size:11px; margin-bottom:4px; color:#888 }
.user span { font-weight:bold }
.comment { background:#fff; font-size:11px; border:1px solid #e4e4e4; margin-bottom:15px; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
#cform input, #cform textarea { margin-bottom:10px; width:220px }

#button-container { position:relative; margin:25px 5px 15px 0 }
#button {
	background-color: #ddd;
	padding:10px 20px;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow:0 2px 0 #4c9434;
	-webkit-box-shadow:0 2px 0 #4c9434;
	box-shadow:0 2px 0 #4c9434;
	
	background:#60B842;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #60B842),
	    color-stop(0.85, #7FD13D)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #60B842 0%,
	    #7FD13D 85%
	);
	color:#fff;
	font:bold 17px arial,helvetica,sans-serif;
	text-shadow:1px 1px 1px #4c9434;
	text-decoration:none;
}

#button:hover {
	background:#85DB40;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #6DD14B),
	    color-stop(0.85, #85DB40)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #6DD14B 0%,
	    #85DB40 85%
	);
	-moz-box-shadow:0 2px 0 #5EA839;
	-webkit-box-shadow:0 2px 0 #5EA839;
	box-shadow:0 2px 0 #5EA839;
}

#footer { border-bottom:2px solid #dedede; background:#fff; margin:20px 0; padding:20px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#footer ul { width:190px; float:left }
#footer .topic { margin-bottom:15px; padding-bottom:10px; color:#aaa; font:14px Tahoma,Arial,sans-serif; letter-spacing:1px; text-transform:uppercase; border-bottom:1px solid #ccc }
#footer li { margin-bottom:10px }
#footer a { font-size:11px; text-decoration:none; color:#555 }
#footer a:hover, #copyright a:hover { color:#000 }
#copyright { font-size:11px; text-align:center; margin-bottom:20px }
#copyright a { text-decoration:none; color:#808080 }