/* smartJW 1200 */
/* Base element */

	html, body {

		height:100%;
	}

/*Images*/

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

/*End Images*/

/* Typo */

	p {
		font-size: 12px;
	   	margin: 5px 15px 0px 25px;         /* o r u l*/
		padding: 0;
		line-height:1.6em;
	}

	h1 {
      	font-size:24px;
		font-weight:normal;
		line-height: 1.5em;
	   	margin: 5px 15px 0px 25px;
		padding: 0;

	}

	h2 {
		font-size:20px;
		font-weight:normal;
	    	margin: 5px 15px 0px 25px;
		letter-spacing: 1px;
	}

	h3 {
  		font-size: 1.5em;
		font-weight:normal;
       	line-height: 1.5em;
	  	margin: 5px 15px 0px 25px;
		padding: 0;

	}

	h4 {

		font-size: 1.4em;
		font-weight:normal;
       	line-height: 1.5em;
	    margin: 5px 15px 0px 25px;
		padding: 0;

	}

	h5 {

		font-size: 1.2em;
       	line-height: 1.5em;
	    margin: 5px 15px 0px 25px;
		padding: 0;

	}

	h3.topic, h1.topic{
    	background:url(grafiken/organgeArrow.gif) no-repeat left;
		padding-left:25px;
	}

/* End Typography */

/* Links */

	a,	a:link,	a:active, a:visited{
		color:#bd9224;
		font-weight:bold;
		text-decoration: none;
	}

	a:hover {
		color:#666666;
		text-decoration: none;
	}

    h3.topic a,	h3.topic a:link, h3.topic a:active {
		color:#666677;
		font-weight:normal;
		text-decoration: none;
    }

    h3.topic a:hover {
		color:#bd9224;
		text-decoration: none;
	}

/* End Links */

/* End Base element */

	body {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;       /* "Century Gothic", */
		text-align: left;
		font-size:12px;
		color:#666677;
		background-color: #5c5c5c;
		background-image:url(bilder/background.jpg);
		background-attachment:fixed;
		background-repeat: no-repeat;
		background-position: top center;

	}

/*menus */

	ul#main-menu  {
	   	margin:0px;
		padding:0px 0px 0px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.0em;
	    list-style: none;
	}

	ul#main-menu li  {
		padding:0px;
		line-height:25px;
		margin: 0 10px 0 0px;
		display: block;
	}

	ul#main-menu li a{
		padding:0px;
		text-decoration:none;
		color:#64694f;
	}

	ul#main-menu li a:hover {
		padding:0px 0px 0px 15px;
		border-bottom:none;
		text-decoration:none;
		color:#d19a25;
		background: url(grafiken/link.gif) no-repeat center left;
	}

	ul#top-menu  {
 		text-align:right;
	}

	ul#base-menu  {
 		text-align:center;
	}

	ul#top-menu, ul#base-menu {
	   	margin:0px;
		padding:0 10px 0 10px;
		font-family: Arial, Helvetica, sans-serif; /* "Century Gothic", */
		font-size:1.0em;
	    list-style: none;
 	}

	ul#top-menu li, ul#base-menu li  {
		padding:0px;
		line-height:25px;
		margin: 0 10px 0 0px;
		display: inline;
	}

 	ul#top-menu li#active  {
 		padding:0px 0px 0px 15px;
 		line-height:25px;
		margin: 0 10px 0 0px;
		display: inline;
		background: url(grafiken/link.gif) no-repeat center left;
	}

	ul#top-menu li a, ul#base-menu a {
		padding:0px;
		text-decoration:none;
        color:#64694f;
		display: inline;
	}

    ul#top-menu li a:link, ul#base-menu a:link, ul#top-menu li a:visited, ul#base-menu a:visited  {
		font-weight:bold;
	}

	ul#top-menu li a:hover, ul#base-menu a:hover {
		padding:0px;
		border-bottom:none;
		text-decoration:none;
		display: inline;
		color:#ff8833;
		font-weight:bold;
	}


    ul#sub-menu  {
 		text-align:left;
	}

	ul#sub-menu {
	   	margin:0 0 0 1px;
		padding:0 0 0 0px;
		font-family: Arial, Helvetica, sans-serif; /* "Century Gothic", */
		font-size:1.0em;
	    list-style: none;
 	}

	ul#sub-menu li {
 		padding:0px 0px 0px 0px;
		line-height:25px;
		margin: 0px;
		display: block;
	}

	ul#sub-menu li a {
 		padding:0px 0px 0px 10px;
		text-decoration:none;
		display: Block;
		color:#000;
        /*color:#64694f;  */

	}

    ul#sub-menu li#active{
		padding:0px 0px 0px 5px;
		text-decoration:none;
		display: Block;
		color:#000;
		background-color:#ddeedd;
		border-left:5px solid #3333aa;
	}

	ul#sub-menu li a:hover {
 		padding:0px 0px 0px 5px;
		text-decoration:none;
		display: Block;
		color:#000;
		background-color:#ddeedd;
		border-left:5px solid #ff8844;
	}

/*End menus */

/*Container*/
 	.container {
		margin:0 auto;    /* horizontale Zentrierung*/
		width:1200px;
		padding:0px 0px 0px 0px;
	}

	#Header {
		margin:0 auto;    /* horizontale Zentrierung*/
		width:1260px;
		padding:10px 0px 0px 0px;
		background-image:url(grafiken/shadowHeader1260.png);
		background-position: bottom;
		background-repeat: no-repeat;
	}

	#Menu {
		margin:0 auto;    /* horizontale Zentrierung*/
		width:1260px;
		padding:0px 0px 0px 0px;
		background-image:url(grafiken/shadowContent1260.png);
	}

	#Content {
		margin:0 auto;    /* horizontale Zentrierung*/
		width:1260px;
		padding:0px 0px 0px 0px;
		background-image:url(grafiken/shadowContent1260.png);
	}

	#Footer {
		margin:0 auto;    /* horizontale Zentrierung*/
		width:1260px;
		height:50px;
		padding:0px 0px 0px 0px;
		background-image:url(grafiken/shadowFooter1260.png);
		background-position: top;
		background-repeat: no-repeat;
	}

	#roof {
		margin:0;
		height:13px;
		overflow:hidden;
	}

	#headline {
		padding: 5px 0px 0px 0px;
		vertical-align:top;
		background-color:#FFF;
		height:55px;
		overflow:hidden;
	}

	#headline img{
		width:1200px;
	}

	#headlineText {
		position:absolute;
		margin:25px 0px 0px 270px;
		color:#bfbfcf;
	}

	#base {
		clear:both;
   		height:13px;
    		overflow:hidden;
	}

	#base img {
	    	margin-top: -13px;
	}


	.footline {
		margin: 0px;
	}

	.footline p {
		font-size: 12px;
	    margin: 0px 15px 0px 15px;         /* o r u l*/
		padding: 0;
		line-height:1.2em;
	}

/*End Container */

/*Content*/


    .Block {
		float:left;
		display:inline;
		background-color:#FFF;
		overflow:hidden;
	}

    .RBlock {
		float:right;
		display:inline;
		background-color:#FFF;
		overflow:hidden;
	}

    .halfTransBlock {
		float:left;
		display:inline;
		background:url(grafiken/halftrans.png);
		overflow:hidden;
	}

    .Block img#Banner{
          width:1200px;
	}

	.fullBlock {
		clear:both;
        display:inline-block;
		width:1200px;
		background-color:#FFF;
		overflow:hidden;
	}

    .fullBlock img#Banner{
		width: 1200px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

    .halfBlock {
		float:left;
		display:inline;
		width: 600px;
		height: auto;
		background-color:#FFF;
		overflow:hidden;
		border: none;
	}

    .tripleBlock {
		float:left;
		display:inline;
		width:720px;
		background-color:#FFF;
		overflow:hidden;
		border: none;
	}


    .doubleBlock {
		float:left;
		display:inline;
		width:480px;
		background-color:#FFF;
		overflow:hidden;
	}

    .littleBlock {
		float:left;
		display:inline;
		width:120px;
		background-color:#FFF;
	}

	.lightBlock {
		float:left;
		display:inline;
		width:150px;
		background-color:#FFF;
	}

    .smallBlock {
		float:left;
		display:inline;
		width:240px;
		background-color:#FFF;
	}

    .thirdBlock {
		float:left;
		display:inline;
		width:400px;
		background-color:#FFF;
	}

    .quaterBlock {
		float:left;
		display:inline;
		width:300px;
		background-color:#FFF;
	}

    .sixthBlock {
		float:left;
		display:inline;
		width:200px;
		background-color:#FFF;
	}

    .menuBlock {
		float:left;
		display:inline;
		width:150px;
		background-color:#FFF;
	}

    .mainBlock {
		float:left;
		display:inline;
		width:570px;
		background-color:#FFF;
	}

	.doubleBlock img.BlockImage {
		width: 440px;
		height: auto;
		padding: 0px 0px 0px 15px;
	}

   	.halfBlock img.BlockImage {
		width: 560px;
		height: auto;
		padding: 0px 0px 0px 15px;
	}

	.tripleBlock img.BlockImage {
		width: 680px;
		height: auto;
		padding: 0px 0px 0px 15px;
	}

	.smallBlock img.BlockImage {
		width: 210px;
		height: auto;
		padding: 0px 0px 0px 15px;
	}

    .quaterBlock img.BlockImage {
   		width: 270px;
		height: auto;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 15px;
		border: 2px solid #888888;
	}

    .thirdBlock img.BlockImage {
	    width:400px;
   		height: auto;
		padding: 0px 0px 0px 0px;
	}

    .thirdBlock p img.BlockImage{
	    width:360px;
   		height: auto;
		padding: 0px 0px 0px 0px;
	}

	.galerie{
    	height: 180px;
	}

	.galerie img {
		width: 210px;
		height: auto;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 15px;
		border: 2px solid #888888;
	}

	.blockInlay{
		padding: 5px 5px 5px 5px;
	}

	.flagBox{
		width:20px;
		height:20px;
		margin:6px 20px 0px 20px;
		overflow:hidden;
		float:left;
		/* formel= 28x 28y */
	}

 /*Banner*/
	#BannerText{
 		position:absolute;
	}

	#BannerText h1,#BannerText h2, #BannerText h3, #BannerText h4, #BannerText p {
		color:#FFF;
		padding: 0;
	}

    #BannerText h1.fcBlack ,#BannerText h2.fcBlack, #BannerText h3.fcBlack, #BannerText h4.fcBlack, #BannerText p.fcBlack {
		color:#000;
		padding: 0;
	}

    #BannerText h1 {
		font-size:30px;
		line-height:1.0em;
        margin: 30px 0px 0px 15px;         /* o r u l*/
 	}

    #BannerText h2 {
        margin: 5px 0px 0px 15px;         /* o r u l*/
 	}

    #BannerText p {
	  	font-size:16px;
		line-height:1.3em;
		margin: 15px 0px 0px 15px;         /* o r u l*/
 	}
/* END Banner*/

/* Movies*/

	#contactRoller{
    	width:210px;
		height:38px;
	}

	#intro{
    	width:1200px;
		height:300px;
	}

    #intro img{
    	width:1200px;
		height:300px;
	}

/* END Movies*/

/*AbsatzKontrolle*/

	.smallBlock p {
   		text-align:justify;
		margin-left:15px;
	}

 	.p10 {
		font-size: 10px;
	 }

 	.p12 {
		font-size: 12px;
	 }

    .p14 {
		font-size: 14px;
	 }

 	.p16 {
		font-size: 16px;
	 }

    .p18 {
		font-size: 18px;
	 }

   	.p20 {
		font-size: 20px;
	 }


/*AbstandKontrolle*/
	.left20 {
		margin-left: 20px;
	}

	.left25 {
		margin-left: 25px;
	}

	.left30 {
		margin-left: 30px;
	}


/*End Content*/

/*Formulare*/
	.Formular {
	}

	.Formular .caption , .Admin_Formular .caption{
		padding-left:25px;
		font-size:16px;
		font-weight:normal;
		letter-spacing: 1px;
		vertical-align: top;
		line-height:25px;
	}
    .Formular .inputField , .Admin_Formular .inputField{
		padding-left:25px;
	}

	.Formular .textField , .Admin_Formular .textField{
	    padding-left:5px;
		background-color:#fff;
		color:#666;
		border:1px solid #bbb;
		width:300px;
	}

	.Formular .button {

	}

	.Formular textarea{
		font-family:  Arial, Helvetica, sans-serif;       /* "Century Gothic", */
	    padding-left:5px;
	 	padding-right:5px;
		background-color:#fff;
		color:#666;
		border:1px solid #bbb;

		width:295px;
		height:200px;
		max-width:295px;
		max-height:200px;

	}

   	.Admin_Formular textarea{
		font-family:  Arial, Helvetica, sans-serif;       /* "Century Gothic", */
        font-size: 11px;
		padding-left:5px;
	 	padding-right:5px;
		background-color:#fff;
		color:#666;
		border:1px solid #bbb;

		width:500px;
		height:200px;
		max-width:750px;
		max-height:400px;

	}
/*End Formulare*/

/*Gästebuch*/
	.Gaestebuch {
   		width:100%;
		margin-bottom:10px;
	    padding-left:5px;
		border-collapse:collapse;
		border: 1px solid #bfbfbf;
		background-color:#efefef;
  		font-size: 14px;
		font-family:arial, helvetia;
	}
	.Gaestebuch thead{
		background-color:#eeeecc;
	}
	.Gaestebuch tbody{
		background-color:#eeffee;
		height:50px
	}
	.Gaestebuch tfoot{
		background-color:#eeeecc;
	}
/*End Gästebuch*/

/*Error Handling*/

	p.errBar {
		height:35px;
		padding: 10px 0px 10px 60px;
		font-size:12px;
		color:#CC0000;
		background-color:rgb(249,240,195);
		background-image:url(grafiken/error.gif);
		background-position: 10px 10px;
		background-repeat: no-repeat;
	}

	p.errText{
		margin:0;
		padding:0;
		font-size:11px;
		color:#CC0000;
	}

/*End Error Handling*/

/* MessageBar */
	p.newsBar {
		height:25px;
		padding: 0px 0px 0px 25px;
		font-size:14px;
		color:#fff;
		background-color:rgb(100,100,100);
	    /*background-image:url(grafiken/news.gif);*/
		background-position: 20px 10px;
		background-repeat: no-repeat;
	}
/* END MessageBar */

/*Tools*/

    .clear{
	   	clear:both;
	}

    .transparent{
    	background-color:transparent;
	}

    .nopad {
    	margin:0;
		padding:0;
	}

	.fcBlack{
    	color:#000000;
	}

	.fcWhite{
    	color:#ffffff;
	}

    .fcGrey{
    	color:#888888;
	}

    .fcOrange{
    	/* color:#FF9000; */
		color:#cc6000;
	}

    .fcGreen{
    	color:#00aa00;
	}

	.hide{
    	display:none;
	}

   	.right{
    	text-align:right;
	}

   	.left{
    	text-align:left;
	}

	.justify{
		text-align:justify;
	}