/*kira-design.de*/
/*
Layout fuer http://www.kira-design.de
Dateiname: basis.css = BASISversion
Author: KirA - Kirsten Bohlig
Author URI: http://www.kira-design.de/
Media: screen, projection
Datum: 21.07.2009
centering: http://www.brunildo.org/
*/
body { font-family: 'Lucida Grande',Verdana, Helvetica, Arial, sans-serif; font-size: 100.01%; color: #000; background: #fff; line-height: 1.4; position: relative; }
html, body { margin: 0; padding: 0; }
/*\*/
html, body, .wrap, .centered { height: 100%; }
.wrap { margin: 0 auto; display: table; }
.centered { display: table-cell; vertical-align: middle; }
/**/

/*.centered { white-space: nowrap; }*/
#inhalt { width:540px; max-width:1000px; border-bottom:0; border-left:0; padding: 0; margin-top:1em;/*bei langen Seiten sonst an den oberen Rand gequetscht*/}
#testhome #inhalt{ width:720px; }
#logo{ margin-left:-200px; position:relative; }
#G{ background-color: transparent; background-image:url(../img/G.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0% 0%; }
/* ### =footer ###*/
#footer { font-size:0.7em; border-top:1px solid #eee; padding:10px 0 20px 0px; margin: 30px 0 0 0; color:#c30; font-weight:bold; background-color:transparent; /*position:relative;*/}
#footer img { padding-right:5px; }
#bottom{ margin-top:-8px; margin-left:15px; height: 10px; display: block; }
.fix_png{}
#done { margin:0 0 0 -10px; min-height:150px; }
/* ### =links ### */
a, input[type=submit], :focus { outline:none; }
a, a:link{ color:#333; text-decoration:none; font-weight:bold; }
a:visited{ color: #B4B4B4; text-decoration:none; font-weight:bold; }
a:hover{ color:#C11F29; text-decoration:none; font-weight:bold; /*padding:2px 0;*/}
a:focus{ color:#C11F29; text-decoration:none; font-weight:bold; }
img a:focus{background-color:transparent;}
a:active{ color:#000; text-decoration:none; font-weight:bold; }
a.hwa{ color:#C11F29; }
a.hwa:visited { color:#666; }
span.back a:hover, a.back:hover { color:#C11F29; }
/* ################################## */
/* http://www.yaml.de/en/documentation/practice/subtemplates.html
*/
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l { float: left }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { float: right; margin-left: -5px }
.c25l, .c25r { width: 25%;}
.c33l, .c33r { width: 33.333% }
.c50l, .c50r { width: 50%;}
.c66l, .c66r { width: 66.666% }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2% } /* Golden Ratio */
.c62l, .c62r { width: 61.8% } /* Golden Ratio */
/*IE*/
* html .c50l, * html .c25l, * html .c33l, * html .c38l, * html .c66l,
* html .c75l, * html .c62l, * html .c50r, * html .c25r, * html .c33r,
* html .c38r, * html .c66r, * html .c75r, * html .c62r {
display:inline;
}
* html .column .subc,
* html .column .subcl,
* html .column .subcr {
word-wrap: break-word;
overflow:hidden;
}
.column,.column_oldgecko{ margin-top:.5em; width:100%; overflow:hidden; }
/* (de) Alternative Klasse zur optionalen Unterstuetzung alter Mozilla/Netscape-Brower */
.column_oldgecko{ float:left; }
.c33l{ float:left; }
.c66r{ float:right; margin-left:-5px; }
.c25l{ border-top-width: 0; border-top-style: none; background-color: #c11f29; }
.c33l{ width:33.333%; color: #fff; border-top-width: 0; border-top-style: none; background-color: #c11f29; }
.c66r{ width:66.666%; background-color:#fff; border-top:3px solid #ddd; }
/* ### =img ###
die folgende img Def gilt für die Pfeilchen in der footer-navigation,
alle anderen img sind extra */
img { border:0; padding:7px 0 0 2px; }
img.mb /*mit border ->design*/{ border:5px solid #eee; margin-top:-120px; margin-right:-80px; padding:0; }
img.pf /*pfeil im fliesstext*/{ display: inline; float:left; margin-left:-13px; margin-right: 1px; margin-top:-3px; }
img.pfe /*pfeil extern*/{ display: inline; float:left; margin-left:-23px; margin-right: 1px; margin-top:-7px; position:relative; }
/*pfeilchen zur footer-nav*/
img.i-bot { display:inline; margin-left:98%; /*float:right;*//*position:absolute;relative opera*/}
/*Pfeilchen zum Seitenanfang*/
img.i-top { margin-left:720px; position:relative;/*absolute opera*/background-color:transparent; }
img a:hover{ background-color:transparent; }
/* ### =Listen - *//*http://www.positioniseverything.net/explorer/doubled-margin.html*/
/*ul { list-style:none; margin:0; padding:0; position:relative; }
ul.liste{ padding:0 ; font: bold 0.7em Verdana, sans-serif; display: inline;position:relative; }
li { margin:0; padding:0; font-weight:normal; position:relative; border-bottom:1px solid #fff; }
ul>li { clear: none; float: none; }
li a { background-color: #eee; color: #000; text-decoration: none; display: block; margin:0; padding:5px; height:auto; border-top: 1px solid #eee; border-left:20px solid #eee; }
li a span { display:none; }
li a:hover { color: #666; display: block; padding:5px; background-color: #FFCC00; border-left:20px solid #666; }
li a:hover span{ display:block; }*/
ul.square { margin-top:2em;}
ul.square li { margin-left:3em; list-style-type:square;}
ul.square li a { background-color: #fff; color: #000; text-decoration: none; margin:0; height:auto; border: 0; display:inline; padding:0; }
ul.square li a:hover { color: #666; display: block; background-color: transparent; border-left:0; padding:0; display:inline; }
/* ### =ueberschriften ### */
h1 { /*border-top:5px solid #eee; border-bottom: 1px solid #FFCC00;*/margin: /*0 0 .3em 0;*/0; padding:10px 20px 10px 20px; font-size: 1.5em; visibility:visible; /* wg replacement! */}
h1 img, h2 img { margin-left:-0.5em; /* wg replacement! */}
h1.noreplace{display:block;}
h2,h3 { margin-bottom:20px; padding:0 20px 5px 20px; font-size:1.2em; font-weight:normal; visibility:visible; }
h2.linie{ margin:1em 1em 1em 0;padding-top:1em;border-top: 2px dotted #ddd; }
#impressum h1 { border-top:5px solid #333; border-bottom: 1px solid #FFCc00; margin-bottom:20px; padding:20px 20px 5px 20px; font-size:1.2em; font-weight:normal; }
p { font-size:.8em; padding:0 20px 0 20px; margin: 20px 20px .3em 0; line-height:150%; }
p.tea/*-ser*/ { font-size:.7em; color:#666; line-height:115%; margin-top:0px; padding-bottom: 1em; }
.c50l ul li,.c66r ul li{ margin-top:5px; margin-left:20px; font-size:.8em; list-style-position:inside; list-style:square; line-height:150%; }
.c50l,
.c25r {border-top:3px solid #ddd;}
.c33l {color:#fff; }
.c33l p,
.c25l p {margin: 0; padding:5px; font-weight:bold; text-align:right; color: #fff; }
p.oF {background-color:transparent; color:#333;padding:5px;}
.c25r p {font-size:.7em; margin: 20px 0px 0 0; color:#333;}
.c66r p {margin-right:10px;}
/*h1+p {margin-top: 5em;}*/

h2+p, h3+p /*h4+p, h5+p, h6+p, h2+dl, h3+dl, h4+dl, h5+dl, h6+dl*/ { margin-top: .1em; }


/* ### Sprites ### */
#frage { width: 40px; height: 43px; text-decoration: none; display: block; background: url('../img/frage-antwort.gif') 0 0; }
#frage:hover, #frage:active { background-position: 44px 0; }

h2 a:hover, h2 a:active{ color:#fff; }
.klein,.small { font-size:0.7em; }
.linkklein{ border-top:1px solid #eee; font-size:60%; margin-top:20px; padding-top:3px; }

/*Quotations in CSS Screen Stylesheet ###;author:George Ornbo;website:http://www.shapeshed.com;license:http://creativecommons.org/licenses/by-sa/2.5/*/
blockquote { /* padding:2px; IE6 mag das nicht */font-size:1em; background:url(../img/quote_up.gif) top left no-repeat; position:relative; margin-left:20px; margin-right:0; font-weight: normal; }
blockquote p { padding:0 30px 10px 25px; font-size:0.9em; font-weight: normal; background:transparent url(../img/quote_down.gif) no-repeat bottom right; color:#666; text-align: justify; margin-left: 0; width:80%; }
cite { font-size:0.85em; margin-left:5em; margin-bottom:1em; font-weight:normal; color:#333; }
.subcolumns .c66r blockquote p{ font-weight: normal; padding-left:3.5em; font-size:0.9em; margin-left: 0; }
.c33l blockquote { margin-left:.5em; position:relative; width:70%;}
.bold {font-weight:bold;}
strong { font-weight: bold; color:#444; }
em, i { font-style:italic; }
address { font-weight:normal; margin: 0 0 1em 0; }
acronym, abbr { letter-spacing: .07em; border-bottom: 1px dashed #ddd; cursor: help; }
.up { font-size:0.7em; float:right; /*padding-top:3em; padding-bottom:1em;*/margin-right:-50px; position:relative; }
#kiraura #inhalt h1.gross { font-size:2em; /*border-bottom:2px dotted #B0CAD7;*/padding-bottom:5px; text-transform:uppercase; letter-spacing:10px; font-weight:normal !important; margin:0 0 1.5em 0; font-family:Tahoma,Verdana,sans-serif !important; }
/* ### = display:none ----------*/
.none,.back, hr,.noshow,.json { display:none; }
/*------- wg. IE5/Win*/
.ieshow {display:none;}
/* =JS-on*/
.hilfe,.noprint { display:block; }

/* ### =Tabellen */
table { border: 2px solid #FFCC00; border-collapse:collapse; margin-right:5px; margin-bottom: 0.5em; margin-left:10px; width:90%; }
table caption { text-align:left; font-weight:bold; padding-bottom:3px; padding-left:3px; }
td { border-bottom: 1px solid #ddd; padding-top:2px;padding-bottom:5px; padding-left:3px;vertical-align:top; font-size:0.85em; }

/* onError*/
#error img{ border:5px solid #333; margin-top:20px; margin-left:20px; padding:0; }
#error img.nb{border:0}
#error h3 { margin-left:20px; }
#error #footer img{ border:0; }
#error ul li{ font-size: .8em; margin-left:2em; }
/*wg footprint*/
#show { display:block; }
#printOnly{ display: none; }

/* ### =hcard ### */
#kontakt h1 {margin-bottom:1em;}
.vcard { background-image: url(../img/logo-nur-auge40.gif); background-repeat: no-repeat; background-position: 90% 5%; color: #666; width: 19em; margin-bottom:2em; border: 1px solid #ddd; padding: 0 1em 0 1em; }
img.vcardimg { display:inline; float: right; /*margin-top:10px;*/margin-right:-95px; margin-left:580px; position:relative; padding:0; background:#fff; }
.vcard p { margin-left: 0; padding-left:5px; }
.fn { padding-top: 1em; font-weight: bold; font-size: 1em; }
span .email { padding-bottom: 1.3em; }
/* #################################### */
.accessibility { position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }
#type-here { margin-top:2.5em; margin-left:2.7em; font-size: 2.6em; font-family:"Courier New", Courier, mono; font-weight:bold; color:#C4342D;/*rot*/}
/* ####################################
http://www.cssplay.co.uk/boxes/minheight.html for understanding browsers
*/
#type-here { width:480px; min-height:200px; height:auto; }
/* for Internet Explorer */
/*\*/
* html #type-here {
height: 200px;
}
/**/
/* ########################### */
.punktlinie {margin-top:1em; margin-right:1em;margin-left:0;border-top: 2px dotted #ddd; }
/*http://www.bloglines.com/help/blogrollcss*/
div.blogrollmain{ font-size:0.7em; width:400px; margin: 2em 0 2em 2em; background-color:#F5F5F5; padding-top:1em; padding-left: 1em; }
.blogrollfolder{ font-size:0.9em; font-weight:bold; color:#F90; text-transform: uppercase; font-variant: small-caps; }
/*extern*/
/*
a[href^="http"] { padding-left: 33px; background-image: url(../img/pf-orange-out.gif); background-position: left !important; background-repeat: no-repeat; margin-left:-34px; }
*/
.blogrollmain a[href^="http://"]:before { content: ":: \00A0"; }
/*intern*/
a[title~="intern"]:before { content: "\8250\00A0" }
/* ####################### */
#error ul { list-style:square; list-style-position: outside}
#error ul li { font-size:.8em; margin-left:2em; }

/* ###http://www.cssplay.co.uk/boxes/minheight.html for understanding browsers*/
.minheight { width:auto; padding:0.5em; min-height:2em; height:auto; }
/* for Internet Explorer */
/*\*/
* html .minheight {height: 2em;}
/**/
/* ################################## */
.top20{ margin-top:20px; margin-bottom:20px; }
.top40{ margin-top:40px; margin-bottom:20px; }
.top60{ margin-top:60px; margin-bottom:20px; }
.top80{ margin-top:80px; margin-bottom:20px; }
.mr10{ margin-right:10px; }
.mr2 { margin-right:2em; }
.ml2{ margin-left:2em;}.ml200{margin-left:200px;}.mb20{ margin-bottom:20px; }
.mb60{ margin-bottom:60px; }
.nmt20{margin-top:5px}
ul.square { margin-top:1em;}
ul.square li { margin-left:3em; list-style-type:square;}
ul.square li a { background-color: #fff; color: #000; text-decoration: none; margin:0; height:auto; border: 0; display:inline; padding:0; }
ul.square li a:hover { color: #666; display: block; background-color: transparent; border-left:0; padding:0; display:inline; }

noscript p {color: #C00;}