/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
margin:0;
padding:0;
border:0;
border-collapse:collapse;
text-align:center;
font-size: .80em;

background:#50022e url(hg-mai.jpg);
background-repeat: no-repeat;

}


p
{line-height: 1.4em;}


h1
{ font-family: arial, sans-serif;
  font-size: 108%;
  letter-spacing: .1em;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

h2.widgettitle {
  font-weight: bold;
  margin: 10px 0px 4px 29px;
  padding: 0;
  color:#000;
}

img{border: 0px;}

a{outline: none;}

/* image positioning - left, right and center 
.left
{ float: left; 
  padding: 5px;
border: 1px solid #787878;
margin:5px 11px 0px 0px;
/*background:#302f2f;
}

.right
{ float: right; 
  padding: 5px;
border: 1px solid #787878;
margin:5px 0px 0px 11px;
background:#302f2f;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote 
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}*/



/* ordered list 
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}*/

/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main{
	width: 1020px;
	background-image: url(hg-main.jpg);
	background-repeat: no-repeat;
}

/* links above the logo / footer */
#links, #footer
{ width: 1008px;
  height: 26px;
  font-size: 88%;
  text-transform: uppercase;
  /*padding: 8px 21px 0px 19px;*/
}

#links{text-align: right;}

#footer
{ text-align: center; 
  
}

#links a, #footer a{text-decoration: none;}

#links a:hover, #footer a:hover{text-decoration: underline;}

/* logo */
#logo
{
	width: 1020px;
	height: 150px;
	border-top: 0px solid;
	/*border-bottom: 2px solid;*/
	
}

#logo h1, #logo h2
{ margin: 0px;
  letter-spacing: .2em;
}

/* Die�berschrift im Logo
h1 span {
display: block;
height: 0;
overflow: hidden;
width: 0;

}
h2 span {
display: block;
height: 0;
overflow: hidden;
width: 0;
}

#logo h1
{ padding: 0px 0px 0px 9px;
  font-size: 190%;
  color:#313030;
}

#logo h2
{ font-family: arial, sans-serif;
  padding: 5px 0px 0px 139px;
  font-size: 108%;
}


.headerbild {position:relative;
bottom: 212px;
margin-left: 540px;
}
*/
/* navigation menu */
.menu { height:21px; font-size:0.85em;  top:0px; z-index:100;border-right:1px solid #000; margin-left:277px; }

/* hack to correct IE5.5 faulty box model */
* html .menu {width:986px; w\idth:985px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:130px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:112px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	text-indent:0px;
	color:#a79d77; /*width:119px;*/
	height:19px;
	border:1px solid #756a42;
	border-width:1px 1px 1px 1px;
 padding-left:8px; 	line-height:19px;
	background-color: #50022e;
	
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:89px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd}

/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 }
.menu ul ul :hover > a.drop {background:#c9ba65 }

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;height:0;top:21px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	color:#767676;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	border-width:0 1px 1px 1px;
	background-color: #d4d8bd;
	
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#FF9C27;}
.menu :hover > a, .menu ul ul :hover > a {color:#767676;background:#141414; background-image: url(bgmenu.png);}

/* make the second level visible when hover on first level list OR link */
/* olaf hover for IE6 */
.menu ul li.over ul,
.menu ul a.over ul,
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
/* olaf hover for IE6 */
.menu ul .over ul ul,
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
/* olaf hover for IE6 */
.menu ul .over ul .over ul,
.menu ul :hover ul :hover ul{ visibility:visible;}



/* main content */
#content { 
  width: 1006px;
  overflow: hidden;
  position:relative;
  /*top:-170px;*/
} 

/* column 1 - contains sidebar items */
#column1
{ width: 200px;
  margin: 30px 0px 0px 0px;
  float: right;
  padding: 19px 19px 15px 19px;
position:relative;
left:45px;
}

.sidebaritem
{ text-align: left;
/* olaf zu breit
  width: 248px; 
  width: 200px;*/
  float: left;
  margin: 0px 0px 23px 0px;
  
  padding: 14px 8px 14px 0px;
  background:url(sidebargoldrand.gif) no-repeat scroll;
  height:440px;
  width:175px;
}

.sidebaritem div {
  margin-bottom: 15px;
}

.sidebaritem h1
{ margin: 0px; 
  font-weight: normal;
  padding: 0px 0px 16px 0px;
  text-transform: uppercase;
}

.sidebaritem h3 {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  padding: 0;
}

.sidebaritem p
{ line-height: 16px; 
  padding: 0px 0px 8px 0px;
  color:#767676;
}

.sidebaritem a, .sidebaritem a:hover
{ padding: 0px 0px 2px 19px;
  text-decoration: none;
}

input.search_input {
  border-top: 1px solid #414141;
  border-left: 1px solid #414141;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  background: #ffffff;
  /*width: 90px;*/
  font-size: 11px;
  color: #444444;
  padding: 3px;
  /*float: left;*/
  margin-right: 5px;
}

input.search_button {
  border-bottom: 1px solid #414141;
  border-right: 1px solid #414141;
  border-left: 1px solid #787878;
  border-top: 1px solid #787878;
  background: #f9831f;
  font-size: 11px;
  color: #2f2c2c;
  padding: 2px 4px 2px 4px;
}

.sbilinks{padding: 0px}

.sbilinks ul{margin: 0px auto;} 

.sbilinks li 
{ margin: 0px; 
  float: left; 
  list-style: none; 
} 

.sbilinks li a , .sbilinks li a:hover
{ float: left; 
  height: 16px;
  text-decoration: none; 
  padding: 5px 0px 4px 19px;
  width: 199px;
} 

/* column 2 - page content */
#column2 {
color:#A79D77;
float:right;
left:27px;
padding:40px 0 1px 10px;
position:relative;
text-align:justify;
width:520px;
}

#column2 h1
{ font-family: arial, sans-serif;
 /* padding: 16px 0px 5px 0px; */
  margin: 0px 0px 12px 0px; 
  
  font-size: 150%;
  text-transform: normal;
  font-weight: normal;
}
#column2 h1 a
{ 
color:#a79d77;

font-size:0.9em;
}


#column2 a, #column2 a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
 /* border-bottom: 1px dashed;*/
}

#column2 a:hover{border-bottom: 1px solid;}

/* additional colour scheme selections */
#colour{margin: 0px 0px 20px 0px;}

#colour a, #colour a:hover{border: 0px;}



.orange
{ background: #414141 url(orange.png) no-repeat left center;
  color: #FF9C21;
  padding: 0px 40px 0px 20px;
}

div#post-38 ul {
  background: #4F4F4F;
  border: 1px dashed #5F5F5F;
  padding: 10px 10px 10px 30px;
  list-style-image: url(liststyle.gif);
}

div#post-38 li {

  margin: 0 0 12px 0;
  line-height:1.4em;
}
.images {
	border: 1px solid #3C3231;
	margin-top: -40px;
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
	padding:10px;
	background-color:#FBF9F0;
}
.images-teaser {
	border: 1px solid #cbcaca;
	margin-top: -52px;
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
	padding:10px;
}
 .imaches {
	border: 1px solid #3C3231;
	float:left;
	margin:5px 15px 15px 0;
	
}
#calendar_wrap {
color:#666666;
}

.dia {
	position: relative;
	visibility: visible;
	height: 30px;
	width: 240px;
	left: 580px;
	top: 135px;
}

#title{
	
	text-align:left;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#473f32;
	font-weight: bold;
	left: 340px;
	top: -20px;
	position: relative;
	letter-spacing: 1px;
        width: 630px;
	
}
#title2{
	text-align:left;
	padding:0px;
	left: 295px;
	top: 75px;
	position: relative;
        width: 630px;
	
	
	
}
#title2 h1{
	font-size: 29px;
	color: #4a463a;
	letter-spacing: 5px;
	text-transform:uppercase;
	font-weight:  normal;
	
}

#title2 h1 .title-orange {
	color: #f9831f;
	font-size: 43px;
	
}
.event {
	color: #FF9900;
	letter-spacing: condensed;
}



.pullquote {
	width:208px;
	margin-top:40px;
	margin-bottom:10px;
	margin-left:30px;
	padding-bottom:10px;
	padding-top:10px;
	border: 1px solid #202020;
	color: #555555;
	background-color: #f6f3e9;
	position: absolute;
	left: 757px;
	top:422px;
	text-align:center;
	

}


.pullquoteservice {
width:160px;
float:right;
margin-top:40px;
margin-bottom:10px;
margin-left:30px;
padding-bottom:0px;
font-family:/*'Lucida Grande',*/ Helvetica, sans-serif;
border: 1px solid #c4bfb0;
background-color: #f6f3e9;
color: #FFF7DF;
height:470px;
padding-top:10px;
}

.pullquoteservice2 {
width:190px;
float:left;
position:relative;
z-index:1;
margin-right: 40px;
margin-bottom: 30px;
margin-left: 0px;	
border: 1px solid #c4bfb0;
background-color: #f6f3e9;
height:280px;
padding-top:7px;
padding-left:7px;	
}
.pullquoteservice-kat {
width:168px;
float:left;
position:relative;
z-index:1;
margin-right: 40px;
margin-bottom: 30px;
margin-left: 0px;	
border: 1px solid #c4bfb0;
background-color: #f6f3e9;
height:248px;
padding-top:7px;
padding-left:7px;	
}
#kategorie{
width::20px;}

.pull A:link{
color:#f9831f;
text-decoration:underline;
font-weight:bold;
}

.pull A:hover{ color:#000000; text-decoration:underline; }

.pull A:active{
color:#f9831f;
text-decoration:none;
font-weight:bold;
}

.pull A:visited{
color:#f9831f;
font-weight:bold;
text-decoration:none;
}

.pull A:visited:hover{
color:#f9831f;
font-weight:bold;
text-decoration:underline;
}
.bnummer {
font-size: 10px;
color: #000000;
text-decoration: underline;

}

.xx-small  { font-size: 9px }

#eintrag     { color: #6b6656; background-color: #FEFAF3; list-style-image: url(images/bg1.jpg); list-style-position: inside; margin-bottom: 5px; width: 90%; border: 1px solid #000000}

#eintrag a   { color: #3d3d3d; border-width: 1px 2px 3px 4px; border-color: #acebde silver olive maroon }

#eintrag a:hover  { color: ButtonHighlight; background-color: #ffffff }

.cellref {
background-color: #FBF9F0;
list-style-position: outside;
list-style-type: disc;
width: 40%;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #91826C;
}

.celleinsetz {
background-color: #FBF9F0;
}

.celltech {
background-color: #f0ede2;
font-size: 10px;
}

hr {
color: #786547;
font-size: 1px;
}

.refs {
list-style-position: outside;
list-style-type: disc;
font-weight: normal;
color: #000000;
padding: 5px;

}

.eintraxx { background:#000000}



#post-5, #post-20, #post-28 { 
height:100%;
padding:0px;}

/*#column2 h1 {margin-left:300px;}*/



#vertical_slide, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */

	margin-bottom: 10px;
	}



	
.tags  {
font-size:9px;
position:relative;
left:260px;
}

.tags a {
color:#666666;}

.tags-teaser {font-size:9px;}

.more-link  {margin-top:20px; }

#gal {
	width:1000px;
	margin-bottom:200px;
	
}
#gal img {
	padding:3px;
	border:1px solid #000000;
	background:#a79d77;
	float:left;
	margin-right:5px;
		
}

.infos {width:1000px;}

.ctc a {font-weight: bold;}
#tilde {text-align:center;
margin-top:20px;
margin-bottom:20px;}
.zei {
	font-style: italic;margin-bottom: 25px; margin-top: 3px; padding-left: 15px
}
#gal-event {
	width:1000px;
	margin-bottom:200px;
	
}
#gal-event img {
	padding:10px;
	border:0px solid #000000;
	
	float:left;
	margin-right:5px;
		
}

.breadcrumb {
  position:absolute;
  top:250px;
  margin-left:10px;
  color:#555555;
  z-index:10;
  height:16px;
  padding-top:6px;
  font-size:9px;
}

.breadcrumb a {
  color:#f9831f;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  border: 0px solid #5F5F5F;
  margin: 0 4px 0 4px;
  font-size:9px;
}

.breadcrumb a:hover {
  color:#d16b14;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  border: 0px solid #9F9F9F;
  margin: 0 4px 0 4px;
  font-size:9px;
}
#pages a{
font-size:11px;
color:#a79d77; /*width:119px;*/
padding-left:8px; 	
line-height:19px;
	}
	#pages a:hover{
font-size:11px;
color:#a79d77; /*width:119px;*/
padding-left:8px; 	
line-height:19px;
background:#141414;
	}
#pages li{
	list-style-type: none;
margin-left:-20px;
}
#diashow{width:450px;}

#hover {position:relative; top:10px; left:30px; width:90%; z-index:900;}

#hover a.p1, #hover a.p1:visited {display:block;  height:75px; text-decoration:none;  top:0; left:2; border:0;}

#hover a img {border: 1px solid #3C3231;   z-index:909;}

#hover a.p1:hover {text-decoration:none; color:#000;  z-index:909;}

#hover a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;   z-index:909;}

#hover a.p1:hover .large {display:block; position:absolute; width:300px; height:200px; top:1px; left:-305px; border:6px solid #C3BFA1;  z-index:1;}

#hover a .largehoch {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;   z-index:909;}

#hover a.p1:hover .largehoch {display:block; position:absolute; width:200px; height:300px; top:1px; left:-210px; border:6px solid #C3BFA1;   z-index:909;}



.hoverimaches {
	border: 1px solid #3C3231;
	
	margin:0 0 10px 0;
	
}