/*_____ Positionierung _____*/ 

body { text-align: center; min-width: 990px; margin: 50px 0; 
	background: #fff url(grafik/rect3.png) no-repeat center -164px;}
#scope { width: 980px; margin: 0 auto; text-align: left; }
#header { width: 970px; }
#article { clear: both; float: right; width: 712px; margin-top: 50px; }
#other { width: 212px; float: left; } 
#main { width: 477px; float: left; position: relative; }
#aside { width: 180px; float: right; }

#footer { clear: both; }

h1#branding { float: left; margin: 0; width: 200px; text-align: right; }
#nav { float: left; width: 477px; margin-left: 68px; margin-top: 25px; }

span.date { width: 160px; margin-left: -200px; float: left; display: inline; text-align: right; text-transform: uppercase;
	font-size: 13px; font-weight: bold; position: absolute; letter-spacing: 0.1em; }
span.commentlabel { width: 100px; margin: 1px 1em 12px 0; float: right; display: inline;  text-align: right; 
	font-size: 12px; font-family: Helvetica, Arial, "Liberation Sans", "Free Sans", sans-serif; }

/*_____ Erscheinung _____*/

h2, h3, p, div.part { margin: 0 0 25px 0; padding: 0; }

div, ul, li, p, h3 { font: normal normal 16px Georgia, Palatino, "Times New Roman"; line-height: 25px;  color: #222; }
h2 { font: bold 18px Helvetica, Arial, "Liberation Sans", "Free Sans", sans-serif; line-height: 25px; color: black; }
h3 { font-size: 15px; font-weight: normal; line-height: 25px; color: black; text-transform: uppercase; letter-spacing: 0.1em; }

span.date, div#nav ul li {font-family: Helvetica, Arial; } /* ? */

.date, .commentlabel { color: #f3a030; line-height: 27px; }
#aside p { font-size: 0.8em; line-height: 1.5em;  }
.small, ol.comments li p.small { color: #666; font-size: 0.84em; font-weight: normal; font-family: Helvetica, Calibri, Arial, "Liberation Sans", "Free Sans", sans-serif; }

.caps { font-size: 0.92em; letter-spacing: 0.1em; }

h1#branding { font: normal 21px  Helvetica, Arial, "Liberation Sans", "Free Sans", sans-serif; line-height: 26px; color: black;}
h1#branding a { font-weight: bold; }
h1#branding em { font: normal 14px Helvetica, Arial, "Liberation Sans", "Free Sans", sans-serif; line-height: 24px; margin-right: 1em; }

h1#branding, #nav, .date { text-shadow: #fff 0px 0px 0px; }

#signature {float: right; font-size: 0.84em; color: #666; }

h3#Kommentar { margin-top: 6em; padding-top: 1.5em; border-top: 1px dashed gray; clear: both; }

blockquote p, ol.comments li, ol.comments li p {  font: normal 14px Georgia, Palatino, "Times New Roman", "Liberation Serif", serif; line-height: 21px;  }
ol.comments { border-bottom: 1px dashed #999; margin-bottom: 1.5em; }
ol li { margin-bottom: 2em;  }
ol li p { margin-bottom: 0.7em; }

#main p img {text-align: center; border: 1px solid #eee; }
#main p a.noline {border-bottom: none !important; }


/* p { margin: 0; text-indent: 2em; }
h2 + p, h3 + p, ul + p { text-indent: 0; } */

/*_____  Randnotizen _____ */

small.sidenote { color: #444; font-size: 10px; font-family: Helvetica, Calibri, Arial, "Liberation Sans", "Free Sans", sans-serif; padding: 0 0 0 25px; 
	background-image:url(grafik/sidenotemarker.gif); background-repeat: no-repeat; background-position: top left;
	margin-right: -265px; position: absolute; right: 0; top: auto; width: 200px; line-height: 16px; } 
small.getintouch { color: #444; padding: 8px 3px 8px 16px;  background-color: #f6f6f6;
	background-image: none; border: 1px solid #ccc;
	margin-right: -280px; position: absolute; right: 0; top: auto; width: 190px; }
small.uparrow { background-image: none; }
small.sidenote > strong { color: #555; }


/*_____ Listen _____*/

ul.linkliste li {margin-bottom: 0.7em; }

/*_____ Links _____*/

p a, td a, .small a, #main li a { color: #069; text-decoration: none;	border-bottom: 1px solid #93bdd3; }
h1 a, h2 a { color: black; text-decoration: none; }

#nav ul { display: inline; margin: 0; }
#nav li { display: inline; }
#nav a {  text-decoration: none;  padding-right: 2em; float: left; font-weight: bold; color: #ed4d50; }
#nav li#about { float: right; margin-right: -1.5em; margin-top: -2px; }

p#signature + h3, ul.linklist li, ul.linklist li p { clear: both; font-size: 14px; line-height: 21px;  } /* linklist in article*/
p#signature + h3 { padding-top: 1em; }

/* comments
----------------------------------------------- */

form textarea { width: 360px; height: 100px; }


.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}


/*_____ Druckversion _____*/

@media print {
#main p, #main li, #main h3, #main blockquote { font-family: "Chaparral Pro", "Charis SIL", "Bistream Charter", "Arno Pro",
	Constantia, Palatino, Garamond, Georgia, "Times New Roman", "Liberation Serif", serif; color: black; }
#main small.sidenote { color: black; }
div.comments-wrapper table { display: none; }
}

/*_____ Debug _____

div, p, span, h2 { border: 1px dashed lightgray; margin-bottom: 1em; } */

/* 
nomenclature adapted from html 5, http://www.alistapart.com/articles/previewofhtml5/ 
structure adapted from CSS mastery, 3 column floated layout:
	scope=wrapper header=branding article=content other=mainnav footer=footer main=maincontent aside=secondarycontent 
*/