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

body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 5px;
  line-height: 1.7em;
}

h1
{ 
  font-family: arial, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: normal;
  text-transform: uppercase;
  padding: 16px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
}
h2, h3
{
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:1em 0 1em;
	padding:2px 30px 2px 5px;
}


.sub
{ font-size: 55%;
  padding-left: 12px; 
  letter-spacing: .1em;
}

img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;
}

a
{
	text-decoration: none;
	outline: none;
	
}

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

/* unordered list */
ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}

/* 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 */
#logo, #menu, #site_content, #site_contentOne
{ 
	margin-left: auto; 
  margin-right: auto;
}

/* logo */
#logo
{ 
	width: 998px; /*vorher 880px */
 	height: 95px;
  	border-top: 2px solid;
  	border-right: 1px solid;
  	border-bottom: 0px solid;
  	border-left: 1px solid;
}

#logo h1
{ font-family: century gothic, sans-serif;
  font-size: 600%;
  text-transform: lowercase;
  font-weight: normal;
  padding: 0px 0px 0px 14px;
  border: 0px;
  float: left;
  letter-spacing: 0px;
}

#
{ margin: 15px 9px 0px 0px;
  font-size: 80%;
  text-align: right;
  padding: 20px 10px 0px 0px;
  text-transform: uppercase;
}

#links a, #links a:hover, #footer a, #footer a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
}

/* footer */
#footer
{ 
  width: 988px; /* da 10px weg beim padding!!! und 2 wegem rahem uf dä siiite !!) */
  height: 20px;
  border-bottom: 1px solid;
  border-top: 2px solid; /*roter rahmen oben, damits weng abgegrenzt ist */
  margin-left: auto; 
  margin-right: auto;
  
  font-size: 80%;
  text-align: center;
  padding: 5px 0px 2px 10px;
  text-transform: uppercase;
  
  border-right: 1px solid;
  border-left: 1px solid;
  
}


/* navigation menu */
#menu
{ height: 44px;
  width: 998px; /*vorher 880px */
  border-bottom: 2px solid;
  
  border-right: 1px solid;
  border-left: 1px solid;
}

#menu ul{margin: 0px auto;} 

#menu li
{ float: left; 
  margin: 0px; 
  padding: 0px;
  list-style: none;
} 

#menu li a 
{ display: block;
  float: left;
  height: 38px;
  text-decoration: none; 
  padding: 6px 19px 0px 19px;
  border-right: 2px solid;
  font-weight: bold;
} 

/* menu 2 */

#menu2
{ 
	height: 26px;
	width: 998px; /*vorher 880px */
	border-bottom: 2px solid;
	  
	border-right: 1px solid;
	border-left: 1px solid;
  	margin-left: auto; 
  	margin-right: auto;
}

#menu2 ul{margin: 0px auto;} 

#menu2 li
{ float: left; 
  margin: 0px; 
  padding: 0px;
  list-style: none;
} 

#menu2 li a 
{ display: block;
  float: left;
  height: 20px;
  text-decoration: none; 
  padding: 6px 19px 0px 19px;
  border-right: 2px solid;
  font-weight: bold;
} 
/* ende Menu 2 */

#colours
{ height: 0px;
  text-align: right;
  padding: 16px 16px 0px 300px;
}


/* main content */
#site_content, #site_contentOne
{ 
  /*width: 878px; */
  width: 998px;
  overflow: hidden;
  border-right: 1px solid;
  border-bottom: 0px solid;
  border-left: 1px solid;
} 

/* side menu */
#side_menu
{ padding: 22px 3px 10px 19px;
  float: left; 
  width: 170px;
}

.side_menu_item
{ width: 170px; 
  padding: 6px 0px 8px 0px;
  height: 70px;
}

.side_menu_item a
{ float: left; 
  width: 146px; 
  height: 54px; 
}

.side_menu_item img 
{ 
 border: 1px solid #A2323D;
 /*display: block; 
  margin: 2px;*/
}

.info
{ padding-top: 4px;
  float: left;
}

/* page content */
#content
{ text-align: left;
  /*width: 653px;*/
  width: 780px;
  float: left;
  padding: 12px 0px 18px 14px;
}

#contentOne
{ text-align: left;
  /*width: 653px;*/
  width: 930px;
  float: left;
  padding: 12px 0px 18px 30px;
}

#contentPopUp
{
	text-align: left;
	float: left;
}


#content a, #content a:hover, #contentOne a, #contentOne a:hover, #contentPopUp a, #contentPopUp a:hover
{
	text-decoration: none;
}

/* form 
form
{ margin: 3px 0px 0px 0px; 
  padding: 0; 
}

form#contact{height: 220px;}*/

div.row1
{ width: 501px; 
  clear: both;
}

div.row1 span.formlabel 
{ float: left;
  width: 164px;
  text-align: left;
}

div.row1 span.forminput
{ float: right;
  text-align: right;
} 

#contact input, #contact textarea
{ width: 299px; 
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  border: 1px solid;
  overflow: auto;
  margin: 2px;
}

#contact input.submit
{ width: 99px;
  margin: 8px 0px 0px 220px;
  height: 22px;
  cursor: pointer;
}

/* ego Iris */
.schrift10 {
	font-size: 10px;
}

.left 
{
	float:left;
	padding:8px 8px 8px 8px;
	
}
.right 
{
	float:right;
	padding: 8px 8px 8px 8px;
}
.center
{ 
	display: block;
  	text-align: center;
  	margin: 0 auto;
}

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

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

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

.red
{ background: #DDDDDD /*url(white.png) no-repeat left center*/;
  /*color: #ffffff;*/
  padding: 0px 5px 0px 5px;
  font-weight: bold;
}

.orange
{ background: #414141 url(orange.png) no-repeat left center;
  color: #FF9C21;
  padding: 0px 40px 0px 20px;
}
.brown
{ background: #222222 url(brown.png) no-repeat left center;
  color: #a46c30;
  padding: 0px 40px 0px 20px;
  font-size: 110%;
}

/*************** GALERIE *****************/

.galerieTitel
{
	  font-weight: bold;
}

.KategorieTitel
{
	padding: 5px 5px 10px 0px;
	font-size: 120%;
	font-weight: bold;
}

.titelGalerieVorschau
{ 
  padding: 0px 40px 0px 20px;
  font-size: 120%;
  font-weight: bold;
}
.titelGalerieBeschreibung
{ 
  padding: 5px 40px 5px 20px;
}

#galerieContainer
{
	overflow:auto;
	border: 1px solid;
}

#kategorie {
  /*padding: 10px;        /* padding in fieldset support spotty in IE */
  /*margin: 0;*/
  background-color: none;
  width: 95%;
  margin: 10px auto;
  border: 1px solid #dddddd; 

}

.pkategorien
{
	padding: 0 10px 20px 10px;
}

#kategorie fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-width: 1px;
  border-style: solid;
  padding: 10px 10px 10px 15px;       /* padding in fieldset support spotty in IE */
  width: 85%;
  margin-left: 30px;

}

#kategorie fieldset legend {
	
	font-family: arial, sans-serif;
    letter-spacing: .1em;
    
  
	font-size: 120%; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
    font-style: normal;
    
    
}

#galerieHintergrund img {
	border-width: 1px;
  	border-style: solid;
}
#galerieView
{
	border-width: 0px;
  	border-style: solid;
}

.tabborder {
  border-width: 1px;
  border-style: solid;
}

.galerieBildLinks
{ 
	float: right; 
  	padding: 5px 10px 10px 10px;
}
.galerieBildLinks img 
{
	border-width: 0px;
 	border-style: solid;
}

#kategorie .galerieBildLinks a:hover, #kategorie .galerieBildLinks a, #kategorie .galerieBildLinks a#selected:hover
{
	/*padding: 0px 0px 2px 0px;*/
  text-decoration: none;
  border-bottom: 0px dashed;
}

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


/********** END GALERIE *******************/

/* NEWS */
#news {
  /*padding: 10px;        /* padding in fieldset support spotty in IE */
  /*margin: 0;*/

  width: 95%; 
  border: 1px solid;
  margin: 10px auto;

}

.newsP
{
	padding: 10px 10px 16px 5px;
}

.titelNews
{ 
  padding: 0px 40px 0px 20px;
  font-size: 120%;
  font-weight: bold;
}

#newsContainer
{
	overflow:auto;
	border: 1px solid;
}
#newsLinks
{
	float:left;
	padding:1em;
	width:auto;
}
#newsRechts
{
	margin-left:20em;
	padding:1em;
	pading-left: 0;
}
/* END NEWS */


/*********** G�sSTEBUCH *********************/

#gestebuchEintrag 
{ 
  text-align: justify;
  width: 80%;
  padding: 15px 15px 15px 19px;
	border: 1px solid #bbbbbb;
	margin:auto; /* box zenrieren */
}
.titelGB
{
	padding: 5px 5px 10px 0px;
	font-size: 120%;
	font-weight: bold;
}

/*********** ENDE GÄSTEBUCH *********************/

/***************** Formular **********************/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font: 100%;
  margin: 0;
  padding: 0;
  /*min-width: 500px;*/
  max-width: 100%;
 /* width: 560px;*/ 
 /* margin:auto; /* box zenrieren */
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #bbbbbb;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin-left: 30px;
  width: 70%;
}

.pFieldset
{
	margin-left: 50px;	
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

textarea { overflow: auto; }

.spam img {
	margin:5px 0 0 10px;
}

span a {
	text-decoration: none;
}

form small {
	display: block;
	/*margin: 0 0 5px 100px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.bigText
{
	font-size: 120%;
}

.textsmall {
	font-size: 80%;
	color: #888888;
}

.small {
	font-size: 95%;
	color: #888888;
}


select  /*funktioniert nur im Firefox...)*/
{
	background-color: #FFFFFF;
	/*border: thin solid #AA0028;*/
	border: 1px solid #aaaaaa;
	border-bottom-color:#aaaaaa;
	border-right-color: #aaaaaa;
	border-top-color:#aaaaaa;
	border-left-color:#aaaaaa;
	color: #000000;
}
textarea  
{
	background-color: #FFFFFF;
	border: 1px solid #aaaaaa;
	border-bottom-color:#aaaaaa;
	border-right-color: #aaaaaa;
	border-top-color:#aaaaaa;
	border-left-color:#aaaaaa;
	color: #000000;
}
input  
{
	/*background-color: #FFFFFF;*/
	border: 1px solid #aaaaaa;
	border-bottom-color:#aaaaaa;
	border-right-color: #aaaaaa;
	border-top-color:#aaaaaa;
	border-left-color:#aaaaaa;
	color: #000000;
}

/*Kein Rand bei IE bei Checkboxen*/
.noBorder
{
	border: 0px solid #aaaaaa;
}

.button
{
	background-color: #dddddd;
	border: 1px solid #B7AE88;
	border-bottom-color:#B7AE88;
	border-right-color: #B7AE88;
	border-top-color:#cccccc;
	border-left-color:#cccccc;
	color: #000000;
}
/***************** Formular END **********************/

/**** Kategorien bilder *****/
#hori
{
	padding: 4px 0; /* Innenabstand: oben/unten 4px, li/re 0  */
	margin: 0; /* Keinen Außenabstand */
	width:auto;
	/*   margin:1em 20%;*/
	   text-align:center;
}

#listehorizontal
{
	line-height: 250%; 
	width: auto; 
	/*border: 1px solid rgb(202, 202, 202); 
	margin: 1em 20%; */
	text-align: center;
	float: left;
	padding: 10px 80px 10px 80px;
	
}
#listehorizontal p
{
	color: #20739E;
	font-size: 120%;
	font-weight: bold;
	padding: 0 0px 0 0px;
}

#listehorizontal img
{
	vertical-align: middle;
	
}	
#hori ul
{
	width: auto;
	text-align: center;
	marin: 1em 20%;
}
#hori li
{
	display: inline; /* Listenelemente nebeneinander */
 	list-style-type: none; /* Aufzählungszeichen entfernen */
}

.smaller
{
	font-size: 90%;
}

#urls
{
	margin:10px auto;
	width:100%;
}

#urls p
{
	padding: 0px 0px 5px 5px;
}

#divShowPic
{
	font-size: 12px;

}