/*
leuenhall css-template
verwendete farben:
	braun 	text				#221a06
	sand		wrapper2, bg	#b58442
	
padding angaben erfolgen in der reihenfolge:
oben, rechts, unten,   links 
bsp padding: -2px -5px -20px 0px;	
*/


body {
	font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color:#221a06;
	/* original color #888 */
	margin:0;
	background:url(../images/bg.jpg) top repeat #121212;
	background-attachment:fixed;
}

* {
	margin:0;
	padding:0;
}

/* erste außenumrandung in abgrenzung zum seitenbackground */
#wrapper1 {
	background:#1e1e1e; /*org grau: #1e1e1e;*/
	padding:10px 10px 10px 10px;
	width:760px;
	margin:0 auto;
}

/* zweite außenumrandung, sandfarben, einbettung für den content */
#wrapper2 {
	width:740px;
	background: #b58442;
	margin-bottom:1px;
	border-left:1px solid #b08244;
	border-right:1px solid #b08244;
	border-bottom:1px solid #b08244;
	padding:10px 10px 10px 10px;
}


/*
****************************************************************
 galery css */


#mainCenter {
	height:100%;
}

#titleframe {
	width: 100%;
	/*height: 92px;*/
	background-color: #CCCCCC;
	
}

#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

a 			{ color: #000; text-decoration: none; font-weight:normal;} 
a:hover		{ color: #000; text-decoration: underline; }

/* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #333;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}

.banner .email{
	font-weight:bold;
}

/* index frame */

.indexContent {
	width:95%;
	border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}

.indexInfo {
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 0 0 6px;
}

.indexInfo .filename {
	color: #000;
}

.indexInfo .date {
	color: #666;
}

/* file info */
#content {
	width:100%;
	font-size:11px;
	font-family:Trebuchet MS, verdana, arial;
	color: #333333;
	border-bottom:1px dotted #333333;
	padding:8px;
}

#content .header{
	font-size:9px;
	font-weight:bold;
	color: #999;
}

#contentLast {
	width:95%;
	font-size:11px;
	font-family:Trebuchet MS, verdana, arial;
	color: #333333;
	padding-top:6px;
}

#contentLast .header{
	font-size:9px;
	font-weight:bold;
	color: #999;
}


/*
****************************************************************
 galery css end */


/* kleiner hack um zentrierte tabellen richtig einzufügen */
.centerFieldset {
text-align:center;
}

.centerFieldset fieldset2 {
display:inline;
margin-left:20;
margin-right:auto;
/* INHERITED ALIGNMENT IS CENTER. ONLY INCLUDE THIS IF YOU WANT */
/* TO CHANGE THE ALIGNMENT OF THE CONTENTS OF THE FIELDSET */
text-align:left;
}

/* navigationsleiste */
#nav {
	float:left;
	border:none;
	padding:0;
	margin:0;
	background:#221a06;
	width:740px;
	/*background:#b58442;*/
}

#nav li {
	float:left;
	list-style:none;
	/*margin:0 2px 0 0;*/
	margin:0;
	padding:0;
}

#nav li a {
	display:block;
	/* oben, rechts, unten,   links */
	padding:15px 10px 10px 10px;
	background:#221a06;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	/*margin:0 2px 0 0;*/
	border-bottom:0px;
}

/* veränderung von menüpunkt bei mouse over */
#nav li a:hover {
	background:url(../images/loewe_flag.gif) top center no-repeat #fff;
	color:#000;	
}

/* seitentitel, schrift und bild */
#header h1 {
	font:2.4em Arial;
	letter-spacing:-1px;
	color:#222;
	float:left;
	width:740px;
	height:186px;
	/* oben, rechts, unten,   links */
	border-top:1px solid #221a06;
	border-right:-1px solid #221a06;
	border-bottom:3px solid #221a06;
	border-left:-1px solid #221a06;
	/*padding:10px 0px 14px 25px;*/
	/* breite */
	background:url(../images/leuenhall_banner3_small.jpg) left top  no-repeat;
}

#header h1 a {
	color:#444;
	text-decoration:none;
	border:none;
}

#header h1 a:hover {
	color:#000;
}

#header h1 span {
	float:left;
	font-size:.8em;
	color:#AAA;
	/*original colour #ccc */
	text-transform:uppercase;
}

#container {
	clear:both;
	padding:0px 0 0 0;
}

/* beschreibungs-feld zwischen menü und content */
p.description {
	background:url(../images/content_sl.jpg) top left no-repeat #b58442;
	padding:0px 10px 30px 10px;
	color:#221a06; 
	height:180px;
	font-size:1.5em;
	line-height:25px;
	border-top:3px solid #221a06;
	border-bottom:3px solid #221a06;
	/* entfernen wenn linke und rechte begrenzung nicht erwünscht */
	border-left:1px solid #221a06;
	border-right:1px solid #221a06;
}

p.description a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dotted #8CD1FF;
}

p.description a:hover {
	border-bottom:1px solid #8CD1FF;
}

/*
falsche vererbungsstruktur - bilder in der description bekommen ihre eigenschaften statt dessen einfach über style="" zugewiesen
#p.description img {
	padding:5px;
	border:1px solid #221a06;
}

#p.description img.right {margin: 5px 0 5px 12px; float: right;}
#p.description img.left {margin: 5px 12px 5px 0; float: left;}
*/

#sidebar {	
	width:230px;
	float:right;
	background:url(../images/sidebar_bg.jpg) top left no-repeat #b58442;
	padding:100px 20px 10px 10px;
	margin:-50px 0 0 0;
	border-top:1px solid #221a06;
	border-bottom:3px solid #221a06;
	/* entfernen wenn linke und rechte begrenzung nicht erwünscht */
	border-left:1px solid #221a06;
	border-right:1px solid #221a06;
}

/* content-bereich mit platz für seitenbar auf der rechten seite */
#content {
	margin:0 260px 0 0px;
	padding:10px 10px 0 10px;
	background:url(../images/content_bg_up.jpg) top left no-repeat;
	border-bottom:3px solid #221a06;
	/* entfernen wenn linke und rechte begrenzung nicht erwünscht */
	border-left:1px solid #221a06;
	border-right:1px solid #221a06;
	
}

#content2 {
	margin:0 0px 0 0px;
	font-size:1.2em;
	padding:10px 10px 0 10px;
	background:url(../images/content_sl.jpg) top left repeat;
	border-bottom:3px solid #221a06;
	/* entfernen wenn linke und rechte begrenzung nicht erwünscht */
	border-left:1px solid #221a06;
	border-right:1px solid #221a06;
	
}

#content h2 {
	font:2.2em Arial;
	color:#221a06; 
	letter-spacing:+1px;
	margin:10px 0;
	border-bottom:2px solid #221a06;
	/*background: url(../images/h2.jpg) bottom left no-repeat;*/
	clear:left;
}
#content h2 a {
	color:#121212;
	text-decoration:none;
}
#content p {
	margin:15px 0;
	font-size:110%;
	line-height:21px;
}
#content2 h2 {
	font:2.2em Arial;
	color:#221a06;
	letter-spacing:+1px;
	margin:10px 0;
	/* border-bottom:2px solid #221a06; */
	/* background:url(../images/h2.jpg) bottom left no-repeat; */
	clear:left;
}
#content2 h2 a {
	color:#121212;
	text-decoration:none;
	border-bottom:0px;
}
#content2 p {
	margin:15px 0;
	font-size:110%;
	line-height:21px;
}
ol.subnav {
	margin:0px 0 0 0px;
	padding:0;
}
ol.subnav li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
ol.subnav a {
	font-weight:bold;
	color:#555;
	/*border-bottom:2px solid #fff;*/
	border-bottom: none;
	display:block;
	padding:5px;
	text-decoration:none;
	margin:0 5px 0 0;

}
ol.subnav a:hover {
	/*border-bottom:2px solid #221a06;*/
	border-bottom: none;
	color:#121212;
}

#sidebar h2 {
	color:#333;
	margin:10px 0;
	font-size:1.3em;
}

p.news {
	background:url(../images/content_mini_230.jpg) top left no-repeat;
	padding:10px;
	margin:0 0 10px 0;
	/* border-left:5px solid #f0f0f0; */
}

p.news a.more {
	display:block;
	color:#333;
	text-decoration:none;
	text-align:right;
	border:none;
}

#sidebar ul {
	list-style:none;
	border-top:1px solid #eee;
	border:none;
	padding:0;
	margin:0;
}
#sidebar ul li {
	border-bottom:1px solid #eee;
	padding:5px;
	margin:0;
}
#sidebar ul li a {
	color:#0066dd;
	text-decoration:none;
}
#sidebar ul li a:hover {
	color:#0033aa;
}

input {
	padding:5px;
	border:1px solid #eee;
	color:#555;
	width:220px;
}

input.checkbox {
	width:15px;
}
input.radio {
	width:15px;
}

#content h3 {
	font:1.8em Trebuchet MS;
	color:#555;
	margin:10px 0 0 5px;
}
blockquote {
	padding:0 0 0 10px;
	border-left:5px solid #eee;
}

ul {	
	margin:10px 10px 10px 0;
	padding:0 0 0 15px;
	border:1px solid #221a06;
}
li {
	margin:0 0 0 10px;
	padding:5px;
}
#content img {
	padding:5px;
	border:1px solid #221a06;
}

#content img.right {margin: 5px 0 5px 12px; float: right;}
#content img.left {margin: 5px 12px 5px 0; float: left;}

#content2 img {
	padding:5px;
	border:1px solid #221a06;
}

#content2 img.right {margin: 5px 0 5px 12px; float: right;}
#content2 img.left {margin: 5px 12px 5px 0; float: left;}


 a {
	color:#222;
	border-bottom:1px dotted #000;
	text-decoration:none;
}
 a:hover {
	border-bottom:1px solid #000;
	text-decoration:none;
}


#footer {
	text-align:center;
	border-top:2px solid #000;
	padding:10px;
	margin:30px 0 0 0;
	color:#ccc;
	width:760px;
	margin:0 auto;
}
#footer a {
	color:#eee;
}