a:link { text-decoration:underline; color:black; background-color:white;}
a:visited { text-decoration:underline; color:black;}
a:hover, a:active, a:focus { text-decoration:none; color:black; background-color:white;}

body { margin: 0px;}

img {display:block}

/* M E N U E */

.menue{		
			margin-top: 20px; margin-left: 30px; 
			vertical-align: bottom; 
			font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #CCCCCC;text-transform: uppercase;
			text-align: left;
			height: 20px;}

div.menue a {border-bottom: 0px; text-decoration: none; color: black;}
div.menue a:hover {border-bottom: solid 1px black; text-decoration: none}

.type-title {color:#CCCCCC; text-decoration:none; border-bottom:0px;}
span.type-title a {color:#CCCCCC; text-decoration:none; border-bottom:0px;}
span.type-title a:hover { color: #CCCCCC; text-decoration:none; border-bottom: solid 1px #CCCCCC; border-top: 0px;}

.menue-no{ color: black; font-weight: bold; border-top: solid 1px black;}


/* R E C E N T / B Y  C A T E G O R Y / B Y  D A T E*/

#previewlist{
	width: 410px; 
	}

#previewlist div.previewcategory{
	font-family: "Helvetica",Arial, sans-serif;
	font-size: 20px; color: black; 
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color:black;
	cursor:pointer;
	text-transform: uppercase;
	margin-left: 10px;
	}
#previewlist div.previewcategory:hover{
	text-decoration: underline;
	}

#previewlist div.selected {
	color: #CCCCCC;
}

.previewbox a { float: left; 
				border-left: solid 5px white; 
				padding-left: 5px; 
				margin-bottom: 20px; 
				color: black;
				width: 400px; 
				text-align: left; 
				text-transform: none; 
				text-decoration:none;
				font-family:Arial, sans-serif;
				font-weight: bold;}

.previewbox a:hover 
			{ color: black; border-left: solid 5px black; text-decoration:none; }
			
.preview-titel { text-transform: uppercase;}


/* P R O J E K T */


.projekt-title {width: 270px; text-align:right; }
.projekt-part
{ margin: 0px 5px 0px 5px; padding:0px; text-align:left; }
.projekt-part-vert
{ 	margin-bottom: 10px; margin-right: 10px; padding:0px; text-align:left; width: 500px;}
.projekt-space
{ 	width: 74px; text-align:right;}
.img-dtl
{
float: left;
margin: 5px 5px 5px 5px;
}
.projekt-part-sml
{ 	margin: 10px 5px 0px 5px; padding:0px; text-align:left; }

.projekt-part-text{ margin-right: 30px; width: 500px; font-family: Arial, sans-serif;text-align: left;}
.projekt-part-text a {color:black; text-decoration: underline; }
.projekt-part-text a:hover { color:black; background-color:white; text-decoration: none;}


.projekt-part-quote
{ 	position: relative;
	padding: 40px;
	padding-top: 80px;
	top: -40px;
 	margin: 0px 5px 0px 5px;
 	width:200px;
	font-family: Georgia, serif;
	font-size: 20px;
	color: black;
	font-weight: bold;
	min-height: 470px;
	background-color: #DDD;
	text-transform: uppercase;

	}
.projekt-bildunter
{ 	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: black;
	 margin: 10px 5px 20px 5px;

}

.projekt-bildunter a {color:black; text-decoration: underline; }
.projekt-bildunter a:hover { color:black; text-decoration: none;}


.back	a{ 		font-family: Georgia, serif; font-size: 10px; position:fixed; 
				right: 0px; bottom: 0px; width: 40px; height: 20px; 
				background-color: white; text-align: left; padding: 5px;}
.back	a:hover {background-color: #DDDDDD;}


/* P A G E */

#head 		{ position:fixed; left:0px; top:0px; right:0px; text-align: left;
				border-bottom: solid 1px #F1F1F1; height: 60px; background-color:white; z-index: 999;}
#content	{ padding: 50px 0px 20px 30px; }
.content	{ padding: 50px 0px 20px 30px;}

.preview-bycategory { position: relative; left: 335px; width: 600px;}
.preview-recent { position: relative; left: 335px; width: 400px;}
.preview-bydate { position: relative; left: 335px; width: 600px;}
.preview-bylist { position: relative; left: 335px; width: 600px;}
.preview-ideas { position: relative; left: 345px; width: 600px; }

.info { position: relative; left: 345px; width: 600px; }


.type-title { font-size: 14px; line-height: 20px; }

/* T Y P O */

.type-small, .type-menue, .description-sml { font-size: 11px; line-height: 14px;}
.type-big, .description-big { font-size: 20px; line-height: 24px; }

.type-big { font-family: Arial, sans-serif; text-transform: uppercase;}
.type-small { font-family: Arial, sans-serif;text-transform: uppercase; }
.type-menue { }


.description-big { font-family: Arial, sans-serif;}
.description-sml { font-family: Arial, sans-serif;}