body {  
   font-family: Arial, Helvetica, sans-serif;
   background-color: #C2E1A5; 
   color: #690F0B;
   font-size: 12px;
   margin-left: 0px;
   margin-top:  0px;
   margin-right: 0px;
   margin-bottom: 0px;

}

p {
   font-family: Arial, Helvetica, sans-serif;
}

img { border: 0; }
img.align_right {
   float:right;
}

ul
{
   list-style-type: none;
   padding:0px;
}

a:link, a:visited, a:hover, a:active
{
		font-style: normal;
		font-variant: normal;
        color: #752429;
        font-weight: bold;
        text-decoration: none;
}

a:hover, a:active {
        color: #753439;
        text-decoration: none;
}

a.little {
   font-weight:normal;
}

button.kaufen {   
   font-style: normal;
   font-variant: normal;
   color: #752429;
   background-color: #C2E1A5; 
   font-weight: bold;
   text-decoration: none;

   padding-left:22px;
   padding-bottom:4px;
   line-height:1.5em;
   background-image: url("./images/arrow.png");
   background-repeat: no-repeat;
   background-position: 0px 3px;   

   border:none;
   cursor:pointer;
   font-size:1.2em;
}

.underground {
   font-family: "Underground NF",Helvetica, sans-serif;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   font-size:1.5em;
}

/*---------------------------------------------------------------------*/
/*----------------------------- Content, Header -------------------------*/

#content_wrapper {
/*   background-color: #C2E1A5;*/
   margin-left: auto; margin-right: auto;
/*   width:1160px; */
   width:1160px; 
   min-height:1500px;
}

#header {
   background-color: #C2E1A5; 
   color: #690F0B;
   margin-top:25px;
   margin-left:30px;
   margin-right:30px;
   height:70px;
   width:1000px;
}

#logo {
   width:400px;
   color: #FFF;
}
#topright {
   color: #FFF;
   float:right;
}

#content {
   background-color: #C2E1A5; 
   color: #690F0B;
   width:1000px;
   margin-left:30px;
   margin-right:30px;
   margin-top:310px;
   padding-left:0px;
   text-align:justify;
}

#content h1 {
   font-size:1.7em;
   margin-bottom: 20px; 
}

#content h1.title { 
   font-size:1.7em;
   margin-bottom: 16px; 
}

/*--------------------*/
/*--- Sprachwahl -----*/
ul.lang_select
{
   display:inline-block;
   list-style-type: none;
   padding: 0px;
   margin: 0px;
   margin-right:50px;
   padding-top:10px;
   padding-right:0px;
}

ul.lang_select li
{ 
   display: inline; 
   margin-right:6px;
   margin-left:0px;
}

ul.lang_select li,
ul.lang_select li a
{ 
   color: #FFF;
   font-weight:normal;
}

ul.lang_select li.current_lang  { color: #FFF; }



/*--------------------*/


/*---------------------------------------------------------------------*/
/*---- navi   --------------------------------------------------------*/

#navi {
   text-align:left;
}

#navi pre {
   font-family: Verdana, Helvetica, sans-serif;
   margin:0px;
   padding:0px;
}

#navi ul {
   font-family: Verdana, Helvetica, sans-serif;
   position:relative;
   margin:15px;
   margin-top:17px;
   margin-left:0px;
   padding:0px;
   list-style:none;
}

#navi ul a  {
   text-decoration:none;
}

#navi ul li {
   position:relative;
   display:inline-block;
   margin:0px;
   margin-right:40px;
   margin-bottom:30px;
   padding:0px;
   padding-left:0px;
   padding-right:0px;
   background-color: #C2E1A5; 
}

#navi ul li a{
   margin:0px;
   font-size:1.2em;
   font-weight:normal;
}


#navi ul li ul {
   /* display:none; */
   visibility: hidden; /* for normal-bold-hack: needed for width-precalc */ 
   margin:0px;
   padding:0px;
   padding-top:4px;
   padding-bottom:20px;
   padding-left:20px;
   padding-right:20px;
   background-color: #C2E1A5; 

   position:absolute; 
   z-index: 20;
   left:-20px;
   text-align:left;
}

#navi ul:hover li.current ul {
   /* display:none; */
   visibility: hidden;
}
#navi ul:hover li.current:hover ul {
   display:block;
   visibility: visible; /* for normal-bold-hack: needed for width-precalc */ 
}

#navi ul li:hover ul {
   display:block;
   visibility: visible; /* for normal-bold-hack: needed for width-precalc */ 
}

#navi ul li ul li {
   display:block;
   margin:0px;
   padding-bottom:0px;

}
#navi ul li ul li a{
   text-transform:none;
   font-size:0.9em;
}
#navi ul li:hover a,
#navi ul li.current a
 {
   color:#FFF;
}
#navi ul li:hover ul li a {
   color: #690F0B;
}
#navi ul li ul li a:hover {
   text-decoration:none;
   color:#FFF;
}
#navi ul li a:hover  {
   color:#FFF;
}

#navi ul li.current a:hover
{
   color: #FFF;
}

/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*----  tinyMCE  ------------------------------------------------------*/

.tinymcewysiwyg h1 {
}
.tinymcewysiwyg h2 {
   font-size: 1.2em;
   margin-bottom:3px;
}
.tinymcewysiwyg h3 {
   font-size: 1.2em;
   font-weight:normal;
   margin-bottom:3px;
}

.tinymcewysiwyg p {
   margin-top:3px;
}

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/**
 * The edit link that appears when you are logged in.
 * It is recommended that you implement an edit button 
 * in your templates to make it easy to switch to and
 * from the admin control panel when editing pages. 
 *
 */
#editpage {
	position: absolute;
	top: 0;
	left: 0; 
	padding: 5px 6px; 
	background: #db1174; 
	color: #fff; 
	display: block;
	font-weight: bold; 
}
	#editpage:hover {
		background: #ffffcc;
		color: #000; 
	}

/*---------------------------------------------------------------------*/
/*----  Pagination  ------------------------------------------------------*/

.MarkupPagerNav {
        clear: both;
        margin: 1em 0; 
        font-family: Arial, sans-serif;
}
.MarkupPagerNav li {
	display: inline;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 2px 9px;                
	color: #fff;
	background: #2f4248;
	margin-right: 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
                
.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: #db1174;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #777;
	background: #d2e4ea;
	padding-left: 3px;
	padding-right: 3px;
}

/*---------------------------------------------------------------------*/

/*--------------------*/
/*--- slideshow ------*/

.slideshow {
   position: relative;
   width:620px;
   height:350px;
   background-color:#000;
}

.slide {
   position: absolute;
   z-index:0;
   visibility: hidden;
}

.s_next div, .s_next img {
   /* ie opacity problem */
   position:relative;
   filter: inherit;
}

.slideshow div.text {
   background-color:#000; /*fallback for missing rgba*/
}
.slideshow div.text {
   position:absolute;
   bottom:0px;
   z-index:3;
   background-color:#000;
   background-color: rgba(55,55,55,0.7);
   padding: 10px;
   padding-left:50px;
   padding-right:50px;
   color:#FFF;
}

.s_current {
   z-index:1;
   visibility: visible;
}

.s_next {
   z-index:2;
   visibility: visible;
   opacity: 0.0;
}

.s_next_halt {
   z-index:2;
   visibility: visible;
   opacity: 0.0;
}

/*--------------------*/
/*--- Rouleau --------*/

.rolltest {
   margin-right:8px;
   margin-bottom:16px;
   display: inline-block;
   vertical-align:top;
   position: relative;
   background-color:#000;
   width: 256px;
   height:144px;
   z-index:0;
}
.rolltest a {
   display: block;
   position: absolute;
   width: 256px;
   height:144px;
   z-index:3;
   opacity: 0.0;
}

.rolltest div.roll {
   background-color: #000; /*fallback for missing rgba*/
}
.rolltest div.roll {
   background-color: rgba(55,55,55,0.7);
   color: #FFF;
   padding:5px;
   position: absolute;
   bottom: 0px;
   z-index: 1;
   width: 246px;
   height: 15px;
   overflow: hidden;
}
.rolltest img {
   position: absolute;
   top: 0px;
   z-index:0;
}

/*---------------------------------------------------------------------*/
/*----------------------------- Forms ---------------------------------*/

form.InputfieldForm ul.Inputfields {
  list-style-type: none;
}

form.InputfieldForm ul.Inputfields li.Inputfield label{
    font-weight:bold;
}

form.InputfieldForm ul.Inputfields li.Inputfield {
   margin-right:25px;
   margin-bottom:25px;
}

form.InputfieldForm span.ui-state-error {
   color: #C20000;
}