/* CSS tp-buchhaltungsbuero */
@media all
{
* { margin:0; padding: 0; } 
option {padding-left: 0.4em}
html { height: 100% } 
body { 
min-height: 101%;	
font-size: 100.01%; 
position: relative; 
color: #000;        
background: #fff;
text-align: justify; 
}  
fieldset, img { border:0; }
select, input, textarea { font-size: 99% }
#header { position:relative }
#topnav {
position:absolute;
top: 10px;
right: 10px;
color: #fff;
background: transparent;
text-align: right; 
}
#nav { clear:both; width: auto; }
#main {	clear:both; width: auto; }
#col1 { float: left; width: 200px; }
#col2 {	float:right; width: 200px; }
#col3 {	width:auto;	margin-left: 200px; margin-right: 200px; }
#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}
#col1_content, #col2_content, #col3_content { position:relative; }
#footer { clear:both; }
.clearfix:after { content: "."; display: block;	height: 0; clear: both;	visibility: hidden;	}
.clearfix { display: block; } 
.floatbox { overflow:hidden; }
#ie_clearing { display: none }
hr.clear_columns {	
clear: both; 
float: left; 
content: "."; 
display: block;  
height: 0; 
line-height: 0px; 
visibility: hidden; 
border: 0; 
padding: 0;
margin: -1.1em 0 0 0; 
}
ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
.subcolumns { 
width: 100%;
padding: 0 1px 0 1px; 
margin: 0 -1px 0 -1px; 
overflow:hidden;
}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
.c25l, .c25r { width: 24.999%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 49.999%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 74.999%; }
.c38l, .c38r { width: 38.196%; } 
.c62l, .c62r { width: 61.803%; } 
.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
.subcl { padding: 0 1em 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 1em; overflow: hidden; }
}
@media screen, print
{
.skip {	position: absolute;	left: -1000em; width: 20em; }
}


.header_slogan_top {
border: 0px #FFFFFF solid;
margin-top: -115px;
text-align: center;
font-size: 15px;
font-weight: 800;
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

body { background: #99a; padding: 10px;	}
#page{ border: 2px #667 solid; background: #fff; }
#page_margins {border: 1px #889 solid; min-width: 756px; max-width: 100em; margin:auto;}
#header { height: 140px; color: #fff; background: #1f1e2e url(../img/yaml_bg.gif) repeat-x top; }
#header img {margin: 48px 0 0 40px; font-size:208%;}
#footer { color:#888; background:#fff; margin: 0 1em; padding: 1em 0; border-top: 1px #ddd solid; line-height: 2em;}
#main { background: #fff ; padding: 1em 0; }
#col1 {	width: 22.5%; }	
#col1_content { margin-left: 1em; margin-right: 1em; color: #444; background:inherit; }
#col2 {	width: 280px; }
#col2_content {	margin-left: 1em; margin-right: 1em; }
#col3 {
margin-left: 22.5%; 
margin-right: 280px; 
border-left: 0px dotted #ddd;
border-right: 0px dotted #ddd;
}
#col3_content { margin-left: 1em; margin-right: 1em; }
#teaser { 
margin: 0em 1em 0em 1em; 
background: #f4f4f4; 
border-bottom: 1px #ccc solid; 
padding: 0.5em 0em 0em 30px; 
color: #000033; 
}
#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em; font-size: 0.82em; }
#teaser .block3 {width: 63%; padding-top:0.5em; font-size: 0.82em; }
#teaser .block3 .title {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
display:block;
font-size: 1.2em; 
font-weight:bold; 
color: #006;  
background:inherit;  
margin: 0 0 0.5em 0; 
}



@media screen
{
/* Spaltenpunkte */ 
#col3 { border-left: 2px #ddd dotted; }
#col3 { border-right: 2px #ddd dotted; }
} 



@media all
{

#nav_main {
width:100%;
float:left;
color: #fff;
background-color:#1f1e2e;
background:#1f1e2e url(../img/nav_rund/bg.gif) repeat-x bottom;	
}
#nav_main ul {
white-space: nowrap;
line-height: 1em;
margin:0;
padding:0 0 0 50px;
list-style:none;
}
#nav_main li {
float:left;
background: #8f8cad url(../img/nav_rund/left.gif) no-repeat top left;
/*  margin-right: 2px;  nur einfügen bei ECKIGEN Ecken */
padding: 0 0 0 3px;
margin: 0;
border-bottom:1px solid #000;
}
#nav_main a {
float:left;
display:block;
color:#334;
background: transparent;
background: url(../img/nav_rund/right.gif) no-repeat top right;
padding:5px 11px 3px 8px;
text-transform: none;
text-decoration:none;
font-weight:normal;
width: auto; /* nur IE 5.x */
width/**/:/**/ .1em; /* für IE 6.0 */
}
#nav_main > ul a {width:auto;}  /* für alle anderen Browser */
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */
#nav_main li:hover, #nav_main li:hover a { background-position:0% -80px; }
#nav_main li:hover a { background-position:100% -80px; }
#nav_main #current { background-position:top left }
#nav_main #current a { background-position:top right }
#nav_main a:hover { 
color:#fff;
background-color: transparent;
background: url(../img/nav_rund/right.gif) no-repeat top right;
}
#nav_main #current {
background-image: url(../img/nav_rund/left_on.gif);
border-width:0
}
#nav_main #current a {
color:#334;
background-image: url(../img/nav_rund/right_on.gif);
font-weight:bold;
padding-bottom:4px;
padding-top:5px;
}

}




@media all
{
#submenu { 
width: 100%; 
overflow: hidden;
margin: 2.4em 0 1.5em 0; 
list-style-type: none; 
border-top: 2px #ddd solid; 
border-bottom: 2px #ddd solid; 
}
#submenu a { display:block; text-decoration: none; }
#submenu li { float:left; width: 100%; margin:0; padding: 0 }
#submenu li span { 
display:block; 
width: 90%; 
padding: 3px 0px 3px 10%; 
background-color:#f4f4f4; 
color: #444; 
font-weight: bold; 
border-bottom: 1px #ddd solid;
}
#submenu li a { 
width: 90%; 
padding: 3px 0px 3px 10%; 
background-color:#fff; 
color: #444; 
border-bottom: 1px #eee solid;
}
#submenu li a:hover { background-color:#323048; color: #fff; }
#submenu li ul { list-style-type: none; margin:0; padding: 0; }
#submenu li ul li { float:left; width: 100%; margin:0; padding:0; }
#submenu li ul li a { 
width: 80%; 
padding: 3px 0px 3px 20%; 
background-color:#f8f8f8; 
color: #666; 
border-bottom: 1px #ddd solid; 
}
#submenu li ul li a:hover { background-color:#f63; color: #fff; }
#submenu li#title { 
width: 90%; 
padding: 3px 0px 3px 10%; 
font-weight: bold; 
color: #444; 
background-color: #fff; 
border-bottom: 4px #888 solid; 
}
#submenu li#active { 
width: 90%; 
padding: 3px 0px 3px 10%; 
font-weight: bold; 
color: #fff; 
background-color:#aab; 
border-bottom: 1px #eee solid;
}
#submenu li ul li#active { 
width: 80%; 
padding: 3px 0px 3px 20%; 
font-weight: bold; 
color: #fff; 
background-color:#aab; 
border-bottom: 1px #fff solid;
}

}



@media all
{
body { 
color: #000033; font: normal 11px/18px Verdana; text-align:justify; letter-spacing: 1px; } /* 13px */
h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}
h1 {font-size: 1.6em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; }
h2 {font-size: 1.4em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; border-bottom: 2px #ddd solid; }
h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #006; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 0.8em; color: #706D9B; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h7 {font-size: 0.8em; color: #000; margin: 0 0 0.30em 0; padding-top: 1.0em; font-weight:bold; border-bottom: 0px #ddd solid;}
h8 {font-size: 0.8em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h9 {font-size: 0.8em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
#teaser h1 { font-size: 1.2em; border: 0; }
p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }
strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Lucida Grande", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }
hr { color: #fff; background:transparent; margin: 0 0 0.5em 0;	padding: 0 0 0.5em 0;
	border:0; border-bottom: 1px #eee solid; }
acronym, abbr {	letter-spacing: .07em; border-bottom: 1px dashed #c00; cursor: help; }
img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; padding: 0px 1px 1px 0px; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }
img.float_left_block { float: left; margin-right: 1em; margin-bottom: 0.15em; margin-top:auto; border:0; }
a, a em.file {color: #900; text-decoration:none;}
a:hover {background-color: #fee; text-decoration:underline;}
a:focus {background-color: #fee; text-decoration:underline;}
#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}
#footer1 { color: #669; }
#footer2 { color: #669; }
#footer3 { color: #669; text-transform: uppercase; font-weight:800; }
#footer a { color: #669; }
#footer a:hover {background-color: #eef; }
#footer a:focus {background-color: #eef; }
#main a[href^="http:"], #main a[href^="https:"]
{ background-repeat: no-repeat; }
#main a.imagelink {	padding-left: 0; background: transparent; }
table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }
form {overflow:hidden;}
input, textarea {
width: auto;
border: 1px #ccc solid;
background: #fafafa;
padding: 3px;
color: #777;
}
input[type=text]:focus, textarea:focus {
background: #f0f0f0;
color: #333;
border-color: #666;
}
.wichtig { background-color: #f0f0f4; border: 1px #ccd solid; padding: 0.5em; margin-bottom: 0.5em; }
.hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }
p.demo { background-color: #fee; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }
p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.navlink a { color: #353;}
p.navlink a:hover { font-weight: bold; background: transparent; }
blockquote { 
	color: #000033; 
	background: #f8f8f8; 	
	border: 1px #ddd solid;
	border-left: 8px #ddd solid;
	padding: 1em 1em 0 1em;
	margin: 0 0 1em 1em;
}
.contentstyle { text-align:justify; color:#000033; }
ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
ul.linklist li { margin: 0 0 1em 0; }
ul.browsers { margin: 0  0 .4em 0; }
ul.browsers li {
	margin: 0;
	list-style-type: none;
	background: #f8f8f8; color: #444; 
	padding: 0.1em 0.1em 0.2em 0.5em; 
	font-weight: normal;
	text-align: left; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

ul.browsers li img { vertical-align:bottom;
}

ul.browsers li.title {
	font-weight: bold;
	background: #eee; color: #444; 
	padding: 0.2em 0.2em 0.2em 0.5em; 
}
em.mono, em.file, em.directory {
	font-family: "Lucida Grande", Courier, monospace;
	font-style: normal;
}
em.mono { 
	padding:0 0.3em 0 0.3em;
	background:#f0f0f4;
	border: 1px #ccd solid;
}
em.file { 
	padding:0 0 0 14px;
	color: #003;
	background: transparent url(../../img/icons/file.gif) no-repeat left;
}
em.directory { 
	padding:0 0 0 15px;
	color: #008;
	background: transparent url(../../img/icons/dir.gif) no-repeat left;
}
pre, code {
	display:block;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000; 
	background: #f0f0f4;
	border: 1px #ccd solid;
	border-left: 8px #ccd solid;
}
code.css { 
	background-image: url(../../img/bg_css.gif);
    background-repeat: no-repeat;
	background-position: top right;
}
code.xhtml { 
	background-image: url(../../img/bg_xhtml.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
table.bugs { margin-bottom: 1em; margin-top: .5em; }
table.bugs th { 
	background: #444; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

table.bugs td {
	background: #888; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}
.bluebox {
	color:#000;
	background: #f0f0f4; padding: 2px; border: 2px #ccd solid;
	text-align: justify;
	padding: 4px 1px 4px 6px;
	margin-bottom: 1em;
	
}

.bluebox h5 { font-size: 140%; color:#006; font-weight: normal; font-style: normal; padding: 0px 8px 0 5px; }
.bluebox p { padding: 0px 8px 0 5px;
 }

div.dl_button	{
	width: 220px;
	min-height: 50px;
	text-align:left;
	padding-bottom: 20px;
	background-image: url(../../img/yaml_dl_button.gif);
	background-position:bottom;
}

div.dl_button a {
	display:block;
	width: 100%;
	min-height: 30px;
	text-align:left;
	background: url(../../img/yaml_dl_button.gif);
}

div.dl_button a:hover { text-decoration:none; } 

.dl_button a strong {display:block; padding: 17px 5px 0px 20px; color: #448; font-weight: bold; font-size: 125%; text-decoration:underline;}
.dl_button span.version {display:block; padding: 0px 5px 0px 20px; color: #666; font-weight: normal; font-size: 85%;}

}




@media print
{
body * {font-size: 12pt; font-family: "Times New Roman", Times, serif; }
blockquote { font-family: "Times New Roman", Times, serif; }
code.css, code.xhtml, em.file { font-family:"Courier New", Courier, mono;}

h1 {font-size: 16pt; font-weight:bold; color: #336699;  background:inherit;  margin:0.4em 0 0.5em 0; border-bottom: 1px #ccc solid;}
h2 {font-size: 14pt; font-weight:bold; color: #666; background: inherit;   margin:0.2em 0 0.5em 0; padding: 0.3em; }
h3 {font-size: 12pt; font-weight:bold; margin:0.4em 0 0.3em 0;}

/* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
h1,h2,h3 { page-break-after:avoid; }

abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }

/* Sichtbare Auszeichnung der URLs von Links */
#col3 a[href^="http:"], #col3 a[href^="https:"], 
#col1 p a[href^="http:"], #col1 p a[href^="https:"],
#col2 p a[href^="http:"], #col2 p a[href^="https:"]
{
	padding-left: 0;
	background-image: none;
}

a[href]:after {
 content:" <URL: "attr(href)">";
 color:#444;
 background-color:inherit;
 font-style:italic;
} 

/* Umformatierung der Layoutboxen */
body {margin:0; padding: 0;}
#page_margins, #page {min-width: inherit; margin:0; padding: 0; border: 0; } 
#topnav {display: none;}
#header {height: auto;}
#header img {position:relative; top:0; left:0; padding:0; }
#nav_main {display:none;}
#teaser { margin: 1em 0 0 0; padding: 0; border:0; }
#main {margin: 0; padding: 0;}
#col1 {display:none;}
#col1_content {display:none;}
#col2 {display:none;}
#col2_content {display:none;}
#col3 { margin:0; padding: 0; border:0; }
#col3_content {margin:0; padding: 0; border:0; }
#footer {display: none;}
}