/*******************************************
 File: basic.css
********************************************
 Initial Author: FM
 Last Editor: FM
 First Version: 14.06.2006
 Last Modify: 15.06.2006
*******************************************/

/*******************************************
 FileStructure of basic.css
********************************************
 - 1.0	General Styles
		1.1 General Element Definitions
 - 2.0	Containers
		2.1 Layout Containers
		2.2 Container Classes
 - 3.0	Site Elements
		3.1 Header Elements
		3.2 Navigation Elements
		3.3 Banner Elements
		3.4 Content Elements
*******************************************/

/*******************************************
 Includes
*******************************************/

	
	@import url(content.css);
	@import url(navigation.css);
	
/*******************************************
 1.0 General Styles
*******************************************/

	/*** 1.1 General Element Definitions **/

	html, body {
		padding: 0px;
		margin: 0px;
	}
	/* default link style - needed to make the :active work correctly in IE */
/*
a, a:visited, a:hover, a:active {
color:#000;
}
*/

/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:626px; 
height:550px; 
background:#fff;
border:1px  solid #cccccc;
border-bottom:0px;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
position:relative;
padding:0; 
margin:0px 0 0 0; 
list-style-type:none; 
width:203px;
border:0px solid black;
top:90px;
left:-218px;
}


/* remove the default image border */
.gallery img {
padding:1px 1px 1px 1px;
border:1px solid blue;
}
/* make the list horizontal */
.gallery li,.gallery2 li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited,.gallery2 li a, .gallery2 li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:52px; 
height:52px; 
margin:6px;
border:1px solid #cccccc;
}

.gallery li a:hover,.gallery2 li a:hover {
background:#ddd;
}

.gallery li a:active, .gallery li a:focus, .gallery2 li a:active, .gallery2 li a:focus {
background:#444; 
color:#fff;
}

.gallery li a:active img, .gallery li a:focus img, .gallery2 li a:active img, .gallery2 li a:focus img {
visibility:visible;
}
	body {
		background: #F2F2F2;
		font: 11px/16px Arial, Helvetica, sans-serif;
		color: #000000;
	}
	
	input, select, textarea {
                color:#0530DD;
                border:1px solid #0EB80E;
                font-size: 1em;
                font-family: Arial, Helvetica, sans-serif;
        	margin-bottom:6px;
		}
	
	h1 {
		padding: 0px;
		margin: 0px;
	}
	
	h1 span {
		display: none;
	}
	
	h2 {
		font-size: 1.4em;
		line-height: 1.2em;
		color: #6b5120;
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}
	
	h3 {
		font-size: 1.2em;
		color: #222f44;
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}
	
	h4 {
		font-size: 1em;
		color: #6c501f;
		font-weight: bold;
		padding: 0px;
		margin: 0px 0px 8px 0px;
	}
	
	p {
		padding: 0px;
		margin: 0px 0px 14px 0px;
	}
	
/*******************************************
 2.0 Containers
*******************************************/

	/*** 2.1 Layout Contai*ners ***********/
	
	div#main-container {
		background: #FFFFFF;
		width: 860px;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
		border-color: #CCCCCC;
		margin: 0px auto;
	}
	

	
	div#header {
		margin-bottom: 40px;
	}
	
		div#menu {
		margin-bottom: 30px;
	}
	
	div#content {
		margin: 0px 20px 0px 20px;
	}
		
	div#content-left {
		font-size:12px;
		border:0px solid white;
		background:;
		float: left;
		width: 188px;
		height:382px;
		margin-right: 25px;
		margin-top: 1px;
	}

	
	div#content-middle {
		font-size:12px;
		float: left;
		width: 415px;
		margin-right: 25px;
		text-align:justify;
			

	}
	
		div#content-menu {
		display: block;
		font-size:12px;
		float: left;
		width: 850px;
		margin: 10px;
		margin-bottom: 1px;		
		padding: 2px 3px 2px 20px;

	}
	
		div#content-special {
		font-size:12px;
		float: left;
		width: 550px;
		margin-right: 25px;
		text-align:justify;
	}
	
	div#content-right {
		float: right;
		width: 165px;
	}
	
	div#footer {
		background: #d2d2d2;
		padding: 3px;
		border-top: 1px solid #d2d2d2;
		margin-top: 20px;
	}
	
	/*** 2.4 Container Classes ************/
	
	.clear {
		clear: both;
	}
	
	.container-emty {
		font-size: 0px;
		line-height: 0px;
	}

	.spacer-6px {
		margin-bottom: 6px;
	}

	.spacer-8px {
		margin-top: 8px;
	}
	
	.spacer-12px {
		margin-bottom: 12px;
	}
	
/*******************************************
 2.0 Site Elements
*******************************************/

	/*** 3.1 Header Elements **************/
	
	div#header-navigation {
		background: #fec721;
		text-align: right;
		font-size: 12px;
		color: #fff;
		padding: 6px;
	}
    
        div#header-navigation a{
	color:white;
	}

	div#header-visual {
		float: right;
		border:0px solid black;width: 25px;
		height: 83px;
	}
	
	div#header-border {
		background: url(img/border.gif) repeat-x;
		height: 14px;
	}