/* Globaler Browser Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; border: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1; font-size: 1em;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

table {border-collapse: collapse;border-spacing: 0;}

.clear {clear:both;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
strong {font-weight:bold;}
p {margin-bottom:20px; font-size: 14px; line-height: 18px;}

/********************** GENERAL STYLES  ***********************/

html, body {width:100%; height:100%;}
body {font-family: Arial,Helvetica,sans-serif; background: enter 50px no-repeat #595552; position:relative;}
a { text-decoration: none; color:#222;}

.wrapper {width: 1160px;; margin:auto; position: relative;}
.content {width: 840px; padding: 10px 0 0; float: left; }

.header { height: 130px; background: #ccc }

.header h1 { padding: 12px;
	background: #4f4f4f; /* Old browsers */
	background: -moz-linear-gradient(top,  #4f4f4f 0%, #bababa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4f4f4f 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4f4f4f 0%,#bababa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4f4f4f 0%,#bababa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4f4f4f 0%,#bababa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
}
#nav { height: 22px; padding-top: 5px; background-color: #bf0000; vertical-align: center;}  

#nav ul { float: left;} 

#nav ul li { font-size: 14px; font-weight: bold; float: left; margin: 0 15px 0 15px;}

#nav ul li a {color: #fff;} 

.textbox {
    border: 1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	padding: 10px;
	margin: 0 0 15px;
}

.textbox h1 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
}

/********************** IMAGEBOX  ***********************/

h2 {
    background: #bf0000;
    color: #ffffff;
    font-size: 14px;
	font-weight: bold;
    height: 19px;
    margin: 10px 0;
    padding: 3px 0 0 10px;
}
.box {
    background: url("../img/box.backgr.png") repeat-x scroll left top #ffffff;
    border: 1px solid #e5e1de ;
    clear: both;
    margin: 0 0 10px;
    padding: 10px;
}

.imageBox {
    clear: both;
}
.imageBox .preview {
	float: left;
	margin: 0 6px 3px 0;
	width: 128px;
	background-color: #fff;
	border: 1px solid #DCDCDC;
	padding: 0;
}
.imageBox p.thumbnail {
	text-align: center;
	width: 120px;
	height: 90px;
	padding: 4px;
	margin: 0 10px 0 0;
}
.imageBox p.thumbnail img {
	margin: 0;
	width: 120px;
	height: 90px;
}

.imageBox p.symbols {
	padding: 0 0 5px;
	height: 13px;
	margin: 0;
}
.imageBox p.info {
	font-size: 11px;
	padding: 0 0 4px 3px;
	white-space: nowrap;
	overflow: hidden;
	margin: 0
}

.info a {
    color: #ff7400;
    font-size: 11px;
}
.imageBox p.info img {
	vertical-align: middle;
}
ul.buttons {
	display: block;
	list-style: none;
	padding: 5px 10px 10px 0;
	margin: 0;
	min-height: 0;
	clear: both;
}
ul.buttons li {
	float: left;
	padding: 0 13px 0 0;
	margin: 0 5px 0 0;
	height: 33px;
	background: url("../img/btn_backgr_right.png") no-repeat scroll right top transparent;
}
ul.buttons li a {
	display: block;
	height: 27px;
	padding: 4px 8px 0 18px;
	margin: 0;
	background: url("../img/btn_backgr_left.png") no-repeat scroll left top transparent;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
ul.buttons li a:hover {
	text-decoration: underline;
}
/********************** SIDEBAR  ***********************/

.sidebar { background: #ccc; float: left; position: relative; right: 0; /*top: -125px;*/}
.sidebar h3.rightarrow { background: url("../img/arrow_right.png") no-repeat scroll 182px 0; color: #000; font-size: 20px; font-weight: bold; height: 120px; line-height: 28px; padding: 0 60px 0 0;}
.sidebar h3.leftarrow { background: url("../img/arrow_left.png") no-repeat scroll 0 0; color: #ed7d31; font-size: 20px; font-weight: bold; height: 100px; line-height: 28px; padding: 10px 0 0 70px;}
.panel { position: fixed; width: 310px; margin: 10px; top: 15px; }
.panel iframe { /*border: 5px solid #bf0000; padding: 10px;*/ height: 145px;; width: 310px; margin: 5px 10px 10px;}
.panel .list {
	position: absolute;
	top: 315px;
	bottom: -327px;
	left: 0;
	right: 0;
	padding-top: 5px;
	z-index: 1;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}
.boxContainer { background: #999; }
ul.thumbs {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 5px 0 0 4px;
    /*width: 272px;*/
}
ul.thumbs li {
    background-position: center top;
    background-size: cover;
    float: left;
    height: 130px;
    margin: 5px;
    padding: 0;
    position: relative;
    width: 140px;
}

ul.thumbs li span.nickname {
	background: #000;
    color: #ff6600;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin: 103px 0 0;
    opacity: 0.8;
	padding: 7px;
    position: relative;
    text-align: center;
}
.boxContainer h1 {
    background: #800080;
    color: #ffffff;
    font-size: 24px;
	font-weight: bold;
    height: 25px;
    margin: 0;
    padding: 5px 0;
	text-align: center;
}
.box_button { margin: 10px;}

/********************** SEXSTELLUNGEN  ***********************/

.infobox {
	border: 1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	float: left;
	padding: 0 10px 10px;;
	margin: 0 8px 10px 0;
	width: 390px;
	/*height: 420px;*/
}
.inner_infobox { margin:10px 0; }

.stellung {
    width: 390px;
}

p.text {
    height: 85px;
    margin: 5px 0 5px;
}

.inner_infobox h1 {
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 10px;
}

ul.smartList li {
    list-style: none;
    margin: 0 0 8px;
    padding-bottom: 5px;
	border-bottom: 2px groove #fff;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
ul.smartList li span {
    display: table-cell;
    width: 220px;
}
ul.smartList li span:first-child {
    color: #000;
    font-size: 14px;
    padding: 0 0 0 10px;
    max-width: 200px;
    min-width: 170px;
}
ul.smartList li span:last-child {
    font-weight: bold;
    width: 160px;
}
.smartList a {
    color: #ed7d31;
    font-size: 13px;
    margin-left: 20px;
}
.smartList a:hover, .smartList a:focus {
    color: #ed7d31;
    text-decoration: underline;
}
.bigimg {
    display: block;
    margin: 0 auto 10px;
}
.textbox_fliesstext {
	border: 1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	padding: 15px;
	margin: 0 0 15px;
}
.textbox_fliesstext h1 {
	margin: 15px 0 5px; 
	font-size: 18px;
    font-weight: bold;
    padding-bottom: 6px;
}
.textbox_fliesstext p {
    margin: 0 0 5px;
}

p.thumbnail span.labelimage {
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 90px;
    margin: 0;
    padding: 0;
}
p.thumbnail span {
    color: #dcdcdc;
    display: block;
    padding-top: 25px;
    text-align: center;
    width: 120px;
}