/* Stylesheet zu www.norbert-riemer.de                            */
/* Änderung vom 27.01.2014                                        */

* {
	margin:0px;
	padding:0px;
}
*.ausgeblendet { display:none; }
body {
	height:99%;
	width:100%;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	background-color:#800000;
	font-family:Verdana,Geneva,sans-serif;
	font-size:1em;
}
h1 { font-family:Arial;
	margin-top:1em;
	margin-bottom:1em; }
h2 { margin-top:0.7em;
	margin-bottom:0.7em;
	font-size:1.2em; }
h3 { margin-top:0.7em;
	margin-bottom:0.7em;
	font-size:1em; }
img {
	border:solid 0px;
}
a {
	color:#303050;
}
a:link { 
	color:#303050;
}
a:visited {
	color:#606080;
}
a:hover {
	color:#9090b0;
}
li a { text-decoration:none; }
li a:link { text-decoration:none; }
li a:visited { text-decoration:none; }
li a:hover { text-decoration:none; }

div#seitenrahmen { 
	width:85%;
	min-width:800px;
	max-width:1000px;
	height:99%;
	min-height:99%;
	margin:auto auto;
	margin-top:30px;
	padding:30px;
	background-color:#F8FFF8;
	-webkit-box-shadow: 20px 30px 50px #300000;
	-moz-box-shadow: 20px 30px 50px #300000;
	box-shadow: 20px 30px 50px #300000;
}
	div#kopf { 
		display:block;
		position:relative;
		text-align:left;
		vertical-align:bottom;
		width:100%;
		height:75px;
		padding:0px;
		font-family:Arial;
		background-image:url(fiximg/#.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
		span#logolinks { 
			width:49%;
			float:left;
			vertical-align:bottom;
			text-align:left;
			font-size:2.25em;
		}
		span#logorechts { 
			width:49%;
			float:right;
			vertical-align:bottom;
			text-align:right;
			font-size:2.5em;
		}
			span#logorechts span { color:rgba(255,0,0,1); 
			}
		div#kopf img {
			left:0px;
			bottom:0px;
			height:30px;
			width:100%;
		}
	ul#menu { 
		float:left;
		display:block;
		position:relative;
		text-align:center;
		line-height:45px;
		width:125px;
		list-style-type:none;
		margin:0px;
		padding:0px;
		z-index:50;
	}
		ul#menu li { 
			position:relative;
			font-size:0.9em;
			font-weight:bold;
			vertical-align:middle;
			margin:0px;
			border:solid 0px;
			background-color:#f8fff8;
			background-image:url("fiximg/linie.gif");
			background-repeat:no-repeat;
			background-position:0 0;
		}
		ul#menu li.luecke { height:23px;
		                     background-image:url("fiximg/bgv.gif");
		                     background-repeat:repeat-y;
		                     background-position:0 0; }
		ul#menu li.ende { height:32px;
		                     background-image:url("fiximg/#");
		                   text-align:left; }
			ul#menu li ul { display:none;
						position:absolute;
						top:0px;
						line-height:45px;
						width:100px;
						list-style-type:none; }
			ul#menu li:hover ul { display:block;
							  position:relative; } 
			ul#menu li ul li { position:relative;
						 height:45px;
						 font-size:0.8em;
						 font-weight:500;
						 vertical-align:middle;
						 margin:0px;
						 border:solid 0px;
						 background-color:#f8fff8;
						 background-image:url("fiximg/linie2.gif");
						 background-repeat:no-repeat;
						 background-position:0 0; }
	div.visitenkarte { 	float:right;
						position:relative;
						left:150px;
						height:175px;
						width:340px;
						margin:10px;
						font-family:Arial;
						font-size:0.8em;
						background-color:#ffeeee;
						-webkit-box-shadow: 2px 3px 4px #603030;
						-moz-box-shadow: 2px 3px 4px #603030;
						box-shadow: 2px 3px 4px #603030; }
		div.visitenkarte:before { content:url(fiximg/klammer1.png);
						  position:absolute;
						  top:-17px;
						  left:155px; }
		div.visitenkarte div.oberteil { height:108px;
									  background-color:#88aa55;
									  border-bottom:solid 5px #800000;}
			div.visitenkarte div.oberteil h2 { font-size:1.8em;
											color:#ff0000;
											text-align:right;
											padding:4px;
											margin:0px;}
			div.visitenkarte div.oberteil p { color:#ffffff;
										   font-size:1.3em;
										   text-align:center;
										   margin-top:50px; }
			div.visitenkarte div.untenlinks { float:left;
										    color:#000000;
											text-align:left;
											padding:5px; }
				div.visitenkarte div.untenlinks h2 { font-size:1.4em;
												  margin:0px;
												  margin-bottom:8px; }
				div.visitenkarte div.untenlinks p { font-size:0.8em; }
			div.visitenkarte div.untenrechts { float:right;
											 text-align:right;
											 font-size:0.8em;
											 padding:5px;}
	div.tvzettel { clear:right;
				  float:right;
				position:relative;
				left:70px;
				height:125px;
				width:200px;
				margin:10px;
				background-color:#ffffdd;
				-webkit-border-radius:6px;
				-moz-border-radius:6px;
				border-radius:6px;
				-webkit-box-shadow: 2px 3px 4px #603030;
				-moz-box-shadow: 2px 3px 4px #603030;
				box-shadow: 2px 3px 4px #603030; }
		div.tvzettel:before { content:url(fiximg/klammer1.png);
						  position:absolute;
						  top:-17px;
						  left:95px; }
	div.inhalt { position:relative;
				float:right;
				margin:0px;
				width:80%;
				text-align:left;
				padding:0px;
				z-index:40; }
		div.inhalt p, table { margin-bottom:1em; }
		div.inhalt p.einleitung, div.inhalt td.einleitung { font-size:1.1em;
														font-weight:1.5;
														margin-top:0.5em;}
		div#urlaubsmeldung { display:none;
							width: 250px;
							margin: auto;
							padding:20px;
							text-align:center;
							font-family:"Comic Sans MS";
							font-weight:bold;
							background-color:#ffffcc;
							color:#000033;
							background-image:url("fiximg/eckenschatten.png");
							background-repeat:no-repeat;
							background-position:0px 0px;
							-webkit-box-shadow: 2px 3px 4px #603030;
							-moz-box-shadow: 2px 3px 2px #603030;
							box-shadow: 2px 3px 2px #603030; }
			div#urlaubsmeldung h3 { margin-bottom:0.5em; }
img.rahmen { padding:20px;
                   border:solid 0px; }
img.rechts { float:right;
             vertical-align:baseline;
			 margin-left:10px; }
img.links { float:left;
            vertical-align:baseline;
			margin-right:10px; }
p.unterschrift { text-align:left;
                 font-style:italic;
                 z-index:10 }
div#fuss { 
	position:relative;
	bottom:0px;
	clear:both;
	width:100%;
	text-align:right;
	font-size:0.8em;
}
	div#fuss p { 
		font-size:4em;
		text-transform:uppercase;
		color:#ffffff;
		text-shadow: #D8D8E0 3px 3px 5px;
	}