/* css für Ausdruck www.viarius.ch */

body
	{
	background-image: none !important;
	margin: 0; /* margin and padding only necessary to cater for Mac IE5 */
	padding: 0;
	/*\*/	overflow: none; /* because Mac IE5 don't understand */
	}
div
	{
	margin: 0;
	padding: 0;
	}

h2 {
	font-family: Arial, Times, "Times New Roman", serif;
	color: #4C3428;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
}

	
/* content wird für den Druck anders definiert als für Bildschirmausgabe */
#content
	{
	top: 70px;
	right: 9px;
	bottom: 20px;
	left: 15px;
	width:680px;
	/*height: 100% !important;*/
	background-color: Aqua;
	overflow: none;
	margin-top: 50px;
	}
	
	
#sidebar-left
	{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 200px;
	/*overflow: visible;*/
		overflow: none;
	visibility: hidden;
	}
#sidebar-right
	{
	position: absolute;
	top:  0;
	right: 0;
	bottom: 0;
	/*overflow: visible;*/
		overflow: none;
	width: 300px;
	visibility: hidden;
	}
#header
	{
	position: absolute;
	top: 0;
	/*\*/right: 9px;
	left: 200px;   /* Exclude right and left props for Mac IE5 */
	margin: 0 9px 0 200px;
	/*\*/ margin: 0; /* */
	height: 150px;
	}
#footer
	{
	/*\*/ position: absolute;  /* Exclude for Mac IE5 */
	right: 9px;
	bottom: 0px;
	left: 155px;
	height: 100px;
	margin: 0 9px 0 155px; /* Cater for Mac IE5 */
	/*\*/ margin: 0; /* Put back for all the rest */
		visibility: hidden;
	}
#footer h4
	{
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	}
</style>[if IE]>
<style type="text/css" media="screen">
/* let the IE expressions commence */
#sidebar-left
	{
	height: expression( ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + "px");
	}
#sidebar-right
	{
	height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + "px");
	}

#header
	{
	width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - (200 + 9 + (2 * 5)) + "px");
	}
#footer
	{
	width: expression( ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - (200 + 9 + (2 * 5)) + "px");
	/* This is weird - IE6 in standards mode needs shoving down by 18px - looks like the height of an invisible scrollbar */
	bottom: expression( ( document.documentElement.clientHeight ? -18 : 0) + "px");
	}
</style>
<![endif]

<style type="text/css">
/* settings for appearance alone */
body { 
	background: #F4DAA7;  
	background-image: url(Bilder/hintergrund.gif) no-repeat;
}
#content { background: transparent; }
#sidebar-left { background: transparent;   }
#sidebar-right { background: transparent; }
#header {  background: transparent; }
#footer { background: transparent; }
#footer h4 { background: transparent; }
#navigation{
	visibility: hidden;
}
#foto{
	visibility: hidden;
}
#start{
	border: 1px none #000000;
	height: 40px;
	left: -181px;
	position: absolute;
	text-align: left;
	top: -40px;
	width: 600px;
	z-index: 1;
}

#start h1 {
	font-family: Arial, Times, "Times New Roman", serif;
	color: #4C3428;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
}

#copyright {
	visibility: hidden;
}

#copyright img{
	visibility: hidden;
}

/* convenience div for padding inside positioned divs */
div.paddingwrap
	{
	margin: 0;
	padding: 1em;
	}
p, h1, h2, h4, li
	{
	margin: 0;
	padding: 0;
	}
h3
	{
	margin: 1em 0 0 0;
	}
ol
	{
	margin: 0 0 2em 1em;
	padding: 0;
	}
	

#list {
	border: none;
	color: #000033;
	list-style: lower-roman;
}

#list li,ul{
	font-family: Arial, Times, "Times New Roman", serif;
	font-size: 13px;
	font-weight: normal;
	margin: 10px 0px 13px 0px;
}

/* Hack für IE damit disc nach rechts verschoben wird*/
* html #list {
	margin-left: 15px;
	margin-top: 0px;
   } 
	
code
	{
	display: block;
	background-color: #dddddd;
	}

#navigation .ddm1,tr,td,a{
	font-family: Arial, Times, "Times New Roman", serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
}

#content a,tr,td,p,ul,li{
	font-family: Arial, Times, "Times New Roman", serif;
	font-size: 12px;
	font-style: normal;
   font-weight: normal;
   color:black;
}

#content .titel{
	font-family: Arial, Times, "Times New Roman", serif;
	font-size: 17px;
	font-style: normal;
   font-weight: bold;
}

#content h2 {
	font-family: Arial, Times, "Times New Roman", serif;
	color: #4C3428;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

#content h1 {
	font-family: Arial, Times, "Times New Roman", serif;
	color: #4C3428;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}

#start a{
	font-family: Arial, Times, "Times New Roman", serif;
	font-size: 12px;
	font-style: normal;
   font-weight: normal;
	margin: 0px 0px 0px 0px;
}

#start .textklein{
	font-family: Arial, Times, "Times New Roman", serif;
	font-size: 12px;
	font-style: normal;
   font-weight: normal;
}

#satz{
	color: #4C3428;
	font-family: Arial, Times, "Times New Roman", serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
}

p{
	line-height: 16px;
	margin: 0px 20px 10px 0px;
}


input.bestellen{
	visibility: hidden;
}


input.button, input.button2{
	background-color: #4C3428;
	border-style: outset;
	border-width: 2px;
	color: #F4DAA7;
	font-family: Arial, Times, "Times New Roman", serif;
	font-size: 12px;
	font-weight: bold;
	padding: 1px;
	text-align: center;
	width: 180px;
}

input.button2{
	width: 420px;
	text-align: left;
	padding-left:4px;
}


img{
	visibility: visible;
	}


#foto .foto {
visibility: hidden;
	
}

/* vor "a" muss zwingend #content vorangeschreiben werden, da sonst "a"
 Einfluss auf Textauszeichung des Menüs nimmt!*/
#content a,#content a:link,#content a:visited {
	font-family: Arial, Times, "Times New Roman", serif;
	font-size: 12px;
	color: #CC0000;
	font-weight: normal;
	text-decoration: underline;
}

#content a:hover{
	color: #4C3428;
	text-decoration: underline;
}

#content a:active{
	color: #E5A620;
	text-decoration: underline;
}