/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	
{ 
	position : relative; 
	overflow : hidden;
	width : 685px; 
	height : 385px; 
  	z-index : 100; 
}
div#wn	
{
	position : absolute;
	left : 1px;
	top : 1px;
	width : 685px;
	height : 385px;
	clip : rect(0px, 685px, 385px, 0px);
	overflow : visible;
	z-index : 1;
}
div.content 
{
	position : absolute;
	visibility : visible;
	left : 0px;
	top : 0px;
	padding : 0px 10px 15px 0px;
	z-index : 1;
	width: 673px;
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar 
{ 
	position : relative; 
	left : 0; 
	top : 0;
	width : 16px; 
	height : 385px; 
	font-size : 1px; 
	z-index : 1;
}
div#track 
{ 
	position : absolute; 
	left : 0; 
	top : 5px;
	width : 16px; 
	height : 375px;
	z-index : 1;
}
div#dragBar 
{
	position : absolute; 
	left : 0px; 
	top : 0px;
	width : 6px; 
	height : 35px;
	background-color : #FFFFFF;
	border : solid 1px #B36666;
	z-index : 1;
}  
div#up 
{ 
	position : absolute; 
	left : 0; 
	top : 0; 
	z-index : 2 
}  
div#down 
{ 
	position : absolute; 
	left : 0; 
	bottom : 0; 
	z-index : 3 
}  

/*	RESET SOME BASIC STYLE
------------------------------------------------------------------------------*/
a:hover { text-decoration : none; }
a:focus { outline : none; }

body 
{ 
	margin : 0;
	padding : 0;
	background-color : #FFFFFF; 
	color : #000000; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	overflow : hidden;
}
#content
{
	position : relative;
	display : block;
	margin : 0px auto 0px auto;
	padding : 0;
	width : 1010px;
	visibility : visible;
	z-index : auto;	
}
h1 
{ 
	margin : 0;
	color : #993333; 
	font-size : 14px; 
	font-weight : bold; 
	padding : 10px 0px 10px 0px; 
}
h2 
{ 
	color : #993333; 
	font-size : 12px; 
	font-weight : normal; 
	padding : 10px 0px 0px 0px;  
}

.headline 
{ 
	color : #993333; 
	font-weight : bold;
}

div#hintergrund 
{
	background-color : #FFFFFF;
	background-image : url(../images/hintergrund.jpg); 
	background-repeat : repeat-x;
	position : inherit;
	top : 0; 
	left : 0; 
	width : 1010px; 
	height : 578px;
	z-index : 0; 
}
div#logo 
{ 
	background-image : url(../images/logo.gif); 
	background-repeat : no-repeat; 
	top : 0; 
	left : 0; 
	width : 148px; 
	height : 124px;
	text-indent : -4000px;
	z-index : 1; 
}
#logo a 
{
	display : block;
	width : 148px; 
	height : 124px;
	text-indent : -4000px;
}
div#ebene1
{
	position : absolute;
	background-color : white;
	background-repeat : no-repeat;
	top : 0;
	left : 148px;
	width : 712px;
	height : 576px;
	border : solid 1px #B36666;
	visibility: visible;
}
div#bild1
{
	position : absolute;
	background-image : url(../images/bild01.jpg);
	top : 0;
	left : 0;
	width : 712px;
	height : 172px;
	z-index : 0;
	visibility : visible;	
}
div#bild2
{
	position : absolute;
	top : 191px;
	left : 459px;
	width : 253px;
	height : 190px;
	z-index : 0;
}
div#bild3
{
	position : absolute;
	top : 0px;
	left : 459px;
	width : 253px;
	height : 300px;
	z-index : 0;
}
div#bild3 h1
{
	margin : 0;
	padding : 7px 0px 10px 10px; 
	color : #993333; 
	font-size : 14px; 
	font-weight : bold; 
}
div#bild3 p
{
	margin : 0;
	padding : 0px 0px 4px 10px;
	color : #000000;
	font-size : 8pt;
	font-weight : normal;
}

.siegel
{
	position : absolute;
	top : 190px;
	left : 280px;
	width : 253px;
	height : 190px;
	z-index : 10;
}

/* NAVI START
------------------------------------------------------------------------------*/
div#nav1
{
	position : absolute;
	padding : 0;
	margin : 0;
	top : 172px;
	left : 0;
	width : 712px;
	height : 17px;
	border-top : 1px solid #B36666;
	border-bottom : 1px solid #B36666;;
	z-index : 0;
	visibility : visible;
}
ul#main-nav 
{
	position : absolute;
	margin : 0;
	padding : 0;
	top : 0px; 
	left : 0px; 
	width : 712px; 
	height : 17px;
	list-style-type : none; 
	background: #fff url(../images/main-nav.gif) no-repeat;
}

ul#main-nav li 
{
	display : block; 
	position : absolute;
	top : 0px;
}

ul#main-nav li a 
{ 
	display : block; 
	height : 17px;     
	text-decoration : none; 
	text-indent : -4040px;
}
    
ul#main-nav a.aktiv 
{ 
	cursor : default; 
}
    
ul#main-nav li { width: 712px; }
ul#main-nav li a { background: #fff url(../images/main-nav.gif) no-repeat; }

ul#main-nav li#navi_home	           	{ width: 100px; left: 0px; }
ul#main-nav li#navi_home	           	{ background-position: 0px  0px; }
ul#main-nav li#navi_home a:hover   		{ background-position: 0px -17px; }
ul#main-nav li#navi_home a.aktiv		{ background-position: 0px -17px; }

ul#main-nav li#navi_publikationen       			{ width: 130px; left: 100px; }
ul#main-nav li#navi_publikationen  a      			{ background-position: -100px  0px; }
ul#main-nav li#navi_publikationen  a:hover   		{ background-position: -100px -17px; }
ul#main-nav li#navi_publikationen  a.aktiv 			{ background-position: -100px -17px; }

ul#main-nav li#navi_verlag           	{ width: 130px; left: 230px; }
ul#main-nav li#navi_verlag a         	{ background-position: -230px  0px; }
ul#main-nav li#navi_verlag a:hover   	{ background-position: -230px -17px; }
ul#main-nav li#navi_verlag a.aktiv 	{ background-position: -230px -17px; }

ul#main-nav li#navi_bestellen           	{ width: 120px; left: 350px; }
ul#main-nav li#navi_bestellen a       		{ background-position: -350px  0px; }
ul#main-nav li#navi_bestellen a:hover 		{ background-position: -350px -17px; }
ul#main-nav li#navi_bestellen a.aktiv 		{ background-position: -350px -17px; }

ul#main-nav li#navi_kontakt           		{ width: 110px; left: 470px; }
ul#main-nav li#navi_kontakt a       		{ background-position: -470px  0px; }
ul#main-nav li#navi_kontakt a:hover 		{ background-position: -470px -17px; }
ul#main-nav li#navi_kontakt a.aktiv 		{ background-position: -470px -17px; }

ul#main-nav li#navi_impressum          { width: 130px; left: 580px; }
ul#main-nav li#navi_impressum a       	{ background-position: -580px  0px; }
ul#main-nav li#navi_impressum a:hover 	{ background-position: -580px -17px; }
ul#main-nav li#navi_impressum a.aktiv 	{ background-position: -580px -17px; }


div#nav2
{
	position : absolute;
	padding : 0;
	margin : 0;
	top : 578px;
	left : 0;
	width : 712px;
	height : 17px;
	z-index : 0;
	visibility : visible;
}

div#text1
{
	position : absolute;
	margin : 0;
	font-size : 9pt;
	font-weight : normal;
	background-image : url(../images/hintergrund_text.jpg);
	background-position : 0px 0px;
	background-repeat : no-repeat;
	top : 191px;
	left : 0;
	width : 702px;
	height : 385px;
	z-index : 10;
	overflow : hidden;
	padding : 0px 5px 0px 10px;
}
div#text4
{
	position : absolute;
	margin : 0;
	padding : 0;
	top : 191px;
	left : 0;
	width : 713px;
	height : 385px;
	font-size : 8pt;
	font-weight : normal;
	background-image : url(../images/hintergrund_text.jpg);
	background-position : 0px 0px;
	background-repeat : no-repeat;
	z-index : 10;
	overflow : hidden;
}
div#text1 li
{
	font-size : 8pt;
	font-weight : normal;
}
div#text1 ul
{
	padding : 0; 
	margin : 0px 0px 0px 28px;
	font-size : 8pt;
	font-weight : normal;
}
div#text1 p 
{	
	padding : 0; 
	margin : 0;
	text-align : left;
}
div#text1 h3
{
	margin : 10px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	color : #993333;
	font-size : 8pt;
	font-weight : bold;
}
#text1 table.termine 
{	
	border-bottom : 1px solid #B36666;;
	border-spacing : 0px;
}
#text1 table.termine p
{	
	margin : 11px 0px 12px 0px; 
}
#text1 table.termine td.head
{	
	padding : 11px 0px 0px 0px;
	width : 110px;
	color : #993333; 
	font-size : 8pt;
	font-weight : bold;
}
#text1 table.termine td.cont
{	
	padding : 11px 0px 0px 0px;
	width : 315px; 
	font-size : 8pt;
	font-weight : normal;
}
div#text2
{
	position: absolute;
	margin : 0;
	color : #993333;
	font-size : 8pt;
	font-weight : normal;
	top : 380px;
	left : 459px;
	width : 253px;
	height : 190px;
	z-index : 1;
	padding : 0px 0px 0px 10px;
	visibility : visible;
}
div#text2 h1
{
	margin : 0px 20px 10px 0px;
	color : #993333;
	font-size : 10pt;
	font-weight : normal;
}
div#text2 h3
{
	margin : 9px 20px 0px 0px;
	color : #993333;
	font-size : 8pt;
	font-weight : normal;
}
div#text3
{
	margin : 0;
	position: absolute;
	color : #993333;
	font-size : 8pt;
	font-weight : normal;
	padding : 10px 5px 10px 10px;
	z-index : 1;
	top : 375px;
	left : 459px;
	width : 253px;
	height : 190px;
	visibility : visible;	
}
div#text3 h1
{
	margin : 0;
	padding : 3px 0px 0px 0px;
	font-size : 10pt;
	font-weight : bold;
}
div#text1 p
{
	text-align : left;
}
div#text2 p
{
	text-align : left;
}
p 
{
	font-size : 0.9em;
}
a
{
	color : #2485A6;
	font : 8pt Verdana;
	text-decoration : none;
}
a:Hover
{
	color : #2485A6;
	font : 8pt Verdana;
	text-decoration : underline;
}
a:link   
{
	font : 8pt Verdana;
	text-decoration : none 
}
a: visited 
{
	font : 8pt Verdana;
	text-decoration : none 
}
a: hover  
{
	color : #993333;
	font : 8pt Verdana;
	text-decoration : underline 
}
a: active 
{
	font : 8pt Verdana;
	text-decoration : none 
}
input
{
	background: #B7C9AD;
	border: none;
}
textarea
{
	background: #B7C9AD;
	border: none;
	height: 30px;
	width: 186px;
}
radio
{
	background: none;
}
