/* Stylesheet zu www.eckel-architekt.de                            */
/* Änderung vom 22.09.2014                                        */

* { margin:0px;
    padding:0px; }
body { height:99%;
       width:100%;
       text-align:center;
       vertical-align:middle;
       margin:auto;
	   background-color:#666665;
	   color:#ccccbb;
       font-family:Verdana;
       font-size:1em; }

figure { width:60%; 
		max-width:100%;
		height:auto;
		margin:auto;
		text-align:center;
        vertical-align:baseline; }
	figcaption { text-align:left;
				font-size:0.7em; }
figure.vert { width: 49%;
			margin-bottom:15px;
            vertical-align:baseline; }
figure.vertlinks { float:left;
					width: 49.5%;
					margin-bottom:15px;
					vertical-align:baseline; }
figure.vertrechts { float:right;
					width: 49.5%;
					margin-bottom:15px;
					vertical-align:baseline; }
img { 	width:100%;
		margin:0px;
		-webkit-box-shadow: 0px 0px 7px #333322;
		-moz-box-shadow: 0px 0px 7px #333322;
		box-shadow: 0px 0px 7px #333322; }
			div.buchfeldlinks { width:59%;
								float:left;
								margin-right:7px;
								text-align:right;
								margin-bottom:25px; }
				div.buchfeldlinks img { float:left;
										width:60%;
										margin-right:7px;}
			div.buchfeldrechts { width:39%;
								float:right;
								margin-left:7px;
								text-align:left;
								margin-bottom:25px; }
				div.buchfeldrechts img { float:right;
										width:45%;
										margin-left:7px; }
img.rechts { float:right;
			margin-left:15px;
             vertical-align:baseline; }
img.links { float:left;
			margin-right:15px;
			margin-bottom:15px;
            vertical-align:baseline;
			width:25%; }

h2 { font-size:1.2em;
	margin-bottom:0.8em; }
p { width:100%;
	margin:auto;
	margin-bottom:1.5em; }
table { border:solid 0px;
        border-collapse:collapse; }
th, td { border:solid 1px;
         text-align:left;
         padding:2px;
         padding-left:5px;
         padding-right:5px; }

a { text-decoration:none; }
a:link { text-decoration:none;
			color:#ccccbb;}
a:visited { text-decoration:none;
			color:#bbbbaa; }
a:hover { text-decoration:none;
			color:#ddddcc; }

div#seitenrahmen { width:85%;
                   min-width:900px;
                   height:99%;
                   margin:auto auto;
	           padding:3%; }
	div#logo { display:block;
	           position:relative;
			   clear:both;
	           font-family:"Arial Narrow";
			   font-size:1.8em;
			   text-transform:uppercase;
			   color:#666666;
			   text-shadow:#ccccbb 0px 0px 5px;
			   margin:auto;
	           width:100%;
	           height:75px;
			   text-align:left;
	           vertical-align:bottom;
	           z-index:99; }
	ul.menue { display:inline;
	           position:relative;
	           text-align:left;
			   height:60px;
	           width:100%;
			   min-width:900px;
	           list-style-type:none;
	           z-index:100; }
		ul.menue li {  width:19%;
					padding:5px;
					padding-right:4px;
					float:left;
		            font-weight:bold;
					-webkit-border-radius:14px;
					-moz-border-radius:14px;
					border-radius:14px;}
			ul.menue li p { display:none;
			            position:absolute;
			            top:5px;
						left:5px;
						width:250px;
						font-family:Arial;
						font-weight:normal;
						text-align:left;
						color:#999999;
						z-index:10; }
			ul.menue li:hover p { display:none; }
			ul.menue li:hover { 	-webkit-box-shadow: 0px 0px 8px #ccccbb;
								-moz-box-shadow: 0px 0px 8px #ccccbb;
								box-shadow: 0px 0px 8px #ccccbb; }
			ul.menue li a { display:block;
		                text-align:center; }
		ul#standardmenue {	position:absolute;
							bottom:0px;
							display:inline;
							position:relative;
							list-style-type:none; }
			ul#standardmenue li#impressum { position:relative;
								top:0px;
								text-align:center;
								vertical-align:bottom;
								font-size:0.8em;
								z-index:98; }
				ul#standardmenue li#impressum p { display:none;
									top:0px;
									left:0px;
									display:block;
									margin:auto; }
		.inhalt { position:relative;
				 width:100%;
				 height:100%;
	             text-align:center;
	             margin-top:5em; }
			blockquote { font-style:italic;
						margin-left:50px;
						margin-top:2em;
						margin-right:50px;
						margin-bottom:2em; }
		div.textbereich { margin:0px;
		                  padding:20px;
		                  right:0px;
		                  border:solid 1px; }
p.unterschrift { text-align:left;
                 font-style:italic;
                 z-index:10 }
div#fussnote { clear:both;
			 text-align:right;
             font-size:0.8em; }