/********** Reset and toolbox **********/
* 				{ margin: 0; padding: 0; }
.floatleft		{ float: left; }
.floatright		{ float: right; }
.clear			{ clear: both; }

/********** Layout **********/

body				{ font: 15px georgia; background: #FFFFFF; z-index: -1; }
p					{ margin: 0 0 15px 0; line-height: 150%; }
#content			{ width: 850px; margin: 5px auto; }
.social-sharing-box	{ margin: 20px 0; }

/********** Header **********/

#header				{ width: 100%; height: 85px; background-image: URL(gfx/gradient-background.png); background-repeat: repeat-x; padding-top: 35px; border-bottom: 1px solid #963a3a; }
#header-wrap		{ width: 850px; margin: 0px auto; color: #fff; }
#header a			{ text-decoration: none; }

#logo				{ float: left; width: 360px; }
#tagline			{ float: left; width: 440px; margin-left: 25px; padding-top: 10px; font-style: italic; }

/********** Typography **********/

a:link		{ color: #963a3a; text-decoration: underline; }
a:visited	{ color: #963a3a; text-decoration: underline; }
a:hover		{ color: #ffffff; text-decoration: underline; background: #963a3a; }

h1	{ font-family: "Century gothic"; font-size: 3.0em; font-weight: normal; }
h2	{ font-family: "Century gothic"; font-size: 2.0em; font-weight: normal; }
h3	{ font-family: "Century gothic"; font-size: 1.2em; font-weight: normal; }

.article-headline	{ font-size: 2.2em; color: #963a3a; text-decoration: none; margin: 10px 0 0 0; }
.article-headline a { text-decoration: none; }

.paragraph-headline { font-size: 1.6em; color: #000000; }

.date 				{ font-size: 0.7em; font-family: tahoma, sans-serif; font-weight: bold; color: #ADADAD; margin: 0 0 5px 0; }
.date a				{ text-decoration:none; }

.readmore			{ color: #ADADAD; font-family: tahoma, sans-serif; font-size: 0.8em; font-weight: bold; float: right; }
.readmore a 		{ text-decoration:none; }

.comment			{ width: 850px; overflow: auto; }
.comment-number		{ float: left; width: 50px; text-align: right; color: #963a3a; margin-left: -60px; margin-right: 10px; font: 25pt "Century gothic"; }

.code 				{ color: #909EF2; font-style: italic; }

.sitemap-headline	{ font-size: 15px; font-weight: bold; }
.sitemap-year 		{ float: left; margin-left: -85px; font: 2.2em "Century gothic"; }

.breadcrumb			{ color: #ADADAD; font-size: 10px; font-weight: normal; font-family: verdana; }


/************************* LISTINGS *********************/

ul { margin: 0 0 15px 30px; }
li { margin: 0 0 2px 0; }


/************************* TABLE *********************/

.tablewrap	{ width: 100%; border: 1px solid #000; border-collapse: collapse; margin-bottom: 15px; }
td			{ padding: 5px; text-align: left; border: 1px solid #000; }
table		{ border: 0px; solid #000; }
.tablehead	{ width: 280px; background-color: #CCC; font-weight: bold; }


/************************* INPUT *********************/

input.formular 			{ height : 20px; font-size : 14px; font-weight: normal; color: #963a3a; width:250px; }
input.formular-antispam { height : 20px; font-size : 14px; font-weight: normal; color: #963a3a; width:80px; }


/************************* FOOTER *********************/

#footer-wrap	{ width: 100%; background-color: #E9E9E9; padding: 0 0 20px 0; border-top: 1px solid #963a3a; }
#footer			{ font-family: 'Trebuchet MS'; font-size: 11px; width: 810px; margin: 0px auto; text-align: left; }
#foot-left		{ width: 400px; float: left; }
#foot-left li	{ list-style: decimal; }
#foot-right		{ width: 400px; float: left; }
#foot-right ul	{ list-style: none; margin: 0; }
#footer a		{ text-decoration:none; font-weight: bold; }