/*
	This stylesheet as it is now was created by
	Johannes Puschnig, 2007
	office@jopuso.at (http://www.jopuso.at)
	All rights reserved, Johannes Puschnig, 2007
*/

/*
	Some code of the stylesheet was created by
	Pete Ottery (http://www.mollio.org)
	License: Creative Commons Attribution 2.5 Generic
	http://creativecommons.org/licenses/by/2.5/
*/

* {margin:0;padding:0}
body {color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;background: #b2b2b2 url("../images/body_bg.gif") repeat-x 0 0}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#c00} 
a:visited {color:#999} 
a:hover,a:active {color:#069} 

/* FORMS */
form {margin: 0 0 1.5em}
input, textarea {font-family: arial,tahoma,verdana,sans-serif;margin:none; border: 1px solid #999;padding:0}
.checkbox {border:none}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* CONTACTFORM */
	#contactform {padding-left:40px}
	#mailform {border-collapse:separate;border-spacing:3px}
	#mailform .formerror {text-align:left;color:#c00;font-size:10px;line-height:10px;margin:0 0 5px 0;padding:none}
	#mailform .formheads {color:#a0a0a0;font-size:80%}
	#mailform .inputfield {width:100%}
	#mailform .inputfield-short {width:25%}
	#mailform .inputfield-short2 {width:60%}
	#mailform #leftcol {width:250px}
	#mailform #midcol {width:250px}
	#mailform #rightcol {}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: 0px;font-family: "times new roman",helvetica,serif;margin: 1.2em 0 .3em;color:#000;padding-bottom: .1em}
h1 {font-size: 146%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption, .csc-textpic-caption {color:#999;font-size:10px;text-align:center}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS */
ul {margin:0 0 0 30px;padding:0;list-style-type:circle}
ul li {margin:0;padding:0px;list-style-type:circle}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
#header {background: #c00 url("../images/header_bg3.jpg") repeat-x 0 100%;margin: 0 0 25px}

	#header #site-name {background: #fff url("../images/header.jpg") no-repeat top left;height:160px}

	/* NAV - top horizontal */
	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
	#nav {font-weight:bold;height:30px;font: bold 96% arial;margin: 0px 105px 0px 40px}
	#nav li {/* background: #000 url("../images/nav_bg2.jpg") repeat-x; */position:relative;float: left;width: auto;display:block;margin-right: 1px;border:none;padding: 3px 0 0 0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 20px 5px}
	#nav a:hover {color:#c00}
	
	#nav li ul {background: transparent url("../images/box_background.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:0px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#c00}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	/* Suchformular */
	#search {color:#000;font-weight:normal;position:absolute;top:0px;right:10px}
	#search form {margin:0}
	#search input {width:160px;height:18px;border:solid 2px #a0a0a0;}
	#search label {padding:0;margin:0}
	#search input.f-submit {width:30px;font-size:81%;height:20px;background: #fff url("../images/lupe.jpg") no-repeat bottom left;border:none}
	.searchtable {vertical-align:bottom}

/* LAYOUT - main body of page */
#wrap {width:960px;margin: 10px auto;position:relative;background:#fff;border:solid 1px #666677;}
#content-wrap {position:relative;width:100%;padding-top:10px;}
#sidebar {float:left;display:inline;clear:none;width:190px;padding: 10px 5px 40px 10px;margin-top:20px;overflow:hidden}

#content {float:left;display:inline;clear:none;width:710px;min-height:500px;border-right:solid 1px #eee;overflow:hidden;}

	#content #breadcrumb {position:absolute;top:-15px;left:30px;margin-top:0px;font-size:93%;font-weight:normal;width:400px}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {color:#c00; text-decoration:none}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {color:#c00; text-decoration:underline}
	
	.featurebox {color:#333;}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}

	/* TABLES */
	.contenttable {border: 1px solid #a0a0a0;border-collapse:collapse;width:100%;margin-bottom:20px;background:#ffe4b0}
	.contenttable td p, .contenttable td, .contenttable th p, .contenttable th {padding-left:10px}
	.contenttable thead {font-size: 125%;font-family: "times new roman",helvetica,serif;text-align:center;font-weight:bold}
	.contenttable tbody {font-size: 100%;vertical-align:top}
	.contenttable tfoot {text-align:center;font-weight:bold;vertical-align:bottom}

/* Mainbody */
	#mainbody #content {padding:0px 10px 0px 25px}

/* LAYOUT - FOOTER */
#footer {background: #fff url("../images/bottom_bg2.jpg") repeat-x 100% 0;clear:both;font-size:86%;color:#222;text-align:right;padding:10px 10px 5px 0px;}