@charset "utf-8";

/*Schriftfamilien global*/
body{font-family:Arial,Helvetica,sans-serif}
.blogmaintitle2,.copyright /*Copyrightnotiz*/{font-family:"Garamond Pro",AGaramond,Garamond,Times,serif}
h1.blogentrytitle{/*Überschrift Artikel*/ font-family:"Helvetica Black", "Arial Black", Arial, Helvetica, sans-serif; font-weight:bold; }
.breadcrumb{font-family:"Arial Narrow","Arial-Narrow",Arial,"Helvetica Narrow","Helvetica-Narrow",Helvetica,sans-serif}
pre,code{font-family:"Courier New",Courier,monospace,serif}

/*Globale Festlegung*/
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
html{padding:0;margin:0}
@media screen and (max-width:640px),screen and (max-device-width:640px){html{max-width:640px}}
@media screen and (max-width:480px),screen and (max-device-width:480px){html{max-width:480px;font-size:20px}}
@media screen and (max-width:320px),screen and (max-device-width:320px){html{max-width:320px}}
@media screen and (max-width:240px),screen and (max-device-width:240px){html{max-width:240px}}
@media screen and (max-width:120px),screen and (max-device-width:120px){html{max-width:120px}}

body{color:#000;background-color:#00002e;font-size:100.01%;line-height:1.3;margin:0;padding:0}
@media screen and (min-width:1100px){body{margin-left:5%;margin-right:5%}}

a{text-decoration:none}
a[href$=".pdf"]{background:url(/bilder/pdf.gif) no-repeat 100% 0;padding-right:20px}
a[href^="http://"],a[href^="https://"],a[href^="ftp://"]{background:url(/bilder/extern.gif) no-repeat 100% 0;padding-right:20px}
a[href^="http://www.gwendragon.de"],a[href^="http://gwendragon.de"]{background:transparent;padding:0}
a:link{color:#71f}
a:visited{color:#996}
a:hover{color:#f00}
a:active{color:#f90}
a:focus{color:#c13134;background-color:#ff9}

img{border:0}

h1{font-size:2.4em;font-weight:bold;margin-bottom:.5em}
h2{font-size:1.4em;font-weight:bold;margin-bottom:.2em}
h3{font-size:1.2em;font-weight:bold}
h4{font-size:1.1em;font-weight:600}
h5{font-size:1em;font-weight:600}
h6{font-size:1em;font-weight:500}

/* Formulare */
input,textarea{font-size:100%;border:1px solid gray;border-radius:4px;}
input[type=submit]{border-width:1px;background-color:#eee}
/*hover,active,focus Tastaturnavigation*/
input:hover,input:active,input:focus,select:hover,select:active,select:focus,textarea:hover,textarea:active,textarea:focus{border-radius:4px;border:solid 1px #ffa500;background-color:#ff9}
input:focus,select:focus,textarea:focus{background-color:#ff9}
fieldset legend {background-color:white}

/*Tabellen*/
thead,tbody,tfoot,tr,td,th{font-size:inherit;border-style:none}
table thead tr{background-color:#e6e6e6}
table tfoot tr{border:solid 1px #e6e6e6}
table tbody{padding:5px}

/*Code,Pre*/
pre,code{padding:.5em;overflow:auto;width:auto}
pre{display:block;background-color:#f2f2f2;width:95%;margin:0 1em;border-radius:8px}
code pre,pre code{border-style:none;display:block}

/*eingefügte/gelöschte Einträge*/
ins{text-decoration:none}

/*Zitate*/
:lang(de),:lang(de-DE){quotes:"\201E" "\201C" "\201A" "\2018"}
/*:lang(de-DE){quotes:"00BB" "00AB" "203A" "2039"}*/
:lang(de-CH){quotes:"\00AB" "\00BB" "\2039" "\203A"}
:lang(en){quotes:"\201C" "\201D" "\2018" "\2019"}
:lang(fr){quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"}
q:before{content:open-quote}
q:after{content:close-quote}
q q:before{content:open-quote}
q q:after{content:close-quote}
q{font-style:italic}
p cite{padding-left:.5em;padding-right:.5em}
blockquote{padding:.2em 1em;border-left:.2em solid #f90}
blockquote p cite:before{content:"\2012\2009"}
blockquote p cite{margin-left:.5em;margin-top:.5em}

/*Trenner*/
hr{border-style:none}

/*Listen*/
dd{padding-bottom:.5em}
div#searchhelptext dd,div#searchhelptext li{padding-bottom:2em}

/*IDs*/
#top{height:1px;line-height:1px;background-color:transparent}

#navitop{float:right;font-size:.8em;font-weight:bold;text-align:right;width:auto;color:#fff;height:auto;padding:5px}
#navitop ul{margin:0;display:block}
#navitop ul li{margin:0;display:inline}
 
#navibottom{color:#c0c0c0;font-size:1em;background-color:transparent;margin-top:2em;padding-top:1em;padding-bottom:2em}
#navibottom ul{margin:0;width:70%}
#navibottom ul li{display:inline}

/*Abschnitte*/
#blog{width:100%;height:auto;color:black;background-color:#fff}

#bloghead{width:100%;height:auto;margin:0;padding:0}

#blogcontent,#blogcontent2{float:left;width:60%;min-height:100%;height:auto;margin-top:.5em;margin-left:.7em}
#blogcontent2{width:100%;float:none;padding-right:1em}
#blogcontent img,#blogcontent2 img{margin:.5em}

#sidebox{font-size:.9em;float:right;width:25%;height:auto;min-height:100%;margin-top:.5em;margin-right:.5em;margin-left:1em;padding:.5em;background-color:#fff;border-left:dotted 2px #ccc}
#sidebox h1,#sidebox h2,#sidebox h3{line-height:1;margin-top:1em;margin-bottom:.3em}
#sidebox h2{font-size:1.2em}
#sidebox h3{font-size:1em}

#blogfoot{width:auto;margin-bottom:.5em;margin-left:1em;padding-bottom:1em;clear:both}

/*Klassen*/
.flatarchives,.flatarchives ul{margin:0;padding:.2em;list-style-type:none}
.flatarchives ul li{margin:0 0 0 .2em;list-style-type:none}

.categories,.categories ul{margin:0;padding:.2em;list-style-type:none}
.categories ul li{margin:0 0 0 .2em;list-style-type:none}
.this-category .selection{font-weight:bold}

.lastread,.lastread ul{margin:0;padding:0;list-style-type:none}
.lastread ul li{margin:0;list-style-type:none}

.lastcommented,.lastcommented ul{margin:0;padding:0;list-style-type:none}
.lastcommented ul li{margin:0;list-style-type:none}

.recententries,.recententries ul{margin:0;padding:0;list-style-type:none}
.recententries ul li{margin:0;list-style-type:none}

.blogroll,.blogroll ul{margin:0;padding:0;list-style-type:none}
.blogroll ul li{margin:0;list-style-type:none}

p.footnote{padding-left:1em;font-size:.75em;}
p#fn1{margin-top:2em;padding-top:1em;border-top:1px solid #ccc}
.footnotes{font-size:.75em;margin-top:2em;padding-top:1em;padding-left:1em;border-top:1px solid #ccc}
.footnotes,.footnotes ol{margin:0;padding:0;list-style-type:none}
.footnotes,.footnotes ol li{margin:0;list-style-type:none}

.seemore{font-style:italic}

/*Liste ohne Bullets*/
.liste,.liste ul{margin:0;padding:0;list-style-type:none}
.liste ul li{margin:0;list-style-type:none}

/*Blog*/
.blogmaintitle{/*Titel im Kopf*/color:white;font-size:2em;font-style:italic;background-color:black;margin:0;padding:0;border-width:0;line-height:1}
.blogmaintitle a,.blogmaintitle a:link,.blogmaintitle a:visited,.blogmaintitle a:hover,.blogmaintitle a:active,.blogmaintitle a:focus{color:white;text-decoration:none}
.blogmaintitle2{/*Untertitel im Kopf*/font-style:italic;font-size:1.1em;padding:0 .5em .5em 4em}

/*Navi oben*/ 
.blognavitop{display:table;width:100%}
.blognavitop ul{display:table-row;background-color:#eeeeee} 
.blognavitop ul li{padding:5px;display:table-cell} 

/*Breadcrumb Navigation*/ 
.breadcrumb{margin:0 0 .5em 0;padding:0}
.breadcrumb{font-weight:normal;font-style:normal} 
.breadcrumb-this{font-weight:bold}
.breadcrumb-sign:before{content:">"}
.breadcrumb-sign-child:before{content:"."}
.breadcrumb ul:before{content:""}
.breadcrumb ul {margin:0;padding-left:.5em}
.breadcrumb li {display:inline}

/*Navigation n?chste/vorherige Story*/
.prevnextstory{font-size:.9em;margin-top:1em;width:85%;display:table;table-layout:fixed} 
.prevnextstory .left{display:table-cell;width:33%;text-align:left} 
.prevnextstory .middle{display:table-cell;width:33%;text-align:center} 
.prevnextstory .right{display:table-cell;width:33%;text-align:right}

/*Seitennavi unten*/
.paging{margin-top:2em;margin-bottom:2em}
hr.paging{margin-bottom:.5em}
ul.paging{padding:0;width:100%;list-style-type:none}
ul.paging li{margin-left:.5em;padding:.2em;border:solid 1px #fc0;display:inline;border-radius:4px} 
ul.paging li.this-page{background-color:#ffea7c;border:solid 1px black}
/*Tags*/
.blogtags{font-size:.85em;margin-top:0;margin-bottom:1em}
.blogtagactive{font-size:.9em;padding:5px;margin-top:1em}
.blogtagcloud{width:auto;line-height:1;text-align:justify;margin-top:.5em;padding:.5em 1em 1em .5em;border-top:solid 1px #f90;border-bottom:solid 1px #ccc}
/*Bloginhalt*/
.blogcontent{font-size:1em}
.blogentrytitle{/*Überschrift des Artikels*/line-height:1}
.blogentrytitle a{text-decoration:none}
.blogentry{margin-left:1em}
div.blogentry{padding-bottom:1em}
.blogentry h2 a{text-decoration:none}
hr.blogentry{width:50%;padding:0;margin-bottom:1em;display:block}
/*Story*/
.blogstory{margin-top:1em;max-width:50em}
.blogauthor{font-style:italic}
.blogdate{font-size:85%;font-style:italic}
.blogposted{margin-top:1.5em;font-size:80%;padding-top:.5em}
.blogpermanentlink{}
div.blogrelated{margin-top:.5em;padding:.5em}
.blogsocial{margin-top:1em}
.blogsocial a {background-image:none;padding:0;margin:0}
.blogsocial a img {padding:0;margin:0}
#twtr-widget-1 a{background-image:none;padding:0}

/*Kommentare*/
.comments{width:100%}
.trackback,.comment{width:100%;margin-bottom:.5em;padding:.5em;border:solid 2px #fc0;border-radius:6px}
.comment blockquote {margin-left:.3em;padding:0 .5em 0 .5em;border-left:.2em solid orange}
.commentform,.commentform textarea,.commentform input[type=text],.commentform input[type=email],.commentform input[type=password],.commentform input[type=file]{width:100%}
.commentform form p{margin:0;padding-bottom:.3em}
.commentform fieldset{padding:.5em;border:solid 1px #fc0;border-radius:6px}
.commentpreview{padding:.5em}
.commentpreview .comment{background-color:#fff;width:100%}
.comment-response{color:red;font-weight:bold}

/*Blogsuche*/
#blogsuche{padding:.2em}
.blogsearch fieldset,.search fieldset{padding:.5em;border:solid 1px #fc0;border-radius:6px}
div.searchfound{padding:.3em;background-color:#ffffd2;margin-bottom:1em;border:solid 2px #fc0;border-radius:6px}
.searchactive{background-color:#ffffd2;width:auto;padding:5px;border:solid 1px transparent;border-radius:6px}

/*diverse allgemeine Klassen*/
.donewith{font-size:small;color:gray;text-align:right}
.keinrand{border:0 !important;padding:0 !important;margin:0 !important}
.noborder{border:0}
.clear{clear:both}
.copyright{color:black;font-size:.85em}
.small,.smalltext{font-size:.8em}
.tt,.teletype,.schreibmaschine,.monospace{font-family:"Courier New",Courier,monospace}
.einzug{text-indent:1pc}
.einzughaengend{margin-left:1pc;text-indent:-1pc}
.zentriert{text-align:center}
.rechts{text-align:right}
.skip,.unsichtbar{padding:0;margin:0;line-height:1px;height:1px;position:absolute;left:-999px;width:1px}

@media screen and (max-width:800px), screen and (max-device-width:800px), screen and (max-width:640px),screen and (max-device-width:640px), screen and (max-width:480px),screen and (max-device-width:480px),screen and (max-width:320px),screen and (max-device-width:320px),screen and (max-width:240px),screen and (max-device-width:240px),screen and (max-width:120px),screen and (max-device-width:120px){
	iframe,object,embed{max-width:95%;height:auto}
}
@media screen and (max-width:640px), screen and (max-device-width:640px), screen and (max-width:480px),screen and (max-device-width:480px),screen and (max-width:320px),screen and (max-device-width:320px),screen and (max-width:240px),screen and (max-device-width:240px),screen and (max-width:120px),screen and (max-device-width:120px){
	#blog{max-width:100%}
	#bloghead img{max-width:95%;height:auto}
	#blogcontent,#blogcontent2{ float:none; width:auto; margin-right: 0.3em; padding-right:0; margin-left:0.3em }
	#blogcontent img,#blogcontent2 img{max-width:97%;height:auto}
	#sidebox{float:none;width:auto;border:0}
	#blogsuche{float:none}
	#blogsuche {margin-bottom:1em}
	.blogsearch *, #blogsuche *{width:100%}
	.blogentry{margin-left:0} 
	.blogmaintitle2{font-size:1.2em;padding-bottom:.5em;padding-left:0}
	.trackback,.comment{width:100%}
	.commentform,.commentform textarea,.commentform input[type=text],.commentform input[type=email],.commentform input[type=password],.commentform input[type=file]{width:100%}
	blockquote{margin-left:.2em} 
	ul{padding-left:1em}
	ul.paging{max-width:90%;margin-left:0}
	ul.paging li,ul.paging li a{display:block}
	textarea, input[type=submit], input[type=text], input[type=search], input[type=email], input[type=url] {font-size:1.2em}	
	.skip{ line-height:1.5; background-color:#ffffd2; height:auto; position:relative; left:0; width:100%; padding:.3em; display:block }
	/*
	pre{white-space:normal}
	*/
}
@media screen and (max-width:240px),screen and (max-device-width:240px),screen and (max-width:120px),screen and (max-device-width:120px){
	pre,code{padding:0;margin:0;overflow:auto; }
	h1{font-size:1.4em;font-weight:bold;margin-bottom:.2em}
	h2{font-size:1.2em;font-weight:bold;margin-bottom:.2em}
	h3{font-size:1em;font-weight:normal}
	h4{font-size:1em;font-weight:normal}
	.blogtagcloud{padding:.2em}
}

#blogcontent img[src*="lupe"],#blogcontent2 img[src*="lupe"]{border:0;margin:0;padding:0}

@media print {
	html{margin:0;padding:0}
	body{font-family:Helvetica,Arial,sans-serif}
	a,a:link,a:visited,a:hover,a:active{color:black} 
	blockquote{padding-left:.2em;border-left:1px solid gray}
	#top,#navitop,#navileft,#naviright,#sidebox,#navibottom,#blogsuche,hr,div.blogmaintitle img,.blogtagactive,.commentform,.paging,.prevnextstory,.blogtagcloud,.skip,.unsichtbar{display:none}
	#blogcontent{width:100%}
	.blogmaintitle2{font-size:1em;font-weight:bold;color:black;background-color:transparent;padding-left:1em}
	h1.blogentrytitle a{text-decoration:none}
	.trackback,.comment{border:0}
	/*Seitenumbruch vor Überschrift*/
	div#comment>h2{page-break-before:always}
}