body {
    
    font-family: Helvetica, Arial;
    font-size:16px;
    margin: 0px;
    background-color: #fbfbf4;
}



#content {
	height:670px;
	width:920px;
	background-color:#fbfbf4;
	#position:absolute; 
	#top:50%;
	#left:50%; 
	#margin-left:-410px;
	#margin-top:-335px;

	width:920px;
	height:auto;
	margin: auto;
}

div#topMargin{
	height:40px;
}

.leftBox {
	width:630px;
	background-color:#fbfbf4;
}

.rightBox {
	width:290px;
	background-color:#696967
}

.gDiv {
	float:left;
	width:195px;
	height:110px;
	margin-top:25px;	
	text-align:left;
	font-size:13px;
	font-style:italic;
	padding-top:10px;
	color: rgba(0, 0, 0, 0.7);
}
.gDivSpacer {
	margin-bottom:25px;	
	
}
.gDiv.portrait {
	width:170px;
	padding-top:0px;
	padding-left:10px;
}

.gDivText {
	width:180px;
	margin-top:15px;	
	text-align:left;
	font-size:13px;
	font-style:italic;
	margin-botton:7px;
}
.galleryIcon {
	box-shadow: 5px 10px 15px grey;
	margin-right:15px;
	clip:rect(0px,70px,70px,0px);
	height:70px;
	width:90px;
	vertical-align:middle;
	cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.portrait {
	height:90px;
	width:70px;	
	padding-top:0px;
}
div.galerie h3 {
	margin-top:65px;
	border-bottom-width:1px; 
	border-bottom-color:#000000; 
	border-bottom-style:dotted;
	font-family: Helvetica, Arial;
    font-size:15px;
	font-weight:normal;
	padding-right:10px;
	padding-left:10px;	
	color: rgba(0, 0, 0, 0.7);
}

div.galerie h3  span:hover{
	cursor:pointer;
}


div.galerie h3  span{
	font-family: Helvetica, Arial;
    font-size:13px;
	font-weight:normal;
	float:right;
}
h4 {
	margin-top:10px;
	padding-left:15px;
	font-family: Helvetica, Arial;
	font-size:14px;
	color: rgba(0, 0, 0, 0.5);
}

div#startText {
	color:#fbfbf4;
	font-size : 13px;
	font-weight:lighter;
	padding-left:15px;
	padding-right:15px;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-family: Helvetica, Arial;
}
div#navigation {
	width:630px;
	padding-top:50px;
	height:40px;
}
div#navigation span {
	margin-left:auto;
}

div#navigation a {
	color:black;
	text-decoration:none;
}
div#navigation a:hover {
	color: rgba(0, 0, 0, 0.5);
	text-decoration:underline;
}

div#werdegang {
	margin-top:40px;
	padding-left:20px;
	padding-right:40px;
}


div#ausstellungen {
	margin-top:20px;
	padding-left:20px;
	padding-right:40px;
}

div#kunstwerke {
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
}

div#orderInfoDiv {
	padding:5px;
	border:solid 1px #dedede;
	position:absolute;
	width:580px;
	background-color:#fbfbf4;
	box-shadow: 5px 10px 15px grey;
}

div#kunstwerke p a {
	color: rgba(0, 0, 0, 0.7);
	text-decoration:none;
}
div#kunstwerke p a:visited {
	color: rgba(0, 0, 0, 0.7);
	text-decoration:none;
}
div#kunstwerke p a:hover {
	color: rgba(0, 0, 0, 0.7);
	text-decoration:underline;
}

div#kunstwerke div#orderInfoDiv a {
	color: rgba(0, 0, 0, 0.7);
	font-size : 13px;
	float:right;
	text-decoration:none;
}

div#kunstwerke div#orderInfoDiv table {
	display: table;
	table-layout: auto;
	color: rgba(0, 0, 0, 0.7);
	width:100%;

}
div#kunstwerke div#orderInfoDiv table tr {
	font-size : 13px;
}
div#kunstwerke div#orderInfoDiv table tr td {
	text-align:center; 
}
div#kunstwerke div#orderInfoDiv table tr td.headingorderInfo {
	background-color: #dedede;
	font-size : 13px;
	text-align:left; 
	padding:5px;
}

div#kunstwerke div#orderInfoDiv table tr td.orderInfo {
	text-align:left; 
}

div#kunstkarten {
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
}

div#kunstkarten p a {
	color: rgba(0, 0, 0, 0.7);
	text-decoration:none;
}
div#kunstkarten p a:visited {
	color: rgba(0, 0, 0, 0.7);
	text-decoration:none;
}
div#kunstkarten p a:hover {
	color: rgba(0, 0, 0, 0.7);
	text-decoration:underline;
}

div#kunstkarten div#orderInfoDiv a {
	color: rgba(0, 0, 0, 0.7);
	font-size : 13px;
	float:right;
	text-decoration:none;
}

div#impressum {
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
	color: rgba(0, 0, 0, 0.7);
	font-size : 12px;
}

div#impressumLink {
	float:right;
	padding-top:10px;
}
div#impressumLink  a {
	color: rgba(0, 0, 0, 0.7);
	text-decoration:none;
	font-size : 13px;
}
div#impressumLink  a:visited {
	color: rgba(0, 0, 0, 0.7);
	text-decoration:none;
}
div#kunstkarten .row {
	width:190px;
	float:left;
}
div#kunstkarten p {
	font-size : 13px;
	color: rgba(0, 0, 0, 0.7);
	font-family: Helvetica, Arial;
	margin-left:40px;
}

div#kunstwerke p {
	font-size : 13px;
	color: rgba(0, 0, 0, 0.7);
	font-family: Helvetica, Arial;
	margin-left:40px;
}
div#kunstkarten .row div img {
	height:140px;
	///box-shadow: 5px 10px 15px grey;
	margin-left:40px;
}
div#kunstkarten .row div.text {
	height:20px;
	margin-top:15px;
	text-align:center;
	width:112px;
	color: rgba(0, 0, 0, 0.7);
	margin-left:40px;
	font-size : 12px;
}
div#kunstkarten .row div.desc {
	height:70px;
	margin-top:5px;
	text-align:center;
	width:100%;
	font-size : 11px;
	font-style:italic;
	color: rgba(0, 0, 0, 0.7);
	font-family: Helvetica, Arial;
}

div#ausstellungen dl {
	list-style-type:none;
	list-style-position:outside;	
	
}
div#ausstellungen dl  dt {
	color: rgba(0, 0, 0, 0.7);
	font-size : 13px;
	font-weight:bold;
	font-family: Helvetica, Arial;
}
div#ausstellungen dl  dd {
	color: rgba(0, 0, 0, 0.7);
	font-size : 13px;
	padding-bottom:7px;
	font-family: Helvetica, Arial;
	line-height: 1.5;
}
div#werdegang p {
	text-align:left;
	font-size : 16px;
	color: rgba(0, 0, 0, 0.7);
}

div#kontakt div{
	text-align:left;
	font-size : 16px;
	color: rgba(0, 0, 0, 0.7);
}

#leftColumn {
	float:left;
	width:630px;
	height:670px;
}
#rightColumn {
	float:left;
	width:290px;
	height:670px;
}

div#leftTop {
	height:90px;
}

div#leftBottom {
	border-top-width:1px;
	border-top-style:solid;
	height:580px;
}
div#rightTop {
	height:100px;
}

div#rightBottom {
	height:570px;
}