/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++                                                      Allgemeine Layout und Text Styles                                                                      ++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #b09a7d;
	background-image: url(images/goldweave.jpg);
   background-attachment: fixed;
}

html {
	margin: 0;
	padding: 0;
	}

p {	
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0.3em;
	text-align: left;
	font-size: medium;
	font-family:"Georgia", Times, serif;	
	}

.hohp {	
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.1em;
	text-align: left;
	font-size: medium;
	font-weight: bold;
	font-family:"Georgia", Times, serif;	
}

.miniflag {	
	margin: 0px;
	margin-bottom: -1px;
	margin-left: -5px;
	padding: 0px;
	text-align: left;
	border-collapse: collapse;
	border: none
}

.large {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
	font-size: large;
	font-family:"Georgia", Times, serif;
	}

.xlarge {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
	font-size: x-large;
	font-family:"Georgia", Times, serif;
}

.p-margin {	
	margin-right: 10px;
	/*margin-left: 226px;*/
	margin-left: 10px;	
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
	font-size: medium;
	font-family:"Georgia", Times, serif;
	}

.p-right_to_menu {	
	margin-right: 10px;
	/*margin-left: 291px;*/
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
	font-size: medium;
	font-family:"Georgia", Times, serif;
	}

ul, li{ 
	margin:0; 
	padding:0; 
}

li {
	text-align: left;
	font-size: medium;
	font-family:"Georgia", Times, serif;
	padding-left: 7px ;
	text-indent: -2px ;
	list-style-position: inside;
}

hr {
	color: #441111;
	background-color: #551111;
	}

h1 {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
	font-size: xx-large;
	font-family:"Georgia", Times, serif;
	color: #773333;
	}

h2 {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: left;
	font-size: xx-large;
	font-family:"Georgia", Times, serif;
	color: #773333;
	}

h3 {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
	font-size: x-large;
	font-family:"Georgia", Times, serif;
	color: #773333;
	}

h4 {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: left;
	font-size: x-large;	
	font-family:"Georgia", Times, serif;
	color: #773333;
	}


h5 {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: center;
	font-size: large;
	font-family:"Georgia", Times, serif;
	color: #773333;
	}

h6 {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: left;
	font-size: large;
	font-family:"Georgia", Times, serif;
	color: #773333;	
	}

.creme-colour {
	color: #FDE0CC;
}

.black-colour {
	color: #000000;
}


.float-right {
	float: right;
}

.float-left {
	float: left;
}

.small {
	font-size: small;
	}

.small-centered {
	font-size: small;
	text-align: center;
	}


.centered {
	text-align: center;
	}	

.rightjustified {
	text-align: right;
	}
	
.leftjustified {
	text-align: left;
	}

.basictable {
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0;
	}



/*.navigation {
	font-family: "Georgia", Times, serif;
	font-size: medium;
	color: #441111;
	text-align: left;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	}

.nav {
	font-family: "Georgia", Times, serif;
	font-size: medium;
	color: #441111;
	text-align: left;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	}
*/
	
#nav last {
	font-family: "Georgia", Times, serif;
	font-size: medium;
	color: #441111;
	text-align: left;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	}

.active {
	font-family: "Georgia", Times, serif;
	font-size: medium;
	color: #441111;
	text-align: left;
	font-style: italic;
	}

.navitems {
	text-decoration: none;
	}

.navigation.li {
	margin-top: 20px;	
	}

a {
	font-family: "Georgia", Times, serif;
	font-size: large;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	}

a:link {
	color: #441111;
	text-decoration: none;
	}

a:visited {
	color: #441111;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;	 
	/*font-weight: bold;*/
}

a:active {
	color: #b09a7d;
	background-color: #551111;
}

.button {
	background-color: #551111;
	color: #fde0cc;
}

.button:focus {
	background-color:#886644;
	color:#551111;
}


.breadcrumbframe {
	margin: 25px;
	border-collapse: collapse;
	border-color: #773333;
	border-spacing: 0px;
	padding: 10px;
	border-style: double;
	border-width: thick;
}

.searchframe {
	margin: 25px;
	border-collapse: collapse;
	border-color: #773333;
	border-spacing: 1px;
	padding: 10px;
	border-style: double;
	border-width: thick;
	position: absolute;
	right: 80px;
}

input:focus, select:focus {
background: #551111;
color: #FDE0CC; 
}

textarea:focus {
background: #551111;
color: #FDE0CC;
font-weight: bold; 
}

input, select, textarea { 
 background-color: #e0caad; 
 color: #441111; 
}

.error { 
	background-color: red;
	color: white;
	font-weight: bold;
	font-size: medium;
}

	
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++                               Styles fuer den Page Aufbau (Rahmen, Hintergrund , etc.)                                                      ++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#mainframe {
   background: url(images/parchmentlight.jpg) repeat top left; 
	width: 100%;
	/*height: 386;*/
	padding: 0;
	margin: 0; 
	top: 0;
	left: 0;
	position: relative;
	overflow: hidden;	
	}
	
#encompass-all {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0; 
	top: 0;
	left: 0;
	position: relative;
	overflow: visible;
	font-size: xx-small;	
	}
	
#goldweave { 
	/*background: url(images/goldbg.gif) repeat-x top left;*/
	background: url(images/goldweave.jpg) repeat-x top left; 
	padding: 0;
	margin: 0; 
	height: 29px;
	position: relative;
	}

#topline { 
	background: url(images/topbgleft.gif) repeat-x top left; 
	padding: 0;
	margin: 0; 
	height: 52px;
	position: relative;
	}

#frametop { 
	background: url(images/frametopbg.gif) repeat-x top left; 
	padding: 0;
	margin: 0; 
	height: 71px;
	position: relative;
	}

#bottomline { 
	background: url(images/bottomborder.gif) repeat-x top left;
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 17px;
	}
	
#framebottom { 
	background: url(images/framebotbg.gif) repeat-x top left;
	padding: 0px;
	margin: 0px;
	height: 79px;
	position: relative;
	z-index: 2;
	}

#leftframeborder { 
	background: url(images/frameleftbg.gif) repeat-y top left;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 78px;
	height: 100%;
	}

.centraltable {
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	}

.table-leftframeborder { 
	background: url(images/frameleftbg.gif) repeat-y top left;
	padding: 0px;
	margin: 0px;
	}

.table-rightframeborder { 
	background: url(images/framerightbg.gif) repeat-y top right;
	padding: 0px;
	margin: 0px;
	}

.table-vellumback {
    background: url(images/parchmentlight.jpg) repeat top left; 
	padding: 0px;
	margin: 0px;
	}

#rightframeborder { 
	background: url(images/framerightbg.gif) repeat-y top right;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 78px;
	right: 0px;
	float: right;
	height: 100%;
	}

#gryphonleft {
	background: url(images/gryphleft.gif) no-repeat top left;
	padding: 0px;
	margin: 0px;
	width: 68px;
	height: 80px;
	position: absolute;
	top: 0px;
	left: 0px;
	}

#gryphonright {
	background: url(images/gryphright.gif) no-repeat top left;
	padding: 0px;
	margin: 0px;
	width: 68px;
	height: 80px;
	position: absolute;
	top: 0px;
	right: 0px;
	}

#frametopleft {
	background: url(images/frametopleft.gif) no-repeat top left;
	padding: 0px;
	margin: 0px;
	width: 139px;
	height: 71px;
	position: absolute;
	top: 81px;
	left: 0px;
	}

#frametopright {
	background: url(images/frametopright.gif) no-repeat top left;
	padding: 0px;
	margin: 0px;
	width: 139px;
	height: 71px;
	position: absolute;
	top: 81px;
	right: 0px;
	}

#framebotleft {
	background: url(images/framebotleft.gif) no-repeat bottom left;
	padding: 0px;
	margin: 0px;
	width: 139px;
	height: 78px;
	position: relative;
	bottom: 96px;
	left: 0px;
	z-index: 3;
	}

#framebotright {
	background: url(images/framebotright.gif) no-repeat bottom left;
	padding: 0px;
	margin: 0px;
	width: 139px;
	height: 78px;
	position: relative;
	bottom: 96px;
	right: 0px;
	float: right;	
	z-index: 3;
	}

#leftframetop-picture {
	background: url(images/framelefttop.gif) no-repeat top left;
	padding: 0px;
	margin: 0px;
	width: 78px;
	height: 78px;
	position: absolute;
	top: 152px;
	left: 0px;
	z-index: 1;
	}

#rightframetop-picture {
	background: url(images/framerighttop.gif) no-repeat top right;

	padding: 0px;
	margin: 0px;
	width: 78px;
	height: 78px;
	position: absolute;
	top: 152px;
	right: 0px;
	z-index: 1;
	}

#leftframebottom-picture {
	background: url(images/frameleftbot.gif) no-repeat bottom left;
	padding: 0px;
	margin: 0px;
	width: 78px;
	height: 78px;
	position: relative;
	bottom: 252px;
	left: 0px;
	z-index: 4;
	}

#rightframebottom-picture {
	background: url(images/framerightbot.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
	width: 78px;
	height: 78px;
	position: relative;
	bottom: 252px;
	right: 0px;
	float: right;
	z-index: 4;
	}

#toptitle {
	padding: 0px;
	margin: 0px;
	width: 250px;
	height: 145px;
	position: absolute;
	top: 3px;
	left: 0px;
	width: 100%;
	text-align: center;
	}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++                                                                 Menue und Infobox Styles                                                                         ++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#mainmenu {
   background: url(images/infobox-05.gif) repeat top left; 
	width: auto;
	min-height: 100px;
	padding: 1px;
	margin-top: 10px; 
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	top: 10px;
	left: 0px;
	overflow: auto;
	position: relative;
	/*z-index: 99;*/	
	border-color: #773333;
	border-spacing: 1px;
	border-style: double;
	border-width: thick;
	}

#old-mainmenu {
   background: url(images/infobox-05.gif) repeat top left; 
	width: 261px;
	height: auto;
	padding: 1px;
	margin-top: 25px; 
	margin-bottom: 30px;
	margin-left: 10px;
	margin-right: 20px;
	top: 30px;
	left: 0px;
	overflow: hidden;
	position: relative;
	float: left;
	}

.infobox-upperleftcorner {
   background: url(images/infobox-01.gif) no-repeat top right;
	width: 18px;
	height: 23px;
	padding: 0;
	margin: 0; 
	top: 0;
	right: 0;
	position: relative;
	}

.infobox-upperrightcorner {
   background: url(images/infobox-03.gif) no-repeat top left;
	width: 18px;
	height: 23px;
	padding: 0;
	margin: 0; 
	top: 0;
	left: 0;
	position: relative;
	float: right;
	}

.infobox-upperedge {
   background: url(images/infobox-02.gif) repeat-x top left;
	width: 225px;
	height: 23px;
	padding: 0;
	margin: 0; 
	top: 0;
	left: 0;
	position: relative;
	float: right;
	}

.infobox-lowerleftcorner {
   background: url(images/infobox-07.gif) no-repeat top right;
	width: 18px;
	height: 23px;
	padding: 0;
	margin: 0; 
	top: 0;
	right: 0;
	position: relative;
	float: right;
	}

.infobox-lowerrightcorner {
   background: url(images/infobox-09.gif) no-repeat top left;
	width: 18px;
	height: 23px;
	padding: 0;
	margin: 0; 
	top: 0;
	left: 0;
	position: relative;
	float: right;
	}

.infobox-loweredge {
   background: url(images/infobox-08.gif) repeat-x top left;
	width: 225px;
	height: 23px;
	padding: 0;
	margin: 0; 
	top: 0;
	left: 0;
	position: relative;
	float: right;
	}

.table-leftedge { 
	background: url(images/infobox-04.gif) repeat-y top left;
	padding: 0px;
	margin: 0px;
	width: 23px;
	}

.table-rightedge { 
	background: url(images/infobox-06.gif) repeat-y top right;
	padding: 0px;
	margin: 0px;
	width: 23px;
	}

.menutable {
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	height: 325px;
	}

/*++++ Topbox ++++*/

#topbox {
   background: url(images/infobox-05.gif) repeat top left; 
	width: 636px;
	height: auto;
	padding: 0;
	margin-bottom: 25px; 
	top: 10px;
	right: 100px;
	position: absolute;	
	}

 .topboxtable {
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0;
	height: 65px;
	}

.topbox-loweredge {
   background: url(images/infobox-08.gif) repeat-x top left;
	width: 600px;
	height: 23px;
	padding: 0;
	margin: 0; 
	top: 0;
	left: 0;
	position: relative;
	float: right;
	}

.topbox-upperedge {
   background: url(images/infobox-02.gif) repeat-x top left;
	width: 600px;
	height: 23px;
	padding: 0;
	margin: 0; 
	top: 0;
	left: 0;
	position: relative;
	float: right;
	}





/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++                                                                                  Sonstiges                                                                                    ++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.img {
	border: none;
	}

.markupline {
	background-color: #886644;
	color: #FDE0CC;
}

.markupline a  {	
	background-color: #886644;
	color: #FDE0CC;
	text-align: justify;
	font-size: small;
	font-family:"Georgia", Times, serif;	
}

.altbox {
	border-collapse: separate;
	border-color: #773333;
	border-spacing: 1px;
	border-style: double;
	border-width: thick;
	margin-left:auto;
	margin-right:auto;
}

.floatbox {
	border-collapse: separate;
	border-color: #773333;
	border-spacing: 1px;
	border-style: double;
	border-width: thick;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.floatbox-right {
	border-collapse: separate;
	border-color: #773333;
	border-spacing: 1px;
	border-style: double;
	border-width: thick;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}

.altbox-framless {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	border: none;
	margin: 0;
	margin-left:auto;
	margin-right:auto;	
}

.altbox-frameless {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	border: none;
	margin: 0;
	margin-left:auto;
	margin-right:auto;	
}

.adornmentsbox {

	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	border: solid 1px;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	background-image: url(http://localhost/modx/assets/templates/FoG-D/images/right-border.gif);
	background-attachment: fixed;
	background-position: right;
	background-repeat: repeat-y;
	width: auto;	
	overflow: visible;
	z-index: 1;	
}

.nationenuebersicht {
	border-collapse: separate;
	border-color: #773333;
	border-spacing: 1px;
	border-style: double;
	border-width: thick;
	margin-left:auto;
	margin-right:auto;	
}

.nationenuebersicht td {
	font-size: large;
	vertical-align: top;	
	/*border: solid;
	border-width: 1px;*/
}

.nationenuebersicht .flag {	
	text-align: center;
	vertical-align: bottom;
}
	
.graphicbox {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	border: none;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	z-index: 0;
	height: 280px;
	overflow: hidden; 
}

.gridbox {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	border: none;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	z-index: 1;
}

.barbox {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	border: none;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	z-index: 2;
	position: relative;
	top: -260px;
	left: 20px;
}


.logintable {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	border: none;
	width: auto;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 30px;
	margin-bottom: 0px;
}

.demospiel {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	border: none;
	margin-left:auto;
	margin-right:auto;
	width: 820px;
}

.fittable { /*textbox ohne rahmen die ein überschneiden mit dem menue verhindert, fuer linkseite z.B.*/
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;	
	border-spacing: 0px;
	padding: 0px;
	border: none;	
}

.detailsheader {
   position: relative;
   height: 20px;
   padding-bottom: 2px;
   font-weight: bold;
   font-size: large;
   color: #FDE0CC;
   background: #886644;   
   text-align: left;
   border: solid 2px #551111;
}

.detailsheader a {
   color: #fde0cc;   
   font-weight: bold;   
}

.detailsheader a:hover {
	color: #b09a7d;
	text-decoration: underline;	 
	/*font-weight: bold;*/
}

.detailsheader a:active {
	color: #441111;
	background: #886644;	
}


.detailsbox {	
   padding: 5px;
/*   font-weight: bold;
   color: #FDE0CC;
   background: #441111;
   cursor: pointer;*/
   text-align: left;
   border: dotted 2px;
   border-color: #551111;
   border-top: none;
}

.altbox a  {	
	text-align: justify;
	font-size: small;
	font-family:"Georgia", Times, serif;
	}

/*.altbox td {	
	border-spacing: 0px;	

	border-style: solid;
	border-width: 1px;
	border-color: #773333;
}	*/

td {
	font-family: "Georgia", Times, serif;
	font-size: small;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
}

.tablefoot {
	font-family: "Georgia", Times, serif;
	font-size: small;
	color: #F0E0CC;
	background-color:#441111;
}

.tablefoot a {
	color: #F0E0CC;
}

th {
	font-family: "Georgia", Times, serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	color: #F0E0CC;
	background-color:#441111;
}
thead {
	font-weight: bold;
}
	
.picbox {
	margin: 0px;
	border-collapse: collapse;
	border-color: #773333;
	border-spacing: 0px;
	padding: 1px;
	border-style: double;
	border-width: thick;
}

.fitmenubox { /*textbox mit rahmen die ein überschneiden mit dem menue verhindert, fuer: Was ist FoG*/
	/*margin-left: 281px;*/
	margin-left: 10px;
	border-collapse: collapse;
	border-color: #773333;
	border-spacing: 0px;
	padding: 1px;
	border-style: double;
	border-width: thick;
}

.fitnoframebox { /*textbox ohne rahmen die ein überschneiden mit dem menue verhindert, fuer linkseite z.B.*/
	/*margin-left: 281px;*/
	margin-left: 10px;
	border-collapse: collapse;
	border-color: #773333;
	border-spacing: 0px;
	padding: 10px;
	border: none;	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++                                                                      Search function styles                                                                           ++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


#surronding-searchbox {
	margin: 0px;
	border-collapse: collapse;
	border-color: #773333;
	border-spacing: 0px;
	border-width: thick;	
	border-style: double;
	padding: 0px;	
}

#ajaxSearch_intro {
	margin: 0px;
	padding: 5px;
	text-align: center;
}

.searchTerms {
	color: #441111;
	font-size: medium;
	font-weight: bold;
}
 #ajaxSearch_form {
	margin: 0px;
	padding: 0;
	border: none;
}
 
#mainmenu #ajaxSearch_form label {
	color: #441111;
} 
 
 #mainmenu #ajaxSearch_form fieldset {
	border: none
}
 
.ajaxSearch_result {
	font-size: medium;
}	 
 
.ajaxSearch_resultsInfo {
	font-size: x-large;
	font-style: italic;
	margin-bottom: 20px;		
	margin-top: 20px;
}	 

.AS_ajax_resultsIntroFailure {
	color: #441111;	
	font-size: x-large;
	font-style: italic;
	margin-bottom: 20px;		
	margin-top: 60px;
	text-align: center;
}	 

.ajaxSearch_highlight, .ajaxSearch_highlight1, .ajaxSearch_highlight2, .ajaxSearch_highlight3, .ajaxSearch_highlight4, .ajaxSearch_highlight5 {
	color: #b09a7d;
	background-color: #551111;
}
    
    
.ajaxSearch_textarea:focus {
background: #551111;
color: #FDE0CC;
/*color: #e0caad;*/
font-weight: bold; 
}

.ajaxSearch_textarea { 
 background-color: #e0caad; 
 color: #441111; 
}

.ajaxSearch_select { 
	background-color: #e0caad; 
	color: #441111; 
}
 
#ajaxSearch_input {
	width: 130px;
	display: inline;
	/*height: medium;*/
	font-size: small;
	border: 1px solid #ddd;
	border-left-color: #c3c3c3;
	border-top-color: #7c7c7c;
	/*background: #fff url(images/input-bg.gif) repeat-x top left;*/
	margin: 0 3px 0 0;
	padding: 3px 0 0;
	vertical-align: top;
        }
        

.cleardefault {
				background-color: #e0caad; 
 				color: #441111;
}
        
.cleardefault:focus {
				background: #551111;
				color: #e0caad;
				font-weight: bold; 
}
        

#ajaxSearch_submit {
            display: inline;
            /*height: medium;
            line-height: medium;*/
            background-color: #551111;
            color: #fde0cc;
        }

#ajaxSearch_submit:focus {
	background-color:#886644;
	color:#551111;
}
        
        
#ajaxSearch_output {
            border: 1px solid #444;
            padding: 10px;
            background: #fff;
            display: block;
            height: auto;
            vertical-align: top;
        }

 .ajaxSearch_paging {
    
        }

.AS_ajax_result {
            color: #444;
            margin-bottom: 3px;
        }

 .AS_ajax_resultLink {
            text-decoration: underline;
        }

.AS_ajax_resultDescription{
            color: #555;
        }

.AS_ajax_more {
            color: #555;
        }    





#WebLoginLayer0 {
            width: 190px;
            font-size: small;
}

.login {
	font-family: "Georgia", Times, serif;
	font-size: medium;
	color: #551111;
	text-align: center;
	font-weight: bold;
}

.abmelden a {
	float: right;	
	font-size: 1.5em;
	margin-left: 30px;
	margin-right: 10px;
	text-align: center;		
	border-collapse: collapse;
	border-color: #773333;
	border-spacing: 0px;
	padding: 1px;
	border-style: solid;
	border-width: 2px;
	background-color: #e0caad;
		
}




/* *********** Akkordeon ************* */

.border {
	border: 2px solid #551111;
	/*border: 2px solid #886644;*/
	border-top: none;
	margin: 0px;
	padding: 0px;
}

/*.border li {
	text-align: left;
	font-size: medium;
	font-family:"Georgia", Times, serif;
	padding-left: 1.2em;
	text-indent: -1em;
	list-style-position: inside;
}*/


/* @group Level 1 */

dl.accordion dt
{
   position: relative;
   height: 20px;  
   font-weight: bold;
   color: #FDE0CC;
   background: #886644;
   cursor: pointer;
   text-align: left;
   border-top: solid 2px #551111;
   border-bottom: solid 2px #551111;
   padding-left: 5px;
   padding-top: 3px;
   margin-bottom: 0px;
   font-size: small;
   padding-bottom: 0px;
}

* html dl.accordion dt
{
   cursor: pointer;
}

dl.accordion dt.open
{
   /*background-image: url(icon_accordion_open.png);*/
}

dl.accordion dd
{
	position: relative;
	left: -50px;
	right: +50px;
   background: none;
   padding: 10px;
   /*border:5px solid red;*/
}

/* @group Content */

dl.accordion dd.sub_accordion
{

}

dl.accordion dd.accordion_content
{
   text-align: center;
}

dl.accordion dd.accordion_content p
{
   text-align: center;
}


/*Style a button as a link

.submit {
border:none;
background-color: none;
color: #773333;
padding: 0;
margin: 0;
width: 5em;
}

//Then add a standard class to make the link perform a rollover effect

.submit:hover {
text-decoration: underline;
}
*/


.menutable {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:auto;
	margin-right:auto;
	width: auto;
	height: auto;
	/*border: solid 1px;*/
}


#nav, #nav ul {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	list-style-type:none;
	list-style-position: inside;
	padding: 0px;
	position:relative;
	line-height: 40px;
	width: auto;
	/*line-height:1.5em;
	text-align: center;*/  
}

#nav a{
	display: block;
	margin-left: 0px;
	margin-right: -7px;
	margin-top: 5px;
	padding: 0px 5px;
	border: 1px solid #773333;
	border-top:none;
	color: #fde0cc;
	text-decoration:none;
	background-color:#551111;
	/*background-color:#886644;
	text-align: center;*/
}

#nav a:hover{
	background-color:#886644;
	color:#551111;
}

#nav li{
	float:left;
	position:relative;	
}

#nav li li{
	float:left;
	position:relative;
	padding: 0px;
	margin-bottom: -23px;
	padding-top: 0px;
	margin-top: 18px;	
}

#nav ul {
	position:absolute;
	display:none;
	width:12em;
	top:1.5em;
}

#nav li ul a{
	width: 14em;
	height:auto;
	float:left;
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:12em;
	margin:0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}


.btn a{
	/*float: left;*/
	height: 40px;
	background: url(images/btn_stretch.png) repeat left top;
	line-height: 40px;
	padding: 0;
	font-size: 1em;
	text-decoration: none;	
}


/* Accordion restyling @group Level 1 */


.gapcloser {
	margin-bottom: -15px;
}

dl.accordion2 dt
{
   position: relative;
   height: 15px;  
   font-weight: bold;
   color: #441111;
   background: none;
   cursor: pointer;
   text-align: center;
   border: solid 2px #551111;
   width: 300px;
   margin-left: auto;
   margin-right: auto;   
}

* html dl.accordion2 dt
{
   cursor: pointer;
}

dl.accordion2 dt.open
{
   /*background-image: url(icon_accordion_open.png);*/
}

dl.accordion2 dd
{
	position: relative;
	left: -50px;
	right: +50px;
   background: none;
   padding: 10px;
   /*border:5px solid red;*/
}

/* @group Content */

dl.accordion2 dd.sub_accordion
{

}

dl.accordion2 dd.accordion_content
{
   text-align: center;
}

dl.accordion2 dd.accordion_content p
{
   text-align: center;
}


[disabled]{color:#886644;}


.testdiv {
	position: fixed;
	left: 100px;
	top: 0px;
	z-index: 10;
	height: 200px;
	border: solid 2px red;
}

#tooltip {
/*	margin-right: -4px;
	margin-left: -4px;
	margin-top: -4px;
	margin-bottom: -4px;*/
	padding: 2px;
	text-align: left;
	font-size: small;
	font-family:"Georgia", Times, serif;
	border-collapse: separate;
	border-color: #773333;
	border-spacing: 1px;
	border-style: double;
	border-width: thick;
	background: url(images/parchmentlight.jpg) repeat;
	position:absolute;
	display:none;
	z-index:10;
}

.borderzier { 
	//background: url(http://localhost/modx/assets/templates/FoG-D/images/right-border.gif) repeat-y top right;	
	border-collapse: collapse;	
	border-spacing: 0px;
	padding: 0px;
	border: none;
	position: relative;
	padding-right: 35px;
	z-index:1;			
}

.zierat { 
	z-index:10;
	background: url(http://localhost/modx/assets/templates/FoG-D/images/right-border2.gif) repeat-y top right;	
	border-collapse: collapse;	
	border-spacing: 0px;
	padding: 0px;
	border: none;
	width: 65px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	padding-right: 45px;			
}



/* ****************************************************************************
   ************************ Maxigallery styles ********************************
   **************************************************************************** */
   
.pmax {
	margin: 0;
	padding: 3px;
   font-size: small;
  	text-align: left;
	font-family:"Georgia", Times, serif;	
}   
   
ul.thumbs li {
	list-style: 		none;
	float: 				left;
	display: 			block;
	list-style-image: 	none !important;
	margin:				5px 5px 0 5px !important;
}
ul.thumbs {
	list-style: 		none;
	margin: 			0;
	padding: 			0;
	clear: 				both;
}
ul.thumbs li img {
	border:				none;
	margin:				0 !important;
}
ul.thumbs li a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}
ul.thumbs li p {
	overflow:			hidden;
}
.thumbs .clearboth { 
	clear: 				both; 
}
.childscontainer {
	margin-bottom:		20px;
	float:				left;
}
.thumbscontainer {
	margin-bottom:		20px;
	float:				left;
}

.pagenumbers {
	margin-bottom:		20px;
}
.picturecontainer {
	text-align:			center;
}
.picturecontainer .title {
	font-weight:		bold;
	margin-top:			20px;
}
.picturecontainer .picture img {
	border:				none;
	margin:				0 !important;
}
.picturecontainer .picture a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}
.managecontainer {
    float: 				left;
}
.managecontainer textarea {
	width:				395px;
}
.managecontainer hr {
	width:				400px;
	text-align: 		left;
	margin: 			20px auto 20px 0;
}
.pictureform .managepicture {
	float:				left;
	clear:				left;
}
.pictureform .shortfields {
	margin-left: 		20px;
	float:				left;
}
.pictureform .clearboth {
	clear:				both;
}
.uploadcounter {
	width: 				20px;
	margin-bottom: 		10px;
	float:				left;
	clear:				left;
}
.uploadfile {
	margin-bottom: 		10px;
	float:          	none;
}
.uploadfile input {
	width:				385px;	
}
.uploadform {
	margin-top:			20px;
	margin-bottom:		-10px;
   	clear: 				both;
}
.uploadform .clearboth {
	clear:				both;
}
.slideshowwrapper {
	text-align:			center;
}
.deleteform {
	float:				left;
}
.synchform {
	float:				left;
}