body {background: #fff; color: #111; font-family: Georgia, 'Times New Roman', serif; font-size: 13px;margin: 0; padding:0;}
#outer {margin: 2% auto; width: 100%;max-width: 1280px; min-width: 950px;}
#inner {margin: 0 2%}

/* ausblenden */
.hideme {position: absolute; left: -9999px; top: -9999px;}

/* clearfix by http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}

/* text styling */
@font-face {
	font-family: 'QuicksandBook';
	src: url('images/quicksand_book-webfont.eot');
	src: local(':-)'), url('images/quicksand_book-webfont.woff') format('woff'), url('images/quicksand_book-webfont.ttf') format('truetype'), url('images/quicksand_book-webfont.svg#webfontT72G7mKr') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 {font-weight: normal; font-style: normal;font-size:462%; line-height:normal; font-family: 'QuicksandBook'; margin: 0; padding: 0 0 0.22em;}
h2 {font-weight: normal; font-style: normal;font-size:230%; line-height:normal; font-family: 'QuicksandBook';margin: 0 0 0.8em; padding: 0 0 0.13em;}
h3 {font-weight: normal; font-style: normal;font-size:180%; line-height:normal; font-family: 'QuicksandBook';margin: 0 0 0.8em; padding: 0 0 0.13em;}

#sidebar h3 {font-weight: normal; font-style: normal;font-size:230%; line-height:normal; font-family: 'QuicksandBook';margin: 0 0 0.8em; padding: 0 0 0.13em;background: #fff url(images/bg-dotted-horizontal.gif) left bottom repeat-x;}

p {padding: 0 0 1em; margin: 0;}

a, a:link, a:visited {color: #c705a0; text-decoration: underline}
a:active, a:hover, a:focus {text-decoration: none}

/* forms general */
form {margin: 0; padding: 0;}
legend {position: absolute; left: -9999px; top: -9999px;}
fieldset {margin: 0; padding: 0; border: 0}
input[type="text"] {background: #fff; border: 0; margin: 0; padding: 0px 3px 1px;}

/* boxes */
#content {padding: 0 0 3em;margin: 0 0 4em; background: transparent url(images/bg-dotted-horizontal.gif) left bottom repeat-x}
.contentInner {width: 63%; float: left; background: #fff url(images/bg-dotted-vertical.gif) right top repeat-y; padding: 1.5em 2em 0 0; margin: 0 0 2em }
.contentInner h2 {background: #fff url(images/bg-dotted-horizontal.gif) left bottom repeat-x;text-align: right}
h2 a, h2 a:link, h2 a:visited {text-decoration: none; color:#111; }
h2 a:active, h2 a:hover, h2 a:focus {text-decoration: underline; color:#111;}

#sidebar {padding: 1.5em 0 0 2em; margin: 0 0 0 -1px; background:url("images/bg-dotted-vertical.gif") repeat-y scroll left top #FFFFFF; float: left; width: 31.64%}
#sidebar h3 {margin: 0 0 1em}
#sidebar .sidePosting {margin: 0 0 1em}
#sidebar ul {list-style: none; margin:0 0.8em; padding:0;}
#sidebar ul li {background: transparent url(images/tri-list.gif) left 3px no-repeat;padding: 0 0 0.8em 2em}
#sidebar a {color: #111}

h1 a, h1 a:link, h1 a:visited {text-decoration: none; color:#111; }
h1 a:active, h1 a:hover, h1 a:focus {text-decoration: underline; color:#111;}
/************** navigations ***************/
/* skip links */
a.skipnav {position: absolute; left: -9999px; top: -9999px; padding: 10px; outline: hidden}
a.skipnav:hover, a.skipnav:active, a.skipnav:focus {left: 15px; top:15px; border: 1px solid #c705a0; outline: hidden}

/* main navigation */
#nav {background: #111; color: #fff; margin: 0 0 1.69em}
#nav ul {list-style: none; margin: 0; padding: 2px 0; text-align: right; width: 80%;float: left}
#nav ul li {display: inline; padding: 0 8px 0 11px;margin:0; font-family: 'QuicksandBook';font-size: 108%; background: #111 url(images/sep-mainnav.gif) left 2px no-repeat}
#nav ul li.first {background: transparent none}
#nav ul li a, #nav ul li a:link, #nav ul li a:visited {color: #fff;text-decoration: none;}
#nav ul li a:active, #nav ul li a:hover, #nav ul li a:focus {text-decoration: underline}

/* searchPart in main navigation */
.searchPart {width: 20%; float: left;vertical-align: middle; background: #111 url(images/sep-mainnav.gif) left 4px no-repeat;padding: 0 0 2px}
.searchPart fieldset {line-height: 1.1em;padding: 0;}
.searchPart input[type="text"] {width: 75%; font-size: 95%; vertical-align: top; margin: 3px 5px 0 12px}
.searchPart input.button {margin: 2px 0 0 0}

/************** postings ***************/
.article {margin: 0 0 2.4em;}
.article img {text-align: center; width:77%; margin: 0 0 1.6em; padding: 2px; border: 1px solid #111}
.article .wide {width: 100%; text-align: center}
.article ul {list-style: none; margin:0 0.8em; padding:0;}
.article ul li {background: transparent url(images/tri-list.gif) left 3px no-repeat;padding: 0 0 0.8em 2em}

.metadata {background: #111; color: #fff; text-align: right; padding: 0.15em 0.76em; margin: 0.5em 0 0;}
.metadata p {margin: 0;padding:0}
.metadata a, .metadata a:link, .metadata a:visited {color: #fff;text-decoration: none;}
.metadata a:active, .metadata a:hover, .metadata a:focus {text-decoration: underline}

/************** comments ***************/
#comments {margin: 0 0 2.4em;}
.avatar {float: left; margin: 0 0.5em 0.5em 0; padding: 2px; border: 1px solid #111}
.commentMeta {clear: both;font-size: 0.85em;background: #111; color: #fff; text-align: right; padding: 0.15em 0.76em; margin: 0.5em 0 1em;}
.commentMeta p {margin: 0;padding:0}
.commentMeta a, .commentMeta a:link, .commentMeta a:visited {color: #fff;text-decoration: none;}
.commentMeta a:active, .commentMeta a:hover, .commentMeta a:focus {text-decoration: underline}

/* comments form */
.formNote {text-align: right}
form#commentform {width: 62.2%;float: right; margin: 0 0em}
form#commentform .FormLine {margin: 0 0 0.9em}
form#commentform .last {margin: 0 0 1.5em}
form#commentform label {width: 35%;margin: 0 1em 0 0 ; float: left;}
form#commentform input[type="text"] {border: 1px solid #111; float: left;margin: 0 0em 0 0; width: 59%;}
form#commentform textarea {width: 98.2%;border: 1px solid #111; padding: 0 3px 1px; margin: 0 0 1.5em}
form#commentform input.button {margin: 0 0em; padding: 0.2em 0.5em; background: #111; color: #fff; border: 0; float: right; }

/* footer */
#footer {width: 100%;padding:0;background: #fff; color: #111;}
.widget {width: 30.5%; margin: 0 1em 0 0; float: left; background: transparent url(images/bg-dotted-vertical.gif) right top repeat-y}
#footer .last {padding: 0; background: transparent none}
.widget h3 {font-size: 150%;margin: 0 0 1em 0;padding: 0.3em 0.5em}
.widgetContent {margin: 0 0 2em 0;padding: 0.3em 1em;}
.widget .icon {float: left;padding: 0 15px 10px 0}
.widget .icon img {border: 0 none; margin; 0;}
.widget ul {list-style: none; margin:0 0.8em; padding:0;}
.widget ul li {background: transparent url(images/tri-list.gif) left 3px no-repeat;padding: 0 0 0.8em 2em}