@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 * 
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(core/slim_base.css);

/* Globale Styles */
@import url(screen/global.css);

/* import screen layout | Screen-Layout einbinden */
@import url(screen/content.css);
@import url(screen/forms.css);

@media screen, projection
{

/**
 * (en) Formatting content container
 * (de) Formatierung der Inhalts-Container
 *
 */
.plr {
	position: absolute;
	width: auto;
	height: 17px;
	right: 20px;
	top: 0;
}
.plr img {
	vertical-align: middle;
	padding-right: 5px;
}
#fb-like {
	margin: 10px 0;
}
.thumb {
	width: 110px;
	/*height: 110px;*/
	display: inline;
	float: left;
	margin: 0 8.5px 10px 0;
}
.linebreak {
	margin: 0 0 10px 0;
	float: right;
}
.thumb img {
	width: 100px;
	height: 100px;
	padding: 4px;
	border: 1px solid #333;
}
#categories {
	margin: 20px 0;
}
#categories > div {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #333;
}
#categories > div.first {
}
#categories > div.last {
	padding-bottom: 10px;
	border: none;
}
.preview {
	position: relative;
	width: 410px;
	float: left;
}
.preview img {
	border: 1px solid #333;
	padding: 4px;
}
.description {
	width: 510px;
	float: right;
}
.neu {
	position: absolute;
	width: 70px;
	height: 70px;
	bottom: -15px;
	right: -15px;
}
.neu img {
	border: none;
	padding: 0;
}
ul.related {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}
ul.related li {
	background: transparent url(../images/icons/picture_go.png) left 2px no-repeat;
	display: inline;
	list-style: none;
	padding: 0 20px 0 20px;
	margin: 0;
}
/* Formulare */
form.yform {
	background: #111;
	border: 1px solid #333;
}
form.yform fieldset {
    border: none;
    background: inherit;
    margin: 0;
    padding: 0;
}

form.yform legend {
	display: none;
}
form.yform label {
    color: #ccc;
}
form.yform .type-text input,
form.yform .type-text textarea,
form.yform .type-select select {
    border: 1px solid #333;
	background: #000;
	color: #ccc;
}
  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
form.yform div input:focus,
form.yform div select:focus,
form.yform div textarea:focus,
form.yform div input:hover,
form.yform div select:hover,
form.yform div textarea:hover,
form.yform div input:active,
form.yform div select:active,
form.yform div textarea:active {
    border: 1px #666 solid;
    background: #000;
}
form.yform div.error {
	background: none;
	border: 1px dashed #AA0000;
	padding:0.5em;
}
form.yform div.error label {
	color:#ccc;
	font-weight:bold;
}
/* Piclens */
.mbf-item { display: none; }
/* Administration */
.options ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.options li {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}
.options span {
	text-decoration: none;
	white-space: nowrap;
}
.options img {
	vertical-align:middle;
	padding-right: 5px;
}
.options a {
	text-decoration: none;
}
.options a:hover span {
	text-decoration: underline;
}
/*-------------------------------------------------------------------------*/
}

