/*
 * mediaCUBE Portfolio Content Styles
 * used by all themes
 */

.hide {
	display: none;
}

.clear {
	clear: both;
}


/***** INDEX - Zufallswerke *****/

.zufalls_div {
	position: relative;
	float: left;
	width: 30%;
	height: 200px;
	margin: 10px;
	overflow: hidden;
}
.zufalls_div a img {
	width: 100%;
	height: 100%;
}
.zufalls_div .beschriftung {
	position: absolute;
	left: 2px;
	width: 100%;
	display: none;
}
.zufalls_div:hover .beschriftung {
	display: block;
}

.beschriftung.variante_0 {top: 20px;}
.beschriftung.variante_1 {top: 60px;}
.beschriftung.variante_2 {top: 80px;}
.beschriftung.variante_3 {top: 100px;}

.beschriftung .titel,
.beschriftung .subtitel {
	display: block;
	padding: 0px 3px;
	height: 1.3em;
	overflow: hidden;
}
.beschriftung .titel {
	font-size: 14px;
	font-weight: bold;
	background-image: url(background-alpha.png);
}
.beschriftung .subtitel {
	background-color: white;
}

a#more_link {
	float: right;
	margin-right: 40px;
	margin-top: 40px;
	font-size: 1.5em;
	color: #000;
}


/***** Profile & Media *****/

#subview_left {
	width: 210px;
	float: left;
	border-right: 1px solid #eee;
}
#subview_content {
	margin-left: 217px;
}

/***** Profile *****/

#jahrgang {
	width: 80px;
	float: left;
}

#teamliste, #namen {
	float: left;
	width: 170px;
	border-right: 1px solid #eee;
}
#teamliste ul, #jahrgang ul, #namen ul {
	list-style: none;
	margin: 0;
}
#jahrgang ul li, #namen ul li {
	line-height: 1.2em;
}
#jahrgang ul li a, #namen ul li a {
	text-decoration: none;
}

#jahrgang li .anzahl { display:none; }
#jahrgang li:hover .anzahl { display:inline; }

#haupt_spalte {
	margin-left: 205px;
}

#einzelprofil {
	margin-left: 260px;
}
#einzelprofil img#profilbild {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
#einzelprofil #profiltext {
	margin-bottom: 100px;
}
#einzelprofil hr {
	clear: none;
}
#einzelprofil #werke ul {
	list-style: none;
}
#einzelprofil #werke ul li {
	line-height: 1.4em;
	text-indent: -3em;
	margin-left: 3em;
}
#einzelprofil #kontakt {
	float: right;
	text-align: right;
	line-height: 1.4em;
}
#einzelprofil #kontakt ul {
	list-style: none;
}


/***** Werk View (One) *****/

h1#werk {
	text-align: right;
	border-bottom: 1px solid gray;
	margin: 20px 0;
}

#media {
	float: left;
	width: 425px;
}
.media_big {
	float: left;
	width: 400px;
	display: block;
}

div#media_navigation {
	float: right;
	margin: 0;
}
div#media_navigation ul {
	list-style: none;
	margin: 0;
}

.subtext {
	clear: both;
	float: left;
	width: 400px;
}

#text_werk {
	margin-left: 430px;
	line-height: 1.2em;
}

ul#person {
	list-style: none;
	border-top: 1px dotted gray;
	padding-top: 1em;
}
ul#person li {
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
ul#person .rollen {
	display: block;
	margin-left: 3em;
}

.blog_this {
	border: 1px solid black;
	width: 396px;
	margin: 10px 0;
}

.blog_this_close {
	text-align: right;
	background: transparent;
	margin-right: 5px;
}

.blog_this_close a {
	color: black;
}

.blog_this_code {
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
}

.blog_this_code textarea {
	margin: 20px 0;
	width: 380px;
	height: 120px;
}

#werkadmin_navi {
	margin-bottom: 70px;
}
#werkadmin_navi ul {
	list-style: none;
}


/***** Werk Zufall *****/

#werk_zufallstext h2{
	margin-bottom: 0.5em;
}

#werk_zufallstext {
	position:absolute;
	left:0;
	margin-left: 150px;
	width: 300px; 
	text-align:right;
}

#refresh {
	float:left;
	width:13px;
	height:13px;
}
#refresh a img {
	border:0;
	padding:1px;
}

#date {
	border-top:1px dotted gray;
	padding-top:0.8em;
}

#tag {
	font-style: italic;
	margin-top: 1em;
	border-top:1px dotted gray;
	padding-top:0.7em;
}


#zufallswerk {
	border: 1px solid yellow;
}

#no_text_werk{
	margin-top: 20px;
}

table#werk_table {
	clear: both;
	width: 100%;
}

#werk_table thead tr th#title {
	border:1px solid red;
	width:150px;
}

tr.werk_tr td{
	padding: 8px 5px;
	line-height: 1.2em;
	vertical-align: top;
}

tr.werk_tr:hover a, tr.werk_tr-hover a, a:hover {
	color: #000;
}

thead {
	text-align:left;
}

thead th {
	padding-left:5px;
	background-color: #ccc;

}

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}

.sortasc {
	background-image: url(../images_layout/up.gif);
}
.sortdesc {
	background-image: url(../images_layout/down.gif);
}


div.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}

div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div.autocomplete ul li.selected { 
	background-color: #ffb;
}

div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:1.5em;
	cursor:pointer;
}


/***** Werk Edit *****/

ul#werke_navi {
	list-style: none;
	margin: 0;
}

#mediacontainer {
	width: 430px;
	height: 100px;
	overflow: auto;
}

div#thumbnailcontainer {
	width: 430px;
	overflow: auto;
}
div#thumbnailcontainer #thumbnail {
	float: none;
	margin-left: 0;
}
#thumbnail {
	position: relative;
	float: right;
	width: 200px;  
	margin-left: 10px;
}

#log {
	font-size:12px;
}

div#wiki {
	margin: 3em 0em;
	border-top:1px dotted gray;
	background-color: white;

}

#wiki #wikiintro {
	font-weight: bold;
	margin-bottom: 1em;
}

#wiki h2, .wiki h1, .wiki h3, .wiki p {
	margin: 1em 0em;
}

#wiki .tright { float: right}
a.wiki_internal { text-decoration: none; }
a.wiki_internal img { border: 0px; }

#wiki ul {
	list-style: circle;
	margin-left: 2em;
}

#werk_table span.count {
	display:none;
}
#media_navigation a,
#werk_table span.mediatyp {
	width: 14px;
	height: 14px;
	text-indent: 25px;
	overflow: hidden;
	display: block; 
	background-color: black;
}

#media_navigation a { 
	margin-bottom: 8px;
}
#werk_table span.mediatyp {
	float: left;
	margin-right: 4px; 
}

#media_navigation a.image,
#werk_table span.image
{  background-image:url(../images_layout/link_icons/icon-image.png); }

#media_navigation a.audio,
#werk_table span.audio
{  background-image:url(../images_layout/link_icons/icon-audio.png); }

#media_navigation a.video,
#werk_table span.video
{  background-image:url(../images_layout/link_icons/icon-video.png); }

#media_navigation a.interactive,
#werk_table span.interactive
{  background-image:url(../images_layout/link_icons/icon-interactive.png); }

#media_navigation a.document,
#werk_table span.document
{  background-image:url(../images_layout/link_icons/icon-document.png); }


#edit_werk #person{
	width: 400px;
	background-color: white;
	border: 1px black solid;
	padding: 10px;
}
#edit_werk #person .x {float:right;}
/*
#edit_werk #person #person_status { 
	float:right;
	width: 200px;
}
*/

.new_person {
	margin: 10px 0px;
}

.new_person div { margin-left: 20px; }

.pdfbox {
	text-align: center;
}

#block_beschreibung { position: relative; }
#zur_beschreibung {
	position: absolute;
	background-color: white;
	border: 1px #ddd solid;
	width: 300px;
	left: 430px;
}