body {
    /*background-color: #6d7179;*/
	/*background-color: rgb(180,180,180);*/
	background-color: rgb(230,230,230);
    margin:0px;
  }


  #page
  {
   width:950px;
   margin-left:auto;
   margin-right:auto;
   background-color:white;
   -moz-box-shadow:0px 0px 3px 3px rgb(180,180,180);
   -webkit-box-shadow:0px 0px 3px 3px rgb(180,180,180);
   box-shadow:0px 0px 3px 3px rgb(180,180,180);
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
  }

  #banner
  {
	height:153px;
  }

  #content
  {
  	background-image:url("res/usr/common/images/kroatien2019/content-background.jpg");
  	background-position:bottom center;
  	background-repeat:no-repeat;
  	padding-bottom:400px;
	min-height:240px;
  }

  #footer
  {
    height: 18px;
    background-image:url("res/usr/common/images/menu-bg.png");
    padding-top: 6px;
    font-size: 10px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    text-align:center;

	/*width:950px;*/
  }

  #fuedit
  {
  	margin:20px;
  	margin-left:40px;
  	padding-bottom:30px;
  }


td.head{
        background-color:rgb(200,200,200);
        border-width:1px;
        border-style:solid;
        padding-right:4px;
        padding-left:4px;
        empty-cells:show;
        font-weight:bold;
        font-size:14px;
}

td.weeknum
{
        background-color:rgb(200,200,200);
        border-width:1px;
        border-style:solid;
        padding-right:4px;
        padding-left:4px;
        empty-cells:show;

}

td.jugend
{
        background-color:rgb(230,230,230);
        border-width:1px;
        border-style:solid;
        padding-right:4px;
        padding-left:4px;
        empty-cells:show;
}

td.mak
{
        background-color:rgb(200,150,150);
        border-width:1px;
        border-style:solid;
        padding-right:4px;
        padding-left:4px;
}



input.login
{

	background-color:rgb(255,255,255);
}

tr.menuentry
{
	color:#315F93;
	background-color:transparent;
}



/* Anmeldung */

table#stepbar
{

}

table#stepbar td
{
	width:31px;
	height:48px;
	padding-left:16px;

	font-size:16px;
	font-family:'arial';
	font-weight:bold;
	color:grey;

}
table#stepbar td.start
{
	background-image:url("res/usr/common/images/stepbar1a.jpg");
	width:22px;
	padding:0px;
}

table#stepbar td.start-glow
{
	background-image:url("res/usr/common/images/stepbar1b.jpg");
	width:22px;
	padding:0px;
}

table#stepbar td.complete
{
	background-image:url("res/usr/common/images/stepbar2.jpg");
	color:rgb(100,100,100);
}

table#stepbar td.complete-glownext
{
	background-image:url("res/usr/common/images/stepbar3.jpg");
	color:rgb(100,100,100);

}
table#stepbar td.current
{
	background-image:url("res/usr/common/images/stepbar4.jpg");
	color:black;
}
table#stepbar td.preview-glowbefore
{
	background-image:url("res/usr/common/images/stepbar5a.jpg");
}

table#stepbar td.preview
{
	background-image:url("res/usr/common/images/stepbar6.jpg");
}


table#stepbar td.preview-finish
{
	background-image:url("res/usr/common/images/stepbar7a.jpg");
}
table#stepbar td.preview-finish-glowbefore
{
	background-image:url("res/usr/common/images/stepbar5b.jpg");
}


table#stepbar td.current-finish
{
	background-image:url("res/usr/common/images/stepbar7b.jpg");
	color:black;
}

div.form
{
	border:1px solid rgb(150,150,150);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:472px;
	margin-top:20px;
	min-height:180px;
	padding-bottom:15px;
	background-color:rgb(240,240,248);
	background-color:rgba(0,0,0,0);

	-webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);


	background-image: -o-linear-gradient(60% bottom, rgba(223,232,240,0.8) 0%, rgba(236,245,223,0.8) 50%, rgba(242,244,247,0.8) 75%);
	background-image: -moz-linear-gradient(60% bottom, rgba(223,232,240,0.8) 0%, rgba(236,245,223,0.8) 50%, rgba(242,244,247,0.8) 75%);
	background-image: -webkit-gradient(linear, 0% 18%, 6% 100%, from(rgba(242,244,247,0.8)), to(rgba(223,232,240,0.5)));

	background-image: -ms-linear-gradient(60% bottom, rgba(223,232,240,0.8) 0%, rgba(236,245,223,0.8) 50%, rgba(242,244,247,0.8) 75%);
	background-image: linear-gradient(60% bottom, rgba(223,232,240,0.8) 0%, rgba(236,245,223,0.8) 50%, rgba(242,244,247,0.8) 75%);


}

div.formbackground
{
	background-image:url("res/usr/common/images/form-b.jpg");
	width:492px;
	min-height:180px;
	margin-top:-3px;


}

table#anmeldung
{

	margin-left:10px;
	padding-top:10px;
	width:450px;
}

table#anmeldung td.description
{
	text-align:right;

}

table#anmeldung td.field
{

}

table#anmeldung td.field input
{
	border: 1px solid rgb(90,116,195);
	padding:1px;
}
table#anmeldung td.field input:focus
{
	border: 1px solid rgb(90,116,195);
	background-color:rgb(230,240,255);
	padding:1px;
}

table#anmeldung td.fielderror input
{
	border: 1px solid rgb(255,80,80);
	background-color:rgb(255,230,230);
	padding:1px;
}
table#anmeldung td.fielderror select
{
	border: 1px solid rgb(255,80,80);
	background-color:rgb(255,230,230);
}

table.preis td.description
{
	width:170px;
	padding:2px;
}

table.preis td.money, table.preis td.money-minus
{
	padding:2px;
	text-align:right;
}
table.preis td.money-minus
{
	color:red;
}

div#helptext
{
	/*background-image:url("res/usr/common/images/form-help.jpg");*/
	border:1px solid rgb(150,150,150);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:rgb(250,250,220);
	background-color:rgba(0,0,0,0);


	background-image: -o-linear-gradient(60% bottom, rgba(250,250,165,0.8) 24%, rgba(255,251,173,0.8) 62%, rgba(245,247,212,0.8) 94%);
	background-image: -moz-linear-gradient(60% bottom, rgba(250,250,165,0.8) 24%, rgba(255,251,173,0.8) 62%, rgba(245,247,212,0.8) 94%);
	background-image: -webkit-linear-gradient(60% bottom, rgba(250,250,165,0.8) 24%, rgba(255,251,173,0.8) 62%, rgba(245,247,212,0.8) 94%);
	background-image: -webkit-gradient(linear, 0% 18%, 6% 100%, from(rgba(245,247,212,0.8)), to(rgba(250,250,165,0.8)));
	background-image: -ms-linear-gradient(60% bottom, rgba(250,250,165,0.8) 24%, rgba(255,251,173,0.8) 62%, rgba(245,247,212,0.8) 94%);
	background-image: linear-gradient(60% bottom, rgba(250,250,165,0.8) 24%, rgba(255,251,173,0.8) 62%, rgba(245,247,212,0.8) 94%);

	-webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);

	width:198px;
	height:220px;
	position:absolute;
	/*top:20px;
	left:30px;*/
	margin-left:486px;
	margin-top:20px;
	padding-left:15px;
	padding-top:8px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat:no-repeat;

}

div#helptextcontent
{
	width:150px;
    text-align: left;
	margin-top:5px;
}

/* The Error text, if a field is errornous */
div#helptextcontent span
{
	color:red;
	font-weight:bold;
}

img#helpicon
{
	position:absolute;
	/*top:20px;
	left:30px;*/
	margin-left:650px;
	margin-top:28px;
}


div.agb
{
	font-family:'arial';
	font-size:12px;


}
div.agb h1
{
	font-size:13px;
}





table.freizeituserlist, table.freizeitemaillist
{
	border-spacing:0px;
	border-collapse:collapse;

}

table.freizeituserlist th, table.freizeitemaillist th
{
	background-color:rgb(230,230,230);
	border:1px solid black;
}


table.freizeituserlist td, table.freizeitemaillist td
{
	border:1px solid black;
	margin:0px;
}


table.freizeitemaillist
{
	margin:2px;
	margin-top:5px;
}
table.freizeitemaillist th
{
	font-size:12px;

}
table.freizeitemaillist td
{
	padding-left:2px;
	padding-right:2px;
}




table.ueberweisungen
{
	border-collapse:collapse;
	width:320px;
}

table.ueberweisungen td
{
	border:1px solid black;
}


table.ueberweisungen th
{
	border:1px solid black;
	background-color:rgb(230,230,230);
	font-family:'arial';
	font-size:12px;
}

table#newsletter h2
{
	color:#CA2B41;
	background-image:url("res/usr/common/images/ungarn-h2.png");
	background-repeat:no-repeat;
	padding-left:40px;
	height:24px;
	margin-top:25px;
	margin-bottom:5px;
}
table#newsletter h3
{
	margin-bottom:0px;
}
table#newsletter p
{
	margin-top:0px;
	margin-bottom:5px;

}


/**
 *
 * Additional IE-specific topmenu styles are in userlayout.inc.php:userHeadAdd()!!
 *
 */
#topmenu {
      width:100%;
      background:#DAE0D2 url("res/usr/common/images/topmenu_background.png") repeat-x bottom;
      font-size:92%;
      line-height:normal;
      height:32px;
      }
    #topmenu ul {
      margin:0;
      padding:0px 40px 0;
      list-style:none;
      padding-top:8px;
      }
    #topmenu li {
      float:left;
      margin:0;
      padding:0;
      margin-right:14px;


		-moz-border-radius:6px 6px 0px 0px;
		-webkit-border-radius:6px 6px 0px 0px;
		border-radius:6px 6px 0px 0px;
		/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
		-moz-box-shadow:0px -2px 2px #a8a8a5;
		-webkit-box-shadow:0px -2px 2px #a8a8a5;
		box-shadow:0px -2px 2px #a8a8a5;
		/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
		background-image: -moz-linear-gradient(top, #ebe9e3, #ffffff);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ebe9e3), to(#ffffff));
		background-image: -o-linear-gradient(top, #ebe9e3, #ffffff);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe9e3', endColorstr='#ffffff');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe9e3', endColorstr='#ffffff')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: linear-gradient(top, #ebe9e3, #ffffff);

		bottom-border: 1px solid red;






      }
    #topmenu a {
      float:left;
      display:block;
      width:.1em;
      padding:5px 15px 5px 15px;
      text-decoration:none;
      font-weight:bold;
      color:black;
      font-size:11px;
      white-space:nowrap;
      line-height:13px;
      }
    #topmenu > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a {float:none;}
    /* End IE5-Mac hack */
    #topmenu a:hover {
      color:#333;
      }
    .index #nav-index, .news #nav-news,
    .what #nav-what, .how #nav-how,
    .register #nav-register
    { /* active li style */

		background-image: -moz-linear-gradient(top, #E5333F, #ffffff);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#E5333F), to(#ffffff));
		background-image: -o-linear-gradient(top, #E5333F, #ffffff);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5333F', endColorstr='#ffffff');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5333F', endColorstr='#ffffff')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: linear-gradient(top, #E5333F, #ffffff);





      }
    .index #nav-index a, .news #nav-news a,
    .what #nav-what a, .how #nav-how a,
    .register #nav-register a {
      padding-bottom:6px;
      color:#333;
      }
    #topmenu li:hover, #topmenu li:hover a {
      color:#E5333F;
      }
    #topmenu li:hover a {
      }




/* StepBar CSS */

.step
{
	float:left;
	width:30px;
	height:23px;
	border: 2px solid white;
	border-radius:16px;
	text-align:center;
	padding-top:7px;
	margin-right:8px;
	box-shadow: 0px 0px 2px rgb(100,100,100);
	-moz-box-shadow: 0px 0px 2px rgb(100,100,100);
	-webkit-box-shadow: 0px 0px 2px rgb(100,100,100);
	-o-box-shadow: 0px 0px 2px rgb(100,100,100);
	background-color:rgb(240,240,240);
	font-weight:bold;
}

.step.active
{
	background-color:#E5333F;
	color:white;
}

.step.done
{
	background-color:rgb(220,220,220);
}

.step-line
{
	float:left;
	width:100px;
	height:0px;
	border-top:1px solid rgb(210,210,210);
	border-bottom:1px solid rgb(240,240,240);
	margin-right:8px;
	margin-top:16px;
}

.step a
{
	color:#E10F40;
}

.step a:hover
{
	text-decoration:none;
	color:#FF4F89;
}

div.big
{
    font-size:200%;
    font-weight: bold;
}