/*-- CSS - definition for pixtur.de v6 (c) thomas Mann ---*/


body {
 font-family: "Georgia", Verdana, Tahoma, Arial, sans-serif;
 padding:	0px;
 margin:	0px;
 background:	#fff url(img/layout/bg_with_header.png) top center repeat-x;
 font-size:		12.4pt;
 color:			#444;
}


div.outer {
 width:	900px;
 margin-left:	auto;
 margin-right:	auto; 
}

div, p {
 	margin:0px;
	padding:0px;
	
}
h1, h2, h3, h4 {
 	margin:0px;
	padding:0px;
	font-family: "Georgia";
	font-weight: normal;
}


h2 {
 font-size:     25pt;
}

h3 {
 font-size:     20pt;
}

h4 {
 margin:        1.5em 0em 0.5em;
 font-size:     13pt;
}

td {
 font-size:     10.5pt;
 vertical-align: top;
}

a {
	/* color:#2A4093 */;
	color:	#922;
	text-decoration:none;	
}
a:hover {
	text-decoration:underline;
}

a.extern {
 background:url(img/bg_link_extern.gif) left center no-repeat;
 padding-left:17px;
}



/*--- navigation ------------------------------------------------*/



div.header {
 height:	90px;
}


div.header a.logo {
 display:	block;
 float:		left;
 width:		231px;
 height:	90px;
 padding:	0px 40px 0px 0px;
 margin:	0px;
}


div.header a.logo h1  {
 background:	url(img/layout/logo.png) top left no-repeat;
 width:		230px;
 height:	90px;
 padding:	0px;
 margin:	0px;
 display:	block;
 float:		left;
}

div.header a.logo h1 span {
 display:	none;
}

/* navigation */

div.header div.navigation {
 font-family:		georgia;
 font-size:			12.5pt;
 white-space:		nowrap;
 width:				620px;
 float:				left;
}

div.header div.navigation a {
 text-decoration:	none;
 color:				#000;
}

div.header div.navigation span {
 display:			block;
 float:				left;
 text-align:		center;
 overflow:			hidden;
 padding:			60px 0px 0px 4px;
 margin:			0px;
 width:				68px;
 height:			30px;
 cursor:			pointer;	
}

div.header div.navigation a#home span	{	width:		64px; }
div.header div.navigation a#cv span		{	width:		92px; }
div.header div.navigation a#portfolio span {width:		92px; }

div.header div.navigation span#more		{	width:		68px; color: #aaa; text-align:right; padding-right:4px;}
div.header div.navigation a#demoreviews span{	width:		100px; }

div.header div.navigation span {
 background:	url(img/layout/header_tab_line.png) top left no-repeat;
}


div.header div.navigation a.current {
 color:			#fff;
}
div.header div.navigation a.current span {
 background:	url(img/layout/bg_current_tab.png) top left repeat-x;
}





/*---- content ---------------------------------------------------*/
div.content {
 padding-top: 		1.5em;
 clear:				both;
}

a img {
 border-width:		1px;
}

div.content div.column.left {
 float:				left;
 width:				200px;
 display:			block;
}
div.content div.column.right {
 margin-left:		274px;
 display:			block;
 width:				554px;
}

div.cleft {
	margin-right:295px;
}

div.content div.imagefull {
 font-size:			9pt;
 margin-bottom:		10px;
}

div.content div.imagefull a {
 color:				#888;
}

div.content div.imagefull img {
 border:				none;
}


div.content h3 {
 margin-bottom:		0px;
 padding-bottom:	0.2em;
}

div.content h3 span.date {
 display:			block;
 color:				#666;
 line-height:		60%;
 font-size:			10.4pt;
 padding:			0px;
 margin:			0px;
}



div.content p.hint {
 font-weight: bold;
 font-family: "Georgia";
}

div.content p.hint a {
 color:     #800;
 text-decoration: none;
}
div.content p.hint a:hover {
 text-decoration:underline;
} 
div.main>div.content{
	width:auto;
}

div.content td {
	line-height:140%;
}

/*div.content img {
	border:1px solid #888;
}*/

div.content img.sign {
	border:0px solid #fff;
}

div.content h2 {
    padding-bottom: 0.5em;
    padding-top:    0.5em;
}



div.content ul {
 margin:            0.4em 0em 1em 0.0em;
 padding:           0px;
 list-style:        url(img/list_bullet.png);
}

div.content ul li {
 margin:            0px 0px 0.4em 0px;
 /*padding:           0px 0px 0px 0.7em;
 background:        url(img/list_bullet.png) left center no-repeat; */
}


div.content div.entry {
 margin-bottom:2em;
}

p {
}

div.content div.page_discription {
	width:60%;
	-moz-border-radius:8px;
	line-height:130%;
	padding:3px 5px 3px 5px;

}

div.groupnav_top {
	float:right;
	position:relative;
	top:-1.6em;
}
div.groupnav_top a {
	background-color:#bbb;
	padding:0px 7px 0px 7px;
	font-weight:   bold;
}
a.next {
	-moz-border-radius:0px 8px 8px 0px;
	margin-left:1px;
}

a.prev {
	-moz-border-radius:8px 0px 0px 8px;
}

div.bottom {
	clear:both;
	padding-bottom:30px;
}
div.groupnav_bottom {
	float:right;
	/*font-size:90%;*/
 	margin-top:10px;

}
div.groupnav_bottom a {
	background-color:#fff;
	padding:0px 7px 0px 7px;
	margin-right:1px;
	font-weight:bold;

}

div.groupnav_bottom span.current {
	background-color: none;
	margin-right:1px;
	font-weight:bold;
	padding:0px 9px 0px 9px;
	font-size:12pt;
}

div.groupnav_bottom span.norm {
	color:#888;
	/*font-size:60%;*/
	padding:0px 10px 0px 10px;
}


div.image {

 	float:right;
    background:url(img/bg_project_box.png) repeat-y top left;
	padding:3px 3px 3px 6px;
	font-size:8pt;
	line-height:130%;
	position:relative;
	left:10px;
	-moz-border-radius:9px 0px 0px 9px;
}

div.image img {
	border:1px solid #888;
}



div.withlabels h3 {
	clear:          both;
	padding-left:   90px;
	padding-bottom: 0px;
	margin-bottom:  0em;
	/*font-size:100%;*/
}


div.labeled{
 margin-left:     90px;
 padding-top:     1em;
}



/*div.withlabels label {
	clear:both;
	margin-left:-150px;
	font-size:8pt;
	width:140px;
 	text-align:right;
}
*/

div.labeled label {
  font-size:      8pt;
 	display:        block;
	margin-left:    -100px;
 	float:          left;
	padding-top:    1px;
	text-align:     right;
	width:          80px;
}



div.withlabels ul {
  margin:   0px;
}


div.col3 {
	width:49%;
	float:left;
}

div.clear {
	clear:both;
}


/*--- portfolio page -------*/
div.content h3 {
 padding-top:    1em;
 line-height:    120%;
}


/* single column text block */
div.content div.textblock {
 max-width:         45em;
}

div.content p.subheader{
 margin-bottom:     1em;
 padding-left:      0.5em;
}
div.content p {
 /*font-size:          95%;*/
}

div.content div.rightside {
 float:             right;
 width:             50%;
 margin-left:       1em;
}


div.content div.rightside img {
 margin:            2px 3px 3px 0px;
 border:            1px solid #888;
}

div.content span.title {
 display:           block;
 clear:             both;
 margin-bottom:		2em;
 /*font-size:       90%;*/
}

div.content div.rightside div.clear {
 border-top:    1px dashed #888;
 height:        2px;    
 padding-bottom:    1em;
}

div.content div.imageblock {
 clear:             both;
}

div.content div.imageblock img {
 display:           block;
 float:              left;
 margin:            2px 3px 3px 0px;
 border:            1px solid #888;
}

div.content  p {
/* margin-right:      360px;*/
 margin-bottom:     0.6em;
}

/*---- gallery ----------------------------------------------------*/
div.gallery {
	padding-top:10px;
	text-align:center;
	padding-left:20px;
	clear:both;

}

div.gallery div.cell {
 background:url(img/bg_project_box.png) repeat-y top left;
 padding:   0.0em 0.3em 0.3em 5px;
 margin:    0.7em 0px;
 /*font-size:     90%;*/

	width:200px;
	height:140px;
	float:left;
	font-size:8pt;
	text-align:center;
	background-color:#fff;
	-moz-border-radius:6px;
	margin:1px 2px 1px 2px;
    padding-top:1em;
}

div.gallery div.cell a {
 text-decoration:none;
}

div.gallery div.cell a:hover {
 text-decoration:underline;
}

div.gallery div.cell img{
	border-width:1px;
	margin-bottom: 0.5em;
}

div.gallery div.cell a:hover img {
 border-color:#fff;
}

div.gallery_end {
	clear:both;
	padding-bottom:20px;

}



/*--- INFOTABLE ---------------------------------------------------*/
.infoTable {
	border:0px solid #B2B384;
	border-collapse:collapse;
	-moz-border-radius:8px;
}

.infoTable td {
	padding:4px 10px 4px 10px;
	background-color:#fff;
	vertical-align:top;
}

td.infoTableHead  {
	background-color:#B2B384;
	color:#ffffff;
	padding:3px 10px 3px 10px;
	/*font-size:100%;*/
}

.infoTable ul {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

.infoTable li {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

.infoTableHead a{
	color:#ffffff;
	text-decoration:none;
}

.infoTableHead a:hover{
	color:#ffffff;
	text-decoration:underline;
}

/*------ DEMOS ----------------------------------------------------*/
.demoBox{
 color:#ffffff;
}

.demoBox A {
  color:#ffffff;
  font-weight:normal;
}

/*---- maya redesign -------*/
ul.image_list, ol.image_list {
 list-style-type:lower-alpha;
}



/*- projects -----------------------------------------*/

div.work {
 width: 47%;
 float: left;

}

div.art {
 width: 47%;
 float: right;

}
div.content div.work p,
div.content div.art p {
 margin:   0px;
}

div.projectblock {
 /*background:url(img/bg_project_box.png) repeat-y top left; */
 
 background-color: #eee;
 padding:   	4px 0.3em 0.3em 5px;
 margin:    	0.7em 0px;
 clear:         both;
 font-size:		10pt;
 border:		3px solid #fff;
}

div.projectblock span.tags{
 float:         right;
 font-size:     8pt;
}

div.projectblock h3 {
 padding:       0px;
 margin:        0px;
 font-weight:   normal;
 font-size:     13pt;
 
 display:       inline;
 line-height:   110%;
}

/*
div.projectblock h3 a {
 text-decoration:   none;
}
*/

div.projectblock h3 img {
 float:         left;
 margin-right: 7px;
 /*border:        1px solid #5566A8;*/
 margin-top:   1px;
}

div.projectblock p.facts {

 font-size:     8pt;
}
div.projectblock div.text,
div.projectblock p.text {
 margin-left:   143px;
 line-height:   140%;
 padding-top:	0.3em;
}

div.projectblock h4 {
    float:left;
    display:block;
    width:  7em;
    text-align:right;
    padding-right:2em;
}