/*******************************************************************************
 * LICHTQUELL.DE
 * REDESIGN 2011
 * main styles
 *
 * @version $Id: lichtquell.css 73 2011-11-06 12:43:17Z mw $
 * @copyright 2004-2011, Michael Wegner
 * @Stand: $Date: 2011-11-06 13:43:17 +0100 (So, 06. Nov 2011) $
 ******************************************************************************/




/****************************/


body {
	font-family: /*"Lucida Grande","Trebuchet MS",*/
	/* "Trebuchet MS",Arial,sans-serif; */

	Verdana, Verdana, Geneva, sans-serif,
	serif;
	line-height:1.3em;

	background:url(/pics/background.jpg) no-repeat fixed;

	padding-bottom:80px;
	margin-bottom:80px;
	}






/**************      KOPF      **************/

#head {
	position:fixed;
	left:0; top: 0;

	width:100%;
	height:140px; /* 70 */
	/*border-bottom: 4px solid white; */


	background:url(/pics/fullhead.jpg) no-repeat bottom left;
	z-index:10;
	}




@media print {
#head { display:none; height:0 !important; margin:0 !important;}
#container { width:100%; left:0; top:0;}
#menucontainer { display:none; width:2.5cm; margin:0;}
#page {
	width:90% !important;
	}

}

@media screen, handheld {
#container {
	width: 1200px;
	min-height:560px;
	background:none;

	position:absolute;
	top:0;
	left:5px;

	margin: 0;


	border: none; /*1px solid red; /*none; /* 2px solid silver; */

	overflow:visible;
	}
}









/**************      MENU       **************/


@media screen, handheld {
	div#menucontainer {
		position:relative;

		width:150px;
		min-height:600px;

		padding-top:180px;

		/* border: 1px solid green; */

		float:left;
		z-index:5;
		}
	} /* media screen */





div.menu {
	background:white;
	width:150px;

	border: none; /* 1px solid blue; */

	-moz-border-radius: 6px;
	margin-bottom:20px;
	}


	.menu h1 {
		/*background:#400;*/
		color:#d82400; /*#d82400;*/
		padding:0 4px;
		font-size: 10pt;
		/* font-weight:normal !important; */
		margin:0;
		border-bottom: 1px solid #d82400; /*#d82400;*/
		text-align:center;
		}

	.menu ul {
		list-style-type: none;
		margin:0;
		padding:0;
		}
	.menu li {
		font-size:10pt;
		margin:0;
		}


	.menu a {
		color: #444;
		display:block;
		padding-left:4px;
		}

	.menu a:hover {
		background: #444;
		color:white;
		display:block;
		text-decoration:none !important;
		}

		.menu a.active { font-weight: bold; color: #d82400 !important; }










/**************      UNTERMENU       **************/

div#submenu {
	position:relative;
	margin: 155px 0 0 30px;

	float:left;
	z-index:5;

	width:150px;
	min-height:150px;

	/* padding-top:180px;*/

	background:white;

	border: none;


	-moz-border-radius: 6px;
	}

	#submenu h1 {
		color:#444;
		padding:0 4px;
		font-size: 10pt;
		margin:0;
		border-bottom: 1px solid #444;
		text-align:center;
		}

	#submenu ul {
		list-style-type: none;
		margin:0;
		padding:0;
		}
	#submenu li {
		font-size:10pt;
		margin:0;
		}


	#submenu a {
		color: #444;
		display:block;
		padding-left:4px;
		}

	#submenu a:hover {
		background: #444;
		color:white;
		display:block;
		text-decoration:none !important;
		}

		#submenu a.active { font-weight: bold; color: #d82400 !important; }








/**************      SEITE       **************/



div#page {
	position:relative;
	margin: 145px 0 0 30px;
	padding:24px 40px 96px 40px;
	padding-bottom:96px;
	float:left;


/*	width: über class variabel! */

	background:white;

	min-height:500px;
	overflow:visible;

	padding: 20px 40px 40px;


	-moz-border-radius: 12px;
	border-radius: 12px;

	z-index:5;
	}


	#page.default { width: 760px; }

	#page.portrait { width: 760px; }

		#page.portrait p {
			text-align: justify;
			text-indent: 1em;
			}


		#page.portrait q {
			color:#d82400;
			display:block;
			text-align:center;
			}


	#page h1 {
		font-size:14pt;
/*margin-top: 1em !important;*/
		background: #d82400 url(/pics/layout/h1.png) repeat-x;
		color:white !important;
		padding: 3pt 3pt;
		}

	#page h2 {
		font-size:13pt;
		color:#666;
		margin-top:0;
		}
	#page h3 {
		font-size:12pt;
		color:#d82400;
		}

	#page h4 {
		font-size:12pt;
		color: #d82400;
		}

	#page p {
		font-family:"Trebuchet MS",Arial,sans-serif;
		line-height:1.5em;
		/*letter-spacing:0.01em;*/
		font-size:11pt;
		text-align:left;
		color:#444;
		}

	#page p.indent { text-indent:20px; }


	#page table {
		font-family:"Trebuchet MS",Arial,sans-serif;
		font-size:11pt; }

	#page td { color:#444; }


p.backto ,
	#page p.fuss {
		margin-top:48px;
		padding:2px 36px 5px 5px;
		border-top: 1px dotted #444;
		/*width:33%;*/
		display:inline;
		font-size:9pt !important;
		bottom:0;
		position:absolute;
		}

p.backto > a ,
		#page p.fuss > a {
			background: url("/pics/icons/back.png") no-repeat scroll 0 0 transparent;
			padding: 0px 5px 0px 12px; }

		#page p.fuss > a:hover {
		  background: url("/pics/icons/back1.png") no-repeat scroll 0 0 #D82400;
		  color: #FFFFFF;
		  text-decoration: none !important;
			}

/*
p.backto {
			background: url("/pics/icons/back.png") no-repeat scroll 0 0 transparent;
			padding: 0px 5px 0px 12px;
			font-size:8pt !important;
			}
*/


p.fusszeile {
	font-size:9pt !important;
	width: 300px;
	border-top:1px solid silver;
	color:silver;
	}


p.quelle {
	font-size:9pt !important;
	text-align:right !important;
	}















/**************      FOOTER - just to get more distance... ;-)        **************/

div#foot {
	position:relative;
	clear:both;
	width:80%;
	margin: 40px 0;

	z-index:5;

	height:40px !important;
	}



/**************                     diverses                     **************/




div.admin { border: 1px dotted silver;
	border-radius:5px;
	background:#f0f0f0;
	padding:8px;

/*	display:inline;
	float:right;
*/
	z-index:40;
	position:absolute !important;
	right:40px;
	}


div.admin a > img {
	margin: 0 12px;
	}

div.admin a:hover {
	background:#d82400;
	}





/**************      commmon       **************/


a { color:#d82400; text-decoration:none; }
a:hover { /*background:#825627; color:#3f2b2d; */ text-decoration: underline; }

a > img { border:none; vertical-align:middle;}


a.link {
	text-decoration: none;
	/* color: #1156ba; blau */
	color:#d82400;
	border: none;
	white-space:nowrap;
	}

	a:hover.link {
		color: #3f2b2d;
		border-bottom: 1px dotted #825627;
		}

	a.link > img { margin-right:4px; }


	a.link img.lang { margin-left:5px; }



a.zoom, img.zoom {
	cursor: url("/media/lupe.cur"), pointer !important;
	}

td { vertical-align:top; }

.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.block, .justify { text-align: justify !important; }

.small { font-size:9pt !important; }

.topmargin { margin-top: 2.5em !important; }


img.right {
    float: right;
    margin: 4px 0 10px 16px;
}
img.left {
    float: left;
    margin: 4px 16px 10px 0;
}



.red { color: #d82400 !important }

p.note {
	font-size:9pt !important;
	text-align:justify;
	border-top:1px dotted silver;
	}



/* Permalink */
h1  > a > img.permalink  {
	float:right;
	text-align:right;
	}


p.permalink {
	width:45%;
	display:block;
	float:right;
	position:relative;
	right:0;
	margin-top:42px;
	padding-left:24px;
	background:url(/pics/icons/permalink.png) no-repeat;
	color:#888 !important;
	font-size:9pt !important;
	border-top:1px dotted silver;
	font-style:italic;
	}

	p.permalink a { color:#888 !important; font-style:normal !important;}

@media print {
  .dontprint { position:absolute; width:1px; height:1px; overflow:hidden; color:white; background:white; display:none; }
  .printonly { color:black; background-color:white; }
	}


@media screen, handheld {
	}