body {
	color: #000;
	font-size: 12px;
	font-family: Arial;
	line-height: 14px;
	background-color:#ebebeb;

}

a.menu, a.menu2, a.menu3, a.menu4 { 
	display: block; 
	text-align:left;
    border-style:none; 
	padding:50px 10px 10px 10px; 
	text-decoration:none; 
	font-style:normal;
	letter-spacing: 0.7em;
	text-transform:uppercase;
}

/*black hover white*/
a.menu:link    { color:#fff; background-color:#000; }
a.menu:visited { color:#fff; background-color:#000; }
a.menu:hover   { color:#000; background-color:#fff; }
a.menu:active  { color:#000; background-color:#fff; }

/*black*/
a.menu2:link    { color:#000; background-color:#fff; }
a.menu2:visited { color:#000; background-color:#fff; }
a.menu2:hover   { color:#fff; background-color:#000; }
a.menu2:active  { color:#fff; background-color:#000; }

/*white*/
a.menu3:link    { color:#000; background-color:#fff; }
a.menu3:visited { color:#000; background-color:#fff; }
a.menu3:hover   { color:#000; background-color:#fff; }
a.menu3:active  { color:#000; background-color:#fff; }

a.pics{ 
	display: block; 
	text-align:left;
    border-style:none; 
	text-decoration:none;
	margin-bottom:8px;
	padding:0px;
}
	
i {
	color:#BBB;
}

a {
    color: #000;
    text-decoration: underline;
}
        
a:hover {color: #999;}

.uppercase {
	letter-spacing: 0.8em;
	text-transform:uppercase;
}

.imglist {
	padding:0px;
	margin:0px 7px 6px 0px;
}

.imglistv {
	margin-top:7px;
}

.hoch {
	margin-top:-5px;
}

p {
	padding:10px;
}

.white {
	background-color:#FFF;
	padding-bottom:0px;
	}

.blackmenu {
	background-color:#000;
	color:#FFF;
	padding-bottom:0px;
	letter-spacing: 0.05em;


	}

.black {
	background-color:#000;
	color:#FFF;
	display:block;}

a.black:link {color: #fff;}
a.black:visited {color: #BBB;}
a.black:hover {color: #BBB;}
a.black:active {color: #fff;}

.next{
	position:fixed;
	right:25px;
	top:84px;
}

.up{
	position:fixed;
	left:25px;
	bottom:25px;
}

#wrapper { position: relative; }
#overlay { position: absolute; }

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	
	margin-top:-15px;
	margin-left: auto;
	margin-right: auto;
	width: 1040px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_1 {
	width:250px;
}

.container_4 .grid_2 {
	width:510px;
}

.container_4 .grid_3 {
	width:770px;
}

.container_4 .grid_4 {
	width:1030px;
}



/* Prefix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .prefix_1 {
	padding-left:260px;
}

.container_4 .prefix_2 {
	padding-left:520px;
}

.container_4 .prefix_3 {
	padding-left:780px;
}



/* Suffix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .suffix_1 {
	padding-right:260px;
}

.container_4 .suffix_2 {
	padding-right:520px;
}

.container_4 .suffix_3 {
	padding-right:780px;
}



/* Push Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .push_1 {
	left:260px;
}

.container_4 .push_2 {
	left:520px;
}

.container_4 .push_3 {
	left:780px;
}



/* Pull Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .pull_1 {
	left:-260px;
}

.container_4 .pull_2 {
	left:-520px;
}

.container_4 .pull_3 {
	left:-780px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}