@import url(menu.css);
@import url(submenu.css);

/* Basis  -- Grau: #F0EDE8 */
html{height:100%;}
body{
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	padding:0;
	margin:0;
	text-align:center;
	background:#F0EDE8;
	color:black;
	background-image:url(../images/back.gif);
	background-repeat:repeat-y;
}
div#wrapper{
	/*min-height:100%;*/
	text-align:left;
}
div#head{
	width:762px;
	padding-top:20px;
	margin-left:230px;
	/*height:100px;
	background:url(http://www.engeltech.de/unart/images/logo.gif) no-repeat right top;*/
/*	float:left;*/
}

div#logo{margin-top:12px;padding:1px;width:90px;float:right;}

div#container{width:100%;}

div#sidebar{
	position:relative;
	margin-top:-100px;
	width:200px;
	padding:1px;
	min-height:400px;
	float:left;
	/*background-color:#ddd;*/
	}

div#inhalt{
	margin-left:230px;
	padding:1px 30px 5px 30px;
	min-height:430px;
	width:700px;
	/*background:url(http://www.engeltech.de/unart/images/inhalt-left-right.gif) left top repeat-y white ;*/
}

div#footer{
	clear:both;
	text-align:center;
	padding:5px;
	margin-left:230px;
	width:700px;
	min-height:50px;
	/*margin-top:-40px;*/
}

div#footer a{color:#000;}
div#footer a:hover{color:#ccc;}
div#footer p{color:#000;display:inline;margin:2px 20px;}

/*div#headbild{height:108px;}*/

/* FORMAT ***************************************************************************************/
div#head h1{
	position:relative;
	float:left;
	margin:0;
	margin-top:12px;
	width:660px;
	padding:0;
	line-height:100px;
	text-align:center;
	font-size:100%;
	vertical-align:middle;
	}

/* Bild über den Text im Kopf */
div#head h1 img{position:absolute;top:16px;left:0;}	

div#inhalt h2{font-size:120%;line-height:22px;vertical-align:middle;}
/*div#inhalt h2.pfeil{padding-left:26px;background:url(../images/pfeil.gif) left center no-repeat #fdfdfd;font-size:110%;line-height:20px;}*/
div#inhalt h2.pfeil{padding-left:26px;background:#fdfdfd;font-size:110%;line-height:20px;}
div#inhalt h2 a{display:block;}

div#inhalt h2.pfeil:hover {background-color:#f2f2f2;}

div#inhalt h2.titel{
	padding:3px 0;
	padding-left:26px;
	/*background:url(../images/logo-headline.gif) left center no-repeat #fff;*/
	background:#fff;
	}
/* Fliesstext_Format */
h3{margin-top:26px;}
a:visited, a, a:link{text-decoration:none;color:#993333;}
p a:visited, p a, p a:link{text-decoration:none;color:#993333;}
a:hover, p a:hover{color:#ccc;}

p, blockquote {line-height:16px;margin-top:18px;margin-bottom:18px;}
p.klein{font-size:9px;}/* für artikel-info posted */

/* Textspalten erzeugen */
p.spalte{width:50%;float:left;margin-top:0;padding-top:0;}
p.aus{float:none;}

div#related {width:90%;margin:20px auto;background:#F5F5F5;}
div#related p{font-weight:bold;margin-bottom:0;padding:10px;padding-bottom:0;}
div#related ul{list-style:none;padding-bottom:10px;}
div#related ul a{font-size:80%;}

div.excerpt {margin-left:26px;}
div.excerpt blockquote{margin-left:0;}
div.text{margin-left:26px;}

div#text hr{color:#fff;height:1px;background-color:#fff;}

/*Menu ***************************************************************************************/
div#head ul{padding:0;margin:0;margin-left:10px;}
div#head ul li{list-style-type:none;display:inline;}
div#head ul li a{
	display:block;
	float:left;
	padding:0px;
	width:114px;
	text-align:center;
	height:22px;	
	vertical-align:top;
	font-weight:bold;
	margin-top:10px;
	background:no-repeat bottom;
	}

div#head ul li a:visited, div#head ul li a, div#head ul li a:link{
	text-decoration:none;
	color:#000;
	font-style:italic;
	}
div#head ul li a:hover{background-color:#ccc}

/* Submenu ***********************************************************************************************************/
div#sidebar h2{font-size:90%;margin:0;padding-top:20px;}

div#sidebar ul#submenu {padding:0;margin:0;}
div#sidebar li#submenu {display:inline;}

div#sidebar ul#submenu a{
	display:block;
	width:210px;
	margin-left:0px;
	margin-bottom:14px;
	height:70px;
	line-height:70px;
	font-weight:bold;
	font-style:italic;
	text-indent:-999px;
}

div.clear{clear:both;}

/*div.top{background:url(http://www.engeltech.de/unart/images/inhalt-top.gif) top left no-repeat;height:30px;margin-left:234px;width:760px;}*/
div.bottom{margin-left:230px;text-align:center;clear:left;}

img.top{padding-right:65px;}

dfn{display:none;}

/*  GALERIE *******************************************************************************/

div#inhalt ul.lightbox{margin:10px;padding:10px;list-style:none;}
div#inhalt li.galerie{margin:8px;padding:5px;float:left;width:180px;height:180px;}
div#inhalt li.galerie a {color:gray;}

div#inhalt li.galerie img {border-color:gray;}
div#inhalt li.galerie a:hover img {border-color:white;}

/* Bilder im Excerpt: */
div.excerpt img{padding:5px; margin:5px; margin-left:0; border:1px solid #ccc; height:90px; vertical-align:middle;}


/* Page Break */
div#inhalt ul#pages{text-align:center;margin:20px auto;width:80%;}
div#inhalt ul#pages li{list-style-type:none;display:inline}
div#inhalt ul#pages li.pgCurrent, div#inhalt ul#pages li.pgEmpty{padding:5px;margin:3px;border:1px solid #ccc;font-size:80%;}
div#inhalt ul#pages li a{padding:5px;margin:3px;border:1px solid gray;font-size:80%;}
div#inhalt ul#pages li a:hover{background-color:#efefef;}