html {
    background-color    : #FFF;
    overflow-y          : scroll;
}
body {
    background-color    : #FFF;
    padding             : 0;
    margin              : 0;
    color               : #666;
    font-family         : Arial,Verdana,Sans-Serif;
    font-size           : 11px;
}
p, a, ul, li, dl, dd, dt {
    padding             : 0;
    margin              : 0;
}
#yoxview {
    background-color    : #FFF;
}
p.align-justify {
    text-align          : justify;
}
p.align-center {
    text-align          : center;
}
p.align-right {
    text-align          : right;
}
.upper {
    text-transform      : uppercase;
}
a {
    color               : #666;
    text-decoration     : none;
    outline             : 0 none;
}
a:hover {
    text-decoration     : underline;
}
img {
    border              : 0 none;
}
select, input {
    font-size           : 10px;
    color               : #666;
}
.clear {
    clear               : both;
}
.container {
    width               : 860px;
    margin              : 35px auto 0;
    padding             : 0 20px;
}
.container .header {
    margin              : 0 0 30px;
    position            : relative;
    height              : 60px;
}
.container .header > a {
    position            : absolute;
    left                : 0;
    bottom              : 0;
}
.container .header .logo {
    float               : left;
}
.container .header .search {
    position            : absolute;
    bottom              : 3px;
    right               : 0;
/*    width               : 140px;*/
    width               : 160px;
}
.container .header .search a {
    float               : left;
}
.container .header .search div {
    float               : right;
    margin              : 0 0 2px;
}
.container .header .search div a {
    margin              : 0 0 0 6px;
    display             : block;
/*    width               : 13px;*/
    height              : 12px;
}
.container .header .search div a.active {
    font-weight         : bold;
}
.container .header .search div a.info {
    background          : url('../images/info.png') no-repeat scroll 0 0 transparent;
}
.container .header .search div a.owner_contact {
    background          : url('../images/contact.png') no-repeat scroll 0 0 transparent;
}
.container .header .search div img {
    margin              : 0 0 0 2px;
}
.container .header .search .search-input {
    border              : 1px solid #999;
    position            : relative;
    margin              : 8px 0 0;
    height              : 19px;
}
.container .header .search .search-input input[type="text"] {
    border              : 0 none;
    padding             : 3px 20px 3px 3px;
/*    width               : 115px;*/
    width               : 135px;
    margin              : 0;
    #margin-top         : -1px;
}
.container .header .search .search-input input[type="image"] {
    position            : absolute;
    top                 : 3px;
    right               : 2px;
}
.container .content {
    min-height          : 495px;
    padding-top         : 20px;
    border-top          : 1px solid #DDDDDD;
}
.container .content .left-menu {
    float               : left;
    width               : 220px;
    margin              : 0 0 15px;
}
.container .content .left-menu * {
    font-size           : 11px;
}
.container .content .left-menu .home {
    display             : inline-block;
    margin-bottom       : 7px;
}
.container .content .left-menu .home.active {
    font-weight         : bold;
}
.container .content .left-menu ul {
    list-style          : none;
}
.container .content .left-menu ul li {
    margin              : 0 0 7px;
}
.container .content .left-menu ul li span {
    font-size           : 9px;
}
.container .content .left-menu ul li.active {
    font-weight         : bold;
}
.container .content .left-menu ul li a.active {
    font-weight         : bold;
}
.container .content .left-menu ul li ul li {
    margin              : 7px 0 0 15px;
}
.container .content .left-menu dl {
    margin              : 5px 0 0;
}
.container .content .left-menu dl dt {
    float               : left;
}
.container .content .left-menu dl dd {
    margin              : 0 0 7px 15px;
}
.container .content .left-menu dl dd span {
    font-size           : 9px;
}
.container .content .left-menu dl dd a:hover, .container .content .left-menu dl dd a.active {
    text-decoration     : underline;
}
.container .content .left-menu .tx-felogin-pi1 * {
    font-size           : 10px;
}
.container .content .left-menu .tx-felogin-pi1 h3 {
    display             : none;
}
.container .content .left-menu .tx-felogin-pi1 > div {
    margin              : 0 0 15px;
}
.container .content .left-menu .tx-felogin-pi1 form {
    margin-bottom       : 14px;
}
.container .content .left-menu .tx-felogin-pi1 form > div {
    margin              : 0 0 5px;
}
.container .content .left-menu .tx-felogin-pi1 form input.text {
    border              : 1px solid #ccc;
    height              : 18px;
    padding             : 0 4px;
    width               : 105px;
}
.container .content .left-menu .tx-felogin-pi1 form input.submit {
    background-color    : #A2A2A2;
    border              : 0;
    color               : #ffffff;
    padding             : 3px 4px;
    width               : 115px;
    text-align          : left;
    margin              : 10px 0 0;
}
.container .content .left-menu .tx-felogin-pi1 form.felogin-login input.submit {
    float               : left;
}
.container .content .left-menu .tx-felogin-pi1 .felogin-forgot {
    line-height         : 12px;
}
.container .content .left-menu .tx-felogin-pi1 .felogin-forgot a {
    display             : block;
    float               : right;
    text-align          : left;
    width               : 65px;
}
.container .content .left-menu .tx-felogin-pi1 .felogin-space {
    margin-bottom       : 10px;
    clear               : both;
}
.container .content .tx-srfeuserregister-pi1 h4 {
    padding-left: 0px;
}
.container .content .left-menu .tx-srfeuserregister-pi1 p {
    padding             : 0;
}
.container .content .left-menu .tx-srfeuserregister-pi1 a {
    padding             : 0;
    background          : none;
    font-size           : 10px;
}
.container .content .csc-default hr,
.container .content .home-content hr {
    background-color    : #DADADA;
    border              : 0;
    height              : 1px;
    margin              : 15px 0 20px;
}
.container .content .home-content {
/*    padding             : 0 0 0 240px;*/
    width               : 620px;
    float               : right;
}
.container .content .home-content p {
    margin              : 0 0 10px;
}
.container .content .home-content .contenttable td {
    padding             : 0 15px 0 0;
}
.container .content .home-content .contenttable td p {
    margin              : 0px;
}
.container .content .home-content .tx-srfeuserregister-pi1 fieldset {
    margin              : 0;
    padding             : 0;
    border              : 0;
}
.container .content .home-content .tx-srfeuserregister-pi1 fieldset legend {
    display             : none;
}
.container .content .home-content .tx-srfeuserregister-pi1 p {
    padding             : 0;
}
.container .content .home-content .tx-srfeuserregister-pi1 dt {
    text-align          : left;
}
.container .content .home-content .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-text,
.container .content .home-content .tx-srfeuserregister-pi1 textarea#tx-srfeuserregister-pi1-comments,
.container .content .home-content .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-password {
    border              : 1px solid #ccc;
    height              : 18px;
    padding             : 0 4px;
    width               : 220px;
}
.container .content .home-content .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-submit {
    background-color    : #A2A2A2;
    border              : 0;
    color               : #ffffff;
    padding             : 3px 4px;
    width               : 120px;
    text-align          : left;
    margin              : 10px 0 0;
}
/*
.container .content .items {
    padding             : 0 0 0 220px;
}
.container .content .items .folder_detail {
    border-bottom       : 1px solid #DDDDDD;
    padding             : 0 0 15px;
}
.container .content .items .folder_detail .image {
    float               : left;
    width               : 340px;
    text-align          : center;
}
.container .content .items .folder_detail .text {
    float               : left;
    width               : 300px;
}
*/
.container .content .items {
    float               : left;
    width               : 640px;
}
/*.container .content .items .folder_detail {
    border              : 1px solid #DDDDDD;
    margin              : 0 0 0 20px;
    padding             : 10px 15px;
}
.container .content .items .folder_detail .image {
    float               : left;
    margin              : 0 20px;
    text-align          : center;
    width               : 250px;
}
.container .content .items .folder_detail .text {
    float               : left;
    margin              : 5px 0 0;
    width               : 298px;
}*/
.container .content .items .folder_detail {
    border              : 1px solid #DDDDDD;
    margin              : 0 0 0 20px;
}
.container .content .items .folder_detail .image {
    text-align          : center;
    vertical-align      : middle;
    width               : 285px;
    padding             : 10px;
}
.container .content .items .folder_detail .text {
    padding             : 10px;
    /*vertical-align      : middle;*/
    width               : 293px;
}
.container .content .items .folder_detail .text ul {
    #margin-left        : 5px;
}
.container .content .items .box-folder,
.container .content .items .box-object {
    width               : 140px;
/*    height              : 205px;*/ /*** test if it work without ***/
    height              : auto;
    float               : left;
/*    margin              : 0 0 0 20px;*/
    margin              : 0 0 10px 20px;
    position            : relative;
}
.container .content .items .box-folder a.pic,
.container .content .items .box-object a.pic,
.container .content .items .box-object p.pic {
    display             : block;
/*    width               : 185px;*/
    height              : 150px;
    position            : relative;
}
.container .content .items .box-folder a.pic img,
.container .content .items .box-object a.pic img,
.container .content .items .box-object p.pic img {
    position            : absolute;
    left                : 0;
    bottom              : 5px;
}
.container .content .items .box-folder a.text {
    display             : block;
    width               : 128px;
    height              : 28px;
    border-top          : 1px solid #DDDDDD;
/*    padding             : 2px 12px 0 0;*/
    padding             : 10px 12px 0 0;
}
.container .content .items .box-folder a.text.protected {
    background          : url('../../../typo3conf/ext/egr_catalog/Resources/Public/Images/lock.png') no-repeat right 0 transparent;
}
/*
.container .content .items .box-object {
    width               : 140px;
    height              : 205px;
    float               : left;
    margin              : 0 0 0 20px;
    position            : relative;
}
*/
/*
.container .content .items .box-object a.pic {
    display             : block;
    width               : 140px;
    height              : 150px;
    padding             : 0;
    position            : relative;
}
*/
/*
.container .content .items .box-object a.pic img {
    position            : absolute;
    left                : 0;
    bottom              : 5px;
}
*/
.container .content .items .box-object .pic-text:hover a.pic {
    /*cursor              : help;*/
}
.container .content .items .box-object a.text,
.container .content .items .box-object p.text {
    display             : block;
    width               : 115px;
    height              : 42px;
    overflow            : hidden;
    border-top          : 1px solid #DDDDDD;
/*    padding             : 2px 20px 0 0;*/
    padding             : 10px 25px 0 0;
}
.container .content .items .box-object .pic-text.detailpage a.text {
    /*background          : url("/demo-girsberger/typo3conf/ext/egr_catalog/Resources/Public/Images/detail_gr.png") no-repeat scroll right 2px transparent;*/
    text-decoration     : none;
}
.container .content .items .box-object .pic-text.detailpage:hover  a.text {
    /*cursor              : help;*/
/*    background-color    : #EEE;*/
    /*background-image    : url("/demo-girsberger/typo3conf/ext/egr_catalog/Resources/Public/Images/detail.png");*/
}
.container .content .items .box-object a.download {
/*    background          : url('../images/dwg_view.png') no-repeat scroll -22px 0 transparent;*/
    display             : block;
    width               : 22px;
    height              : 22px;
    position            : absolute;
/*    top                 : 155px;*/
/*    top                 : 164px;*/
    bottom              : 18px;
    right               : 0;
    opacity             : 0.5;
    filter              : Alpha(Opacity=50);
    text-decoration     : none;
    overflow            : hidden;
}
.container .content .items .box-object a.download:hover {
    background-position : 0 0;
    opacity             : 1;
    filter              : Alpha(Opacity=100);
}
.container .content .items .box-object a.download img {
    height              : 22px;
    position            : absolute;
    right               : 0px;
}
.container .content .items .box-object a.download:hover img {
    left                : 0;
}
.container .content .items .item {
    width               : 140px;
    float               : left;
    margin              : 0 0 10px 20px;
}
.container .content .items .item:hover a {
    text-decoration     : underline;
}
.container .content .items .item .pic {
    display             : block;
    height              : 150px;
    position            : relative;
}
.container .content .items .item .pic img {
    position            : absolute;
    left                : 0;
    bottom              : 5px;
}
.container .content .items .item .text {
    display             : block;
    height              : 32px;
    overflow            : hidden;
    border-top          : 1px solid #DDDDDD;
    padding             : 5px 0 0;
    position            : relative;
}
.container .content .items .item .text .title {
    float               : left;
    line-height         : 16px;
    padding-right       : 18px;
}
.container .content .items .item:hover .text .title {
    text-decoration     : underline;
}
.container .content .items .item .text .download {
    display             : block;
    width               : 16px;
    height              : 16px;
    overflow            : hidden;
    float               : left;
    position            : absolute;
    top                 : 5px;
    right               : 0;
}
.container .content .items .item .text .download img {
    height              : 16px;
    position            : absolute;
    top                 : 0;
    right               : 0;
    opacity             : 0.7;
    filter              : alpha(opacity=70);
}
.container .content .items .item:hover .text .download img {
    right               : auto;
    left                : 0;
    opacity             : 1;
    filter              : alpha(opacity=100);
}
.container .content .detail {
    margin              : 0 0 15px 20px;
    float               : left;
    width               : 620px;
}
.container .content .detail h4 {
    margin              : 15px 0 5px;
    font-size           : 11px;
}
.container .content .detail .pic {
    float               : left;
    width               : 250px;
    margin              : 0 30px 0 0;
}
.container .content .detail .view {
    float               : left;
    width               : 340px;
}
.container .content .detail .view .object {
    font-size           : 18px;
    margin              : 0 0 1px;
}
.container .content .detail .view .subtitle {
    font-weight         : bold;
    margin              : 0 0 20px;
}
.container .content .detail .view .features form {
    margin              : 0;
    padding             : 0;
}
.container .content .detail .view .features label {
    display             : block;
    float               : left;
    padding             : 0 12px 0 0;
    width               : 80px;
}
.container .content .detail .view .features select {
    color               : #333333;
    font-family         : arial,verdana,sans-serif;
    font-size           : 11px;
    margin              : -2px 0 10px;
    width               : 200px;
}
#main .info .left .thumbs {
    margin              : 0 0 15px !important;
}
.container .content .detail .view .thumbs {
    margin              : 10px 1px 20px;
}
.container .content .detail .view .thumbs a {
    display             : block;
    width               : 48px;
    height              : 48px;
    padding             : 1px;
    margin              : 0 5px 2px 0;
    float               : left;
    border              : 1px solid #ddd;
    cursor              : url('../images/lupe.cur'), pointer;
    cursor              : url('fileadmin/templates/images/lupe.cur'), pointer\0/IE8+9;
}
.container .content .detail .view a {
    display             : inline-block;
    margin              : 0 10px 0 0;
}
.container .content .detail hr {
    border              : 0 none;
    border-top          : 1px solid #ddd;
    height              : 1px;
    background          : none;
}
.container .content .detail ul {
    padding-left        : 20px;
}
.container .footer {
    border-top          : 1px solid #ddd;
    padding             : 5px 0;
    margin              : 20px 0 0;
    height              : 30px;
}
.container .footer ul {
    float               : left;
}
.container .footer ul.right,
.container .footer span.right {
    float               : right;
}
.container .footer ul li {
    display             : inline;
    margin              : 0 5px 0 0;
}
.container .footer ul.right li {
    margin              : 0 0 0 5px;
}
.container .footer form {
    float               : right;
}
.container .footer form img {
    display             : none;
}
.color_green > a, .color_green .active  {
    color               : #009900;
}
.color_olive > a, .color_olive .active {
    color               : #999900;
}
.color_blue > a, .color_blue .active {
    color               : #0062a8;
}
.color_violet > a, .color_violet .active {
    color               : #b161d7;
}
.color_orange > a, .color_orange .active {
    color               : #ff9933;
}
.color_brown > a, .color_brown .active {
    color               : #906f52;
}
.ui-dialog {
    border-radius       : 4px !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding             : 0 !important;
    z-index             : 10 !important;
    height              : 0 !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    top                 : 7px !important;
    right               : 7px !important;
    padding             : 0 !important;
}
.ui-dialog .dialogContainer p.error {
    background-color    : #FEF1EC;
    border              : 1px solid #CD0A0A;
    color               : #CD0A0A;
    margin              : 0 0 10px;
    padding             : 3px 10px;
}
.ui-dialog .dialogContainer form fieldset {
    border              : 0 none;
    padding             : 10px 20px 0;
}
.ui-dialog .dialogContainer form fieldset legend {
    padding             : 0;
}
.ui-dialog .dialogContainer form fieldset div {
    margin              : 0 0 5px;
}
.ui-dialog .dialogContainer form fieldset div label {
    display             : block;
    float               : left;
    line-height         : 24px;
    width               : 95px;
}
.ui-dialog .dialogContainer form fieldset div input {
    background-color    : #FFFFFF;
    border              : 1px solid #CCCCCC;
    padding             : 4px;
}
.ui-dialog .dialogContainer form fieldset div #user, .ui-dialog .dialogContainer form fieldset div #pass {
    width               : 150px;
}
.ui-dialog .dialogContainer form fieldset div p {
    margin              : 20px 0px;
}

/* ************************************** */
/* tt_content */
/* ************************************** */

.csc-default h1,
.home-content h1 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px;
}

.container .content .home-content ul {
    list-style-type: disc;
    padding: 0 0 0 18px;
}
.container .content .home-content a.ttpdf {
    background: url("../images/PDF.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    padding: 0 0 0 20px;
}
.container .content .home-content .contenttable td {
  vertical-align: top;
}

.home-content .tx-felogin-pi1 .message {
	white-space			: pre-wrap;
}
.home-content .tx-felogin-pi1 h3 {
	display				: none;
}
.home-content .tx-felogin-pi1 form {
	margin-top			: 15px;
}
.home-content .tx-felogin-pi1 label {
	display				: inline-block;
	width				: 165px;
}
.home-content .tx-felogin-pi1 input {
    border              : 1px solid #ccc;
    height              : 18px;
    padding             : 0 4px;
    width               : 220px;
}
.home-content .tx-felogin-pi1 .field {
	margin-bottom		: 5px;
}
.home-content .tx-felogin-pi1 .submit,
.home-content .tx-felogin-pi1 .backlink a {
	background-color	: #A2A2A2;
	border				: 0;
	color				: #ffffff;
	padding				: 3px 4px;
	width				: auto;
	text-align			: left;
	margin				: 10px 0 0;
	font-size			: 10px;
	display				: inline-block;
}
.home-content .tx-felogin-pi1 .submit {
	margin-bottom		: 20px;
}