* {
	margin: 0;
	padding: 0;
}


body {
	margin: 0 auto;
	padding: 0;
	font-family: tahoma, arial;
	text-align: center;
	line-height: 1.3em;
	color: #cebe9c;
	font-size: 12px;
	background: repeat-y center;
}
span {
	color: #9f8214;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma, arial;
}
p {
	color: #333333;
}
/* WRAP */
#container {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	
	background-attachment: scroll;
	background-position: 0 0;
}

			/* BANNER */
#top { background-image: url(../images/background/banner.jpg); width: 900px; height: 125px; }
#banner {
	width: 900px;
	padding: 0px;
	height: 52px;
	background-image: url(file:///Mediendesign/chilifoto/homepage/images/background/verlauf.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0px;	
		}
#banner h1 {	
margin: 0;
padding: 70px 100px 0 0;
height: 50px;
font-family: tahoma, arial;
text-align: right;
letter-spacing: 3px;
color:  #9f8214;
background: inherit;
}
/* SIDE CONTENT */
#navcontainer {
	width: 175px;
	border-right: 2px #999999;
}
#side {
	width: 135px;
	float: left;
	margin: 35px auto 0;
	padding: 0 20px 0 10px;
	font-family: tahoma, arial;
	color: #666666;
	font-size: 11px;
	background-repeat: repeat;
	background-attachment: inherit;
	background-position: inherit;
	letter-spacing: 3px;
	border-left-width: thin;
	border-left-style: ridge;
	border-left-color: #9f8214;
}
#side a {
	float: left;	
	font-family: tahoma, arial;
	color: #9f8214;
	font-size: 11px;
	background-repeat: repeat;
	background-attachment: inherit;
	background-position: inherit;
	letter-spacing: 3px;
}
	
#side p { width: 125px; margin: 10px 0; padding: 5px; border: solid thin #9f8214; }
			/* SIDE NAV */		
#side ul {
	list-style : none;
	margin : 20px 0;
	padding : 0;
}
#side ul li {
	display : block;
	color: #000000;
	background : inherit;
	text-decoration : none;
	letter-spacing: 3px;
	height: 20px;
	margin : 0;
		
 }
#side ul li a {
	display : block;
	color : #999999;
	background : inherit;
	text-decoration : none;
	letter-spacing: 3px;
	height: 20px;
	margin : 0;
}
#side ul li a:hover {
	text-decoration : none;
	color : #333333;
	background-image: url(../images/button/hover.png);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
}


/* MAIN CONTENT */
#main_content {
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	width: 900px;
	height: 504px;
}
#main_contentmessen {  background-colour: whitet; width: 900px; height: 504px; border: solid thin white; }
#main_contentindex01 { background-image: url(../images/background/index_02.jpg); background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#main_contentindex { background-image: url(../images/background/index_01.jpg); background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#main_contentcontact { background-image: url(../images/background/contact.jpg); background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#main_contentpreise { background-image: none; background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#main_contentimpressum { background-image: none.jpg); background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#main_contentportfolio { background-image: url(../images/background/portfolio.jpg); background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#main_contentaktion { background-image: url(../images/background/aktion.jpg); background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#main_contentaktionegal { background-image: url(../images/background/aktion02.jpg); background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#main_contentindividuell { background-image: url(../images/background/individuell.jpg); background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#main_contentvita { background-image: url(../images/background/vita.jpg); background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#main_contentnewsletter { background-image: url(../images/background/newsletter.jpg); background-repeat: no-repeat; width: 900px; height: 504px; border: solid thin white; }
#contentgal { background-image: none; letter-spacing: 2px; width: 530px; height: 474px; margin-top: 30px; margin-left: 270px; padding: 0 10px; }
#content02 { color: white; background-image: none; letter-spacing: 2px; margin-top: 30px; margin-left: 430px; padding: 0 10px; width: 350px; height: 524px; }
#content03 {
	color: #333333;
	background-image: none;
	letter-spacing: 2px;
	margin-top: 30px;
	margin-left: 365px;
	padding: 0 10px;
	width: 500px;
	height: 524px;
}
#content04 { color: white; background-image: none; letter-spacing: 2px; margin-top: 30px; margin-left: 415px; padding: 0 10px; width: 450px; height: 524px; }
#content05 { color: white; background-image: none; letter-spacing: 2px; margin-top: 30px; margin-left: 65px; width: 800px; height: 524px; padding: 0 10px; }
/* FOOTER */
#footer {
	padding: 0.5em;
	clear: both;
	font-size: 11px;
	color: #9f8214;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	height: 25px;
	border-top: 1px solid #9f8214;
}
				/* LINKS*/
a {
	color: #000000;
	text-decoration: inherit;
}
a:hover { color:  #9f8214; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; }
a img {
border: 0;
}
/* TYPOGRAPHY */
form { font-size: 85%; }

h1 {
	color: #9f8214;
	font-family: "Courier New", Courier, monospace;
	background-image: inherit;
	background-repeat: inherit;
	background-attachment: inherit;
	background-position: inherit;
	text-decoration: none;
	letter-spacing: 0px;
	font-size: 14px;
}

blockquote {
	font-weight : bold;
	font-style : oblique;
	color : #333333;
}
				/* CLASSES*/
.import {  }
.imgright {
	float : right;
	border : solid 1px #999;
	margin-left : 10px;
}
.imglist {
	border : solid 1px #9f8214;
	margin-top : 10px;
	}
.impnews { color: white; width: 350px; float: right; margin-top: 25px; padding-top: 10px; padding-bottom: 10px; border-top-style: dotted; border-top-width: 1px; border-bottom-style: dotted; border-bottom-width: 1px; }
.impnews02 {
	width: 470px;
	float: right;
	margin-top: 300px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.impnews03 { color: white; text-align: right; margin-top: 10px; margin-bottom: 15px; padding-bottom: 10px; width: 450px; float: right; border-bottom-style: dotted; border-bottom-width: 1px; }
.impkarten01 {
	width: 500px;
	float: right;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.impkarten {
	width: 500px;
	float: right;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.impblink { color: white; font-size: 115%; text-decoration: blink; margin-top: 10px; margin-bottom: 10px; float: right; border-top-style: dotted; border-top-width: 1px; border-bottom-style: dotted; border-bottom-width: 1px; }
.big { margin : 5px; font: 150%/2em tahoma, arial; text-transform : uppercase; color: #2e2e2e; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }


/*Gallerie*/
#gallerie { text-align: left; position: relative; width:725px; height: 400px; float: left; }
#gallerie ul { list-style:none; padding:0; margin:0; width:280px; position:absolute; top: 25px; float:left; }
#gallerie ul li a img { width:63px; height:63px; border:0; display: block; }
#gallerie ul li { width:64px; height:64px; float:left; margin:0 0 5px 5px; display: inline; }
#gallerie ul li a { width:63px; height:63px; text-decoration:none; border:solid thin #999; display: block; }
#gallerie ul li a:hover { white-space:normal; border-color:white; }
#gallerie ul li a:hover img {position:absolute; left:295px; top:0; width:auto; height:auto; border:solid thin white;}
/*GallerieMenu*/
#album_menu {
	color: #CCCCCC;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 40px;
	text-align: left;
	vertical-align: bottom;
	width:700px;
	height: 70px;
	float: left;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	color: #666666;
	padding:0;
	list-style-type:none;
	position:relative;
	width:700px;
	height: 70px;
	float: left;
	margin-right: 0;
	margin-left: 10px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-size:11px;
	float:left;
	text-decoration:none;
	color:#000;
	text-align:center;
	width:15px;
	height:15px;
	line-height:24px;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	border:solid 1px #999;
	margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img { position: absolute; top: 15px; visibility:hidden; border:0; }
/* fix the top position for the landscape images */
.gallery li a img.landscape {

}
/* fix the left position for the portrait images */
.gallery li a img.portrait { left:0; border-right-style: solid; border-right-width: 40px; border-left-style: solid; border-left-width: 40px; }
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#900;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	background:#666;
	color:#FFFFFF;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
#container #main_contentcontact #side #navcontainer span {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 3px;
}