/*
Name: percy-ott.de
Date: 2007-02-20
Description: Wolfgang Percy Ott | Personal Website
Author: Wolfgang Percy Ott
URL: http://www.percy-ott.de
*/

/* default elements */
* {margin: 0; padding: 0;}
body    { color: #666; font-size: 62.5%; font-family: "lucida sans", "lucdia grande", sans-serif; font-style: normal; background-color: #fff; background-repeat: repeat; background-position: 100% 0; padding: 0 0 }
#red { background-color: #fff }
#blue { background-color: #fff }
#brown { background-color: #fff }
a   { color: #000; text-decoration: none }
a:hover   { color: #000; text-decoration: none }
h1,h2,h3  { color: #666 }
h1  { padding-top: 14px; font: 1.6em georgia, serif; padding-bottom: 10px }
h1 a  { color: #666; text-decoration: none }
h1 a:hover  { color: #666; text-decoration: none }
h2  { font: 1.6em georgia, serif; padding-top: 14px; padding-bottom: 8px; padding-left: 10px }
h3 { padding-bottom: 8px; padding-top: 8px; font: normal 1.2em  "georgia", serif }
ul { padding: 0 2em 1.2em 2.2em }
li  { line-height: 1.5em }
p { padding-top: 2px; padding-right: 0; padding-bottom: 10px }
blockquote    { font: italic 1.1em/1.4em "georgia", serif; background: url("../img/hgrund.png") repeat-y; display: block; padding-top: 9px; padding-bottom: 9px; padding-left: 14px }
.formtext  { color: #666; font-size: 13px; font-family: "lucida sans", "lucdia grande", sans-serif; line-height: 19px; padding-top: 1px; padding-bottom: 1px; border: solid 1px #FFE4E1 }
.formlabel  { color: #666; font-size: 13px; font-family: "lucida sans", "lucdia grande", sans-serif; line-height: 19px; padding-top: 1px; padding-bottom: 1px }


/* structure */
#box   { font-size: 1.3em; line-height: 1.6em; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0 auto; width: 750px; border-top: 0 none; border-right: 1px solid #F5F5F5; border-left: 1px solid #F5F5F5 }

/* header */
.title   { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; border-right: medium none #fcf; border-bottom: medium none #fcf; border-left: medium none #fcf }
.title .left { width: 50% }
.title .left h1  { color: #666; font-size: 2.2em; font-family: "lucida sans", "lucdia grande", sans-serif, tahoma, verdana, sans-serif; font-style: normal; font-variant: normal; line-height: normal; padding: 20px 0 10px 10px}
.title .right { width: 50% }
.title .right h1 { color: #666; font-size: 1.2em; font-family: "lucida sans", "lucdia grande", tahoma, verdana, sans-serif; font-style: normal; font-variant: normal; text-align: right; padding: 30px 10px 10px 0 }
.header { background-color: white; height: 150px }
.header .red { background: #fcf url("../img/photoFF99FF.JPG") no-repeat left bottom; height: 150px; border-top: 1px solid #fcf }
.header .blue { background-color: #ccccff; background-image: url("../img/photo6699FF.JPG"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border-top: 1px solid #ccccff; height: 150px }
.header .blue2 { background-color: #ccccff; background-image: url("../img/photo6699FF2.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border-top: 1px solid #ccccff; height: 150px }
.header .brown { background-color: #CC9933; background-image: url("../img/photoCC9933.JPG"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border-top: 1px solid #CC9933; height: 150px }
.header .grey { background-color: #CCCCCC; background-image: url("../img/photoCCCCCC.JPG"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border-top: 1px solid #CCCCCC; height: 150px }
.header .home { background-color: #F9F; background-image: url("../img/photoHome.JPG"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border-top: 1px solid #D3D3D3; height: 150px }
.header .vita { background-color: #6699FF; background-image: url("../img/photoVita.JPG"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border-top: 1px solid #D3D3D3; height: 150px }
.header .themen { background-color: #6699FF; background-image: url("../img/photoThemen.JPG"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border-top: 1px solid #D3D3D3; height: 150px }
.header .miszellen { background-color: #6699FF; background-image: url("../img/photoMiszellen.JPG"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border-top: 1px solid #D3D3D3; height: 150px }
.header .kontakt { background-color: #F9F; background-image: url("../img/photoKontakt.JPG"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border-top: 1px solid #D3D3D3; height: 150px }
.header .suche { background-color: #6699FF; background-image: url("../img/photoSuche.JPG"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border-top: 1px solid #D3D3D3; height: 150px }
.header .logo { float: right; width: 90px; height: 90px; padding-top: 20px; padding-right: 20px }

/* navigation */
.navigation { color: #666; font-weight: bold; font-size: 1em; font-family: lucida sans, sans-serif; font-style: normal; font-variant: normal; line-height: 41px; text-decoration: none; background-color: white }
.navigation .red { background-image: url("../img/hgrundNavFF99FF.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; height: 41px; border-top: 1px solid #ffcccc }
.navigation .red a  { background-image: url("../img/hgrundNavFF99FF.png"); text-align: center; padding: 0 14px; float: left; border-right: 1px solid #ffcccc }
.navigation .blue { background-image: url("../img/hgrundNav6699FF.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; height: 41px; border-top: 1px solid #ccccff }
.navigation .blue a { background-image: url("../img/hgrundNav6699FF.png"); text-align: center; padding: 0 14px; float: left; border-right: 1px solid #ccccff }
.navigation .brown { background-image: url("../img/hgrundNavCC9933.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; height: 41px; border-top: 1px solid #CCCC99 }
.navigation .brown a { background-image: url("../img/hgrundNavCC9933.png"); text-align: center; padding: 0 14px; float: left; border-right: 1px solid #CCCC99 }
.navigation .grey { background-image: url("../img/hgrundNav.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; height: 41px; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #F5F5F5 }
.navigation .grey a { background-image: url("../img/hgrundNav.png"); text-align: center; padding: 0 14px; float: left; border-right: 1px solid #F5F5F5 }
.navigation a:hover,.navigation a#active  { color: #666; background-position: left bottom }

/* main */
.main#two-columns { background-image: none }
.col2 .left { padding-top: 20px; padding-left: 10px; width: 64% }
.col2 .left h1 { padding: 14px 0; font: 1.6em georgia, serif; padding-bottom: 10px }
.col2 .right .content   { background-image: url("../img/hgrundLinkCCCCCC.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 24px 0 0 }
.col2 .right  { background-color: white; width: 33%; border-left: 1px solid #F5F5F5 }
.col2 .right .text { padding: 0px 10px 10px }

/* block list */
ul.block   { margin: 4px 0; padding: 0; width: 100%; border-style: solid none none; border-width: 1px medium medium; border-color: #999 }
.block li   { list-style: none; border-bottom: 1px dotted #999 }
.block li a,.block li em  { color: #666; display: block }
.block li em { font-size: 0.9em;  font-style: normal }
.block li a { padding: 4px 3%;  text-decoration: none;  width: 94%; }
.block li a span { font-weight: bold }
.block li a:hover    { color: #666; background-color: #fcf; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.right .block,.right .block li  { background-color: white; background-image: url("../img/hgrundLinkCCCCCC.png"); border-color: #999 }
.right .block li a:hover  { background-color: #ccc; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

ul.red   { margin: 4px 0; padding: 0; width: 100%; border-style: solid none none; border-width: 1px medium medium; border-color: #999 }
.red li   { list-style: none; border-bottom: 1px dotted #999 }
.red li a,.red li em  { color: #666; display: block }
.red li em { font-size: 0.9em;  font-style: normal }
.red li a { padding: 4px 3%;  text-decoration: none;  width: 94%; }
.red li a span { font-weight: bold }
.red li a:hover    { color: #666; background-color: #fcf; background-image: url("../img/hgrundFF99FF.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.right .red,.right .red-block li  { background-color: white; background-image: url("../img/hgrundLinkCCCCCC.png"); border-color: #999 }
.right .red li a:hover,.red li a#active   { background-color: #fcf; background-image: url("../img/hgrundFF99FF.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

ul.blue   { margin: 4px 0; padding: 0; width: 100%; border-style: solid none none; border-width: 1px medium medium; border-color: #999 }
.blue li   { list-style: none; border-bottom: 1px dotted #999 }
.blue li a,.blue li em  { color: #666; display: block }
.blue li em { font-size: 0.9em;  font-style: normal }
.blue li a { padding: 4px 3%;  text-decoration: none;  width: 94%; }
.blue li a span { font-weight: bold }
.blue li a:hover    { color: #666; background-color: #69f; background-image: url("../img/hgrund6699FF.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.right .blue,.right .blue-block li  { background-color: white; background-image: url("../img/hgrundLinkCCCCCC.png"); border-color: #999 }
.right .blue li a:hover  { background-color: #69f; background-image: url("../img/hgrund6699FF.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

ul.brown   { margin: 4px 0; padding: 0; width: 100%; border-style: solid none none; border-width: 1px medium medium; border-color: #999 }
.brown li   { list-style: none; border-bottom: 1px dotted #999 }
.brown li a,.brown li em  { color: #666; display: block }
.brown li em { font-size: 0.9em;  font-style: normal }
.brown li a { padding: 4px 3%;  text-decoration: none;  width: 94%; }
.brown li a span { font-weight: bold }
.brown li a:hover    { color: #666; background-color: #69f; background-image: url("../img/hgrundCC9933.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.right .brown,.right .brown-block li  { background-color: white; background-image: url("../img/hgrundLinkCCCCCC.png"); border-color: #999 }
.right .brown li a:hover  { background-color: #69f; background-image: url("../img/hgrundCC9933.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

ul.text    { padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 1.4em }
.text li    { list-style: square; padding-bottom: 0.4em }


ul.grey   { margin: 4px 0; padding: 0; width: 100%; border-style: solid none none; border-width: 1px medium medium; border-color: #999 }
.grey li   { list-style: none; border-bottom: 1px dotted #999 }
.grey li a,.grey li em  { color: #666; display: block }
.grey li em { font-size: 0.9em;  font-style: normal }
.grey li a { padding: 4px 3%;  text-decoration: none;  width: 94%; }
.grey li a span { font-weight: bold }
.grey li a:hover { color: #666; background-color: #F5F5F5; background-image: url("../img/hgrundF5F5F5.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.right .grey,.right .grey-block li  { background-color: white; background-image: url("../img/hgrundLinkCCCCCC.png"); border-color: #999 }
.right .grey li a:hover,.grey li a#active { background-color: #F5F5F5; background-image: url("../img/hgrund.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

ul.vita   { margin: 4px 0; padding: 0; width: 100%; border-style: none; border-width: 1px medium medium }
.vita li   { list-style: none; border-bottom: 1px dotted #999 }
.vita li a,.vita li em  { color: #666; display: block }
.vita li em { font-size: 0.9em;  font-style: normal }
.vita li a { padding: 4px 3%;  text-decoration: none;  width: 94%; }
.vita li a span { font-weight: bold }
.vita li a:hover { color: #666; background-color: #F5F5F5; background-image: url("../img/hgrundF5F5F5.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }



/* bottom */
.bottom    { color: #666; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; padding: 0; border-top: 1px solid #999; border-bottom: 1px solid #999 }
.bottom .left  { background-color: #white; background-image: url("../img/hgrundLinkCCCCCC.png"); width: 64% }
.bottom .text { padding: 0px 10px 10px }
.bottom .right { width: 33% }
.bottom .home { background-image: url("../img/bottom.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; width: 247.5px; height: 180px }

/* footer */
.footer  { color: #666; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 10px }
.footer .left { width: 66% }
.footer .right { width: 33%; text-align: right }
.footer a  { color: #000; text-decoration: none }
.footer a:hover  { text-decoration: underline }

/* gallery */
.gallery td {
	vertical-align: top;
	text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}

.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px;}

/*tabelle*/
table.css{
		width: 480px;
		border: 0;
		table-layout: fixed;
		border-collapse: collapse;
		empty-cells: show;
		}
table.css tbody tr{ color: #666; background: #fff }
table.css tbody tr a span { font-weight: bold }
table.css tbody tr em { font-size: 0.9em;  font-style: normal }
table.css tbody tr a,.css tbody tr em  { color: #666; display: block }
table.css tbody tr.zebra{
		color: #666;
		background: #FFF0F5;
		}
	table.hover tbody tr:hover {
		color: #333;
		background-color: #F5F5F5;
		}
	table.css tbody td, table.css tbody th{
		border: 0;
		padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 5px;
		}
	table.css tbody th{
		text-align: left;
		}
	table.css tbody td.number, table.css thead th.number{
		text-align: right;
		}
	table.zebra tbody td, table.zebra tbody th{
		border: none;
		}
	table.css thead tr{
		color: #FFF;
		background: #666;
		font-weight: bold;
		text-align: left;
		}
	table.css tfoot tr{
		color: #FFF;
		background: #999;
		font-size: .8em;
		}
	table.css tfoot td, table.css thead th{
		padding: 0 5px;
		}
	table.css caption{
		font-size: .8em;
		caption-side:top;
		text-align:right;
		}
}