/* 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

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

/* TOOLS */
.hidden { display: none; }
.left { float: left; }
.right { float: right; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* GENERAL */
body {
    background-color: #333;
    color: #333;
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    line-height: 19px;
}

/* BASIC POSITIONING */
#topnavi, #header, #content, #footer {
    float: left;
    overflow: hidden;
    width: 100%;
}
.wrapper {
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
}
#teaser, #main, .sidebar {
    float: left;
    padding-bottom: 20px;
    overflow: hidden;
}

/* TOPNAVI */
#topnavi {
    background-color: #fff;
    padding-top: 10px;
}
#topnavi .wrapper { background: #333333 url(/img/line-4px-solid-bg.gif) repeat-x scroll 0 0; }
#topnavi ul { 
    float: left;
    padding-left: 5px;
}
#topnavi ul li {
    float: left;
    padding-top: 4px;
}
#topnavi ul li.active { background: transparent url(/img/topnavi-active-bg.gif) no-repeat scroll center top; }
#topnavi ul li a {
    color: #ccc;
    display: block;
    float: left;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 1px;
    padding: 11px 10px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#topnavi ul li.active a { color: #fff; }
#topnavi ul li a:hover { color: #fff; }

#topnavi #lang {
    float: right;
    padding-right: 10px;
}
#topnavi #lang li a {
    padding: 11px 5px 14px;
}
#topnavi #lang img { display: block; }

/* HEADER */
#header {
    background: #fff url(/img/hitachi-header-bg.gif) repeat-x scroll left bottom;
    border-bottom: 1px solid #7a7a7a;
}
#header img { display: block; }
#header .slideshow {
    background-color: #000;
}

/* CONTENT */
#content { background: #FFFFFF url(/img/line-4px-solid-bg.gif) repeat-x scroll 0 0; }
#content .wrapper { background: transparent url(/img/line-1px-solid-bg.gif) repeat-y scroll 640px 0; position: relative; }
.website-start #content .wrapper { background: transparent; position: relative; }
#content .topic {
    display: block;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 15px;
    text-transform: uppercase;
}    
#content h1 a { text-decoration: none; }

/* TEASER */
#teaser {
    background-color: #fff;
    width: 100%;
}
#teaser .topSection { width: 930px; }
#teaser ul {
    float: left;
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}
#teaser li {
    float: left;
    overflow: hidden;
    padding: 0 15px 5px;
    width: 210px;
}
#teaser h1 {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 2px;
}
#teaser h2 {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 7px;
}
#teaser p {
    font-size: 12px;
    line-height: 18px;
}
#teaser .date { letter-spacing: 1px; }

.website-start .teaser {
    display: inline;
    float: left;
    margin: 0 15px;
    overflow: hidden;
}
.website-start .grid_3 { width: 210px; }
.website-start .grid_4 { width: 290px; }
.website-start .grid_6 { width: 450px; }
.website-start .grid_8 { width: 610px; }
.website-start .teaser h1 {
    color: #616366;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    padding: 24px 0 5px;
}
.website-start .teaser p {
    padding: 9px 0 36px;
}
.website-start .welcome h1 {
}
.website-start .quote blockquote {
    font-size: 24px;
    font-style: italic;
    line-height: 30px;
}
.website-start .welcome p {
    column-count: 3;
    column-gap: 30px;
    column-width: 290px;
    -moz-column-width: 290px;
    -webkit-column-width: 290px;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
}
.website-start .quote p {
    color: #999;
    font-style: italic;
    padding-top: 0;
}
.website-start .quote img {
    float: left;
}

/* GRID */
.grid_1 { width: 50px; }
.grid_2 { width: 130px; }
.grid_3 { width: 210px; }
.grid_4 { width: 290px; }
.grid_5 { width: 370px; }
.grid_6 { width: 450px; }
.grid_7 { width: 530px; }
.grid_8 { width: 610px; }
.grid_9 { width: 690px; }
.grid_10 { width: 770px; }
.grid_11 { width: 850px; }
.grid_12 { width: 930px; }

.column {
	display: inline;
	float: left;
	margin: 0 15px;
	overflow: hidden;
}
.row {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}
.row .row {
	display: inline-block;
	margin: 0 -15px;
	width: auto;
}

/* HOME TEASER SITE */
.home #content { padding-top: 26px; }
.teaser-item { margin-bottom: 23px; }
.teaser-skin-feature {
    background-color: #4d4f53;
    margin-bottom: 30px;
}
.teaser-skin-feature .teaser-body {
    color: #FFF;
    font-size: 11px;
    line-height: 15px;
    overflow: hidden;
    padding: 7px 10px 3px;
}
.teaser-skin-feature .teaser-body a {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}
.teaser-item .teaser-title {
    color: #616366;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.teaser-skin-feature .teaser-title {
    background: url(/img/stripes.png);
    color: #FFF;
    margin-bottom: 0;
    padding: 10px 10px 5px;
}
.teaser-image {
    display: block;
    float: left;
    margin-bottom: 7px;
    margin-right: 10px;
}
.teaser-video {
    display: block;
    margin-bottom: 7px;
}
.teaser-skin-feature .teaser-image,
.teaser-skin-feature .teaser-video {
    margin-top: 3px;
}
.teaser-body p {
    margin-bottom: 7px;
}
.home .teaser-type-events {
    margin-bottom: 25px;
}
.home .teaser-type-events .event-item {
    background-color: #000;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.home .teaser-type-events .event-body {
    position: relative;
}
.home .teaser-type-events .event-title,
.home .teaser-type-events .event-title a {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}
.home .teaser-type-events .event-meta { padding-right: 120px; }
.home .teaser-type-events .event-date { color: #bdbdbc; }
.home .teaser-type-events .event-location { color: #8c8d8f; }
.home .teaser-type-events .event-links ul {
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: right;
}
.home .teaser-type-events .event-links li {
    display: inline;
    padding-left: 10px;
}
.home .teaser-type-events .event-links a {
    color: #FFF;
    font-size: 11px;
    font-weight: normal;
}

/* SIDEBAR TEASER */
.sidebar #features {
    float: left;
    margin: 0;
    padding-top: 20px;
    width: 100%;
}

/* EVENT DATA */
#detail .event-item {
    background-color: #f1f1f1;
	color: #666;
 	float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 5px;
    margin-left: 15px;
	max-width: 250px;
    padding: 5px 10px;
	position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
#detail .event-item .event-title {
	color: #333;
	text-transform: uppercase; 
}
#detail .event-item .event-host {
    font-weight: normal;
    margin-bottom: 5px;
}
#detail .event-item .event-links ul {
    margin-top: 5px;
}
#detail .event-item .event-links li {
    display: inline;
    padding-right: 10px;
}
#detail .event-item .event-links a {
    font-size: 12px;
    text-transform: uppercase;
}

/* MAIN */
#main { width: 640px; }
#main .topSection { width: 610px; }
#main h1 { font-weight: normal; }    

#main a.img {
    border: 1px solid #ccc;
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    padding: 2px;
    text-decoration: none;
    /*width: 235px;*/
}
#main a.img:hover { border-color: #151515; }
#main a.img .img-title {
    color: #666;
    display: block;
    font-size: 11px;
    line-height: 15px;
    padding: 2px 3px 0;
    margin-left: 5px;
}

#main div.bild .bildunterschrift {
    color: #666666;
    display: block;
    font-size: 11px;
    line-height: 15px;
    padding: 2px 3px 0;
    margin-left: 5px;
}

#main .image {
     border: 1px solid #ccc;
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    padding: 2px;
    text-decoration: none;
}

#main .contentliste {
    font-size: 16px;
    line-height: 24px;
    list-style-type: disc;
    margin: 0 40px 24px;
}
#main .contentliste li {
    margin-bottom: 12px;
}

/*#main .box {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ccc;
    float: left;
    margin-bottom: 22px;
    overflow: hidden;
    width: 100%;
}*/

#main .box {
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
#main .box-head {
    float: left;
    overflow: hidden;
    width: 100%;
}
#main .box-head .title {
    background-color: #f1f1f1;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    text-shadow: 1px 1px #f9f9f9;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}
#main .box-head .title span {
    color: #666;
    font-weight: normal;
}
#main .box .box-body {
    background-color: #f1f1f1;
    float: left;
    overflow: hidden;
    padding: 10px;
    width: 590px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
#main form .box .box-body { padding-bottom: 5px; }
#main .titled .box-body {
	border-radius-topleft: 0;
	-moz-border-radius-topleft: 0;
}

#main .box h3 {
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #ccc;
    color: #666;
    font-size: 11px;
    line-height: 15px;
    padding: 2px 10px;
}

#main .box .box-body .note,
#main .box .box-body .empty {
    background-color: #f9f9f9;
    clear: left;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
    width: 580px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
#main .box .box-body .empty {
    margin-bottom: 4px;
}

#main .box .imgliste {
    padding: 5px;
    width: 600px;
}
#main .box .imgliste li {
    float: left;
    padding: 5px;
    width: 110px;
}
#main .box .imgliste li a.zoom {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    float: left;
    height: 104px;
    padding: 2px;
    width: 104px;
}
#main .box .imgliste li a.zoom:hover { border-color: #151515; }
#main .box .imgliste li a.download {
    font-size: 11px;
}
#main .box .imgliste li a img { display: block; }
#main .box .imgliste li.pt a img { margin: 0 auto; }

#main .box .contentliste {
    float: left;
    font-size: 11px;
    line-height: 15px;
    list-style-type: none;
    margin: 0;
    padding: 5px 10px;
    width: 590px;
}
#main .box .contentliste li {
    margin: 0;
    padding: 5px 0;
}
#main .box .contentliste li a {
    font-size: 11px;
    line-height: 15px;
    padding-left: 25px;
}
#main .box .contentliste li.doc a { background: transparent url(/img/ico-doc.gif) no-repeat scroll left center; }
#main .box .contentliste li.pdf a { background: transparent url(/img/ico-pdf.gif) no-repeat scroll left center; }
#main .box .social-networks-list {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 5px 10px;
    width: 590px;
}
#main .box .social-networks-list li {
    display: inline;
    float: left;
    line-height: 1;
    margin-right: 5px;
    padding: 5px 0;
}
#main .social-networks li {
    float: left;
    padding-right: 5px;
}
#main .social-networks a {
    display: block;
    float: left;
}

#main .right a { margin-left: 10px; }

#main .related {
    float: left;
    overflow: hidden;
    padding: 20px 15px;
    width: 290px;
}
#main .related .related-thumb {
    float: left;
    padding-top: 5px;
    width: 100px;
}
#main .related .related-body {
    float: right;
    width: 180px;
}
#main .related h1 {
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 2px;
}
#main .related h2 {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 7px;
}
#main .event-data_ {
    background-color: #f1f1f1;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 5px;
}

/* TABLES */
#main table.default {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 24px;
    width: 100%;
}
#main table.default tr th {
    background-color: #f9f9f9;
    font-weight: bold;
    text-align: left;
}
#main table.default tbody tr th {
    text-align: center;
}
#main table.default tr th,
#main table.default tr td {
    border: 1px solid #ccc;
    padding: 5px 10px;
}
#main table.default .em th, #main table.default .em td { background-color: #f1f1f1 !important; }
#main table.default td em { color: #666; }
#main table.text-align-center td { text-align: center; }
#main table.vertical-align-middle td { vertical-align: middle; }

/* SECTION */
.topSection {
    border-top: 4px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #616366;
    float: left;
    font-size: 18px;
    line-height: 22px;
    overflow: hidden;
    padding: 21px 15px 6px;
}
.topSection span { float: left; }
.topSection .imgWrapper {
    float: right;
    margin-top: -9px;
}
.topSection .functions {
    float: right;
    font-size: 11px;
    line-height: 15px;
    margin-top: 2px;
    text-align: right;
}
.topSection .functions span { 
    float: left;
}
.topSection .functions a {
    display: block;
    float: left;
    margin-left: 5px;
}
.topSection .functions img {
    display: block;
    float: left;
}

/* TEASER-LIST */
.teaser-list {
    float: left;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 0 15px;
    width: 610px;
}
.teaser-list li {
    border-bottom: 1px dotted #ccc;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 15px;
}
.teaser-list li.last {
    border-bottom: 0;
}
.teaser-list li.protected {
    background: url(/img/protected-bg.gif) no-repeat 590px 10px;
    border: 1px solid #CCC;
    padding: 15px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.teaser-list h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 3px;
}
.teaser-list h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    margin-bottom: 19px;
}
.teaser-list p {
    font-size: 14px;
    line-height: 20px;
    margin-left: 141px;
}
.teaser-list .date { letter-spacing: 1px; }
.teaser-list .imgWrapper {
    float: left;
    padding-right: 15px;
    width: 126px;
}
.teaser-list .imgWrapper a {
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 10px;
    padding: 2px;
}
.teaser-list .imgWrapper a img {
    display: block;
    margin: 0 auto;
}
.teaser-list .meta {
    margin-top: 20px;
    width: 610px;
}
.teaser-list .protected .meta {
    width: 588px;
}
.teaser-list .meta ul li {
    border-bottom: 0;
    margin: 0;
}

/* LIGHT-LIST */
.light-list {
    float: left;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0 15px;
    width: 610px;
}
.light-list li {
    border-bottom: 1px dotted #ccc;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 20px;
    width: 610px;
}
.light-list li.last {
    border-bottom: 0;
}
.light-list h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 3px;
}
.light-list h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    margin-bottom: 19px;
}
.light-list p {
    font-size: 16px;
    line-height: 24px;
}
.light-list img {
    float: right;
    margin: 31px 0 10px 15px;
}

/* PRESS-FOTOS */
#press-fotos,
#press-fotos ul {
    float: left;
    overflow: hidden;
    width: 100%;
}
#press-fotos ul {
    padding: 20px 0 20px 15px;
    width: 625px;
}
#press-fotos li {
    background-color: #F1F1F1;
    display: inline;
    float: left;
    margin: 0 15px 15px 0;
    overflow: hidden;
    padding: 10px;
    width: 173px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#press-fotos .press-foto-tn {
    background-color: #FFF;
    border: 1px solid #CCC;
    height: 167px;
    overflow: hidden;
    padding: 2px;
    width: 167px;
}
#press-fotos .pt img {
    display: block;
    margin: 0 auto;
}
#press-fotos .press-foto-body {
    font-size: 11px;
    line-height: 15px;
    padding-top: 5px;
}
#press-fotos .press-foto-title {
    font-weight: bold;
    margin-bottom: 2px;
}
#press-fotos .press-foto-desc {
    height: 45px;
    margin-bottom: 8px;
}
#press-fotos .press-foto-meta {
    color: #8C8D8F;
}

/* PAGINATION */
#pagination {
    background: transparent url(/img/line-1px-solid-bg.gif) repeat-x scroll 0 0;
    float: left;
    overflow: hidden;
    width: 100%;
}
#pagination p {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}
#pagination .info {
    float: left;
    padding: 9px 15px;
}
#pagination .page {
    float: right;
    padding: 0 15px;
}
#pagination .page span,
#pagination .page a {
    display: block;
    float: left;
}
#pagination .page span { padding: 9px 0 9px 5px; }
#pagination .page a {
    background-color: #f1f1f1;
    padding: 0 5px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}
#pagination .page a:hover {
    background-color: #151515;
    color: #fff;
}
#pagination .page .active {
    background: transparent url(/img/pagination-active-bg.gif) no-repeat scroll center top;
    font-weight: bold;
    padding: 9px 5px;
}

/* META */
.meta, .meta ul { float: left; }
.meta ul { width: 100%; }
.meta li {
    float: left;
    padding: 0 4px 4px 0;
}
.meta li h3 {
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 3px;
    text-transform: uppercase;
    width: 100%;
}
.meta h3 a {
    font-size: 11px;
    font-weight: normal;
}
.meta h3 a:hover {
}
.meta .meta-entry {
    background-color: #f1f1f1;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    padding: 2px 5px;
    text-decoration: none;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}
.meta .meta-entry .caption { font-weight: bold; }
.meta .meta-entry .value { font-weight: normal; }
.meta span.meta-entry, .meta .meta-entry .number { color: #666; }
.meta a.meta-entry:hover {
    background-color: #333;
    color: #fff;
}
.meta a.meta-entry:hover span { color: #fff; }
.meta .meta-entry img { vertical-align: top; margin: 1px 0 3px 3px; }
.meta .active a.meta-entry {
    background-color: #333;
    background-image: url(/img/remove-bg.gif);
    background-position: right 6px;
    background-repeat: no-repeat;
    padding-right: 17px;
    color: #fff;
    font-weight: bold;
}
.meta .active a.meta-entry span { color: #fff; }

.meta .ot-pi,
.meta .ot-event,
.meta .ot-gallery,
.meta .ot-pdf,
.meta .ot-audio,
.meta .ot-video {
    background-image: url(/img/ot-bg.gif);
    background-repeat: no-repeat;
    font-weight: bold;
    padding-left: 18px;
}
.meta .ot-pi { background-position: 5px -40px; }
.meta .ot-event { background-position: 5px 0; }
.meta .ot-gallery { background-position: 5px -80px; }
.meta .ot-pdf { background-position: 5px -60px; }
.meta .ot-video { background-position: 5px -20px; }
.meta .ot-audio { background-position: 5px -100px; }

/* STD-TEXT */
#std-text {
    float: left;
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0;
    overflow: hidden;
    padding: 0 15px;
    width: 610px;
}
#std-text h1 {
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
    margin-bottom: 3px;
}
#std-text h2 {
    font-size: 19px;
    font-weight: normal;
    line-height: 23px;
    margin-bottom: 23px;
}
#std-text h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 0;
}
#std-text p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

/* DETAIL */
#detail {
    float: left;
    margin: 20px 0;
    overflow: hidden;
    padding: 0 15px;
    width: 610px;
}
#detail .topic {
    margin-bottom: 5px;
}
#detail h1 {
    /*color: #08427C;*/
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
    margin-bottom: 3px;
}
#detail h2 {
    font-size: 19px;
    font-weight: normal;
    line-height: 23px;
    margin-bottom: 23px;
}
#detail h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 0;
}
#detail p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}
#detail .meta,
#detail .meta ul {
    overflow: hidden;
    width: 100%;
}
#detail .meta ul { padding: 20px 0 15px; }



/* GALLERY */
.gallery {
    float: left;
    margin-bottom: 15px;
    overflow: hidden;
    width: 610px;
}
.gallery .gallery-image img, .gallery .gallery-thumbs img { display: block; }
.gallery .gallery-image,
.gallery .gallery-controls {
    float: left;
    overflow: hidden;
    width: 610px;
}
.gallery .gallery-image a {
    border: 1px solid #ccc;
    display: block;
    float: left;
    padding: 1px;
    width: 606px;
}
.gallery .gallery-image a:hover { border-color: #151515; }
.gallery .gallery-controls { padding: 5px 0 20px; }
.gallery .gallery-controls .title { font-weight: bold;}
.gallery .gallery-thumbs {
    float: left;
    overflow: hidden;
    position: relative;
    width: 610px;
}
.gallery .jcarousel-clip-horizontal {
    overflow: hidden;
    margin-left: 15px;
    padding-left: 5px;
    width: 570px;
}
.gallery .gallery-thumbs li {
    display: inline;
    float: left;
    margin: 0 5px 5px 0;
    width: 110px;
}
.gallery .gallery-thumbs li a {
    border: 1px solid #ccc;
    display: block;
    float: left;
    height: 71px;
    padding: 1px;
    width: 106px;
}
.gallery .gallery-thumbs li a:hover { border-color: #151515; }
.gallery .gallery-thumbs li.pt img { margin: 0 auto; }
.gallery .jcarousel-prev-horizontal,
.gallery .jcarousel-next-horizontal {
    background: url(/img/gallery-prev-bg.gif) no-repeat center #ccc;
    display: block;
    height: 74px; 
    position: absolute;
    text-indent: -999em;
    top: 0;
    width: 15px;
}
.gallery .jcarousel-next-horizontal {
    background-image: url(/img/gallery-next-bg.gif);
    right: 0;
}
.gallery .jcarousel-prev-horizontal:hover,
.gallery .jcarousel-next-horizontal:hover {
    background-color: #666;
}

/* SIDEBAR */
.sidebar { width: 320px; }
.sidebar .topSection { width: 290px; }
.sidebar .search { background: transparent url(/img/search-section-bg.gif) no-repeat scroll right top }
.sidebar #login,
.sidebar #search,
.sidebar .meta,
.sidebar #functions {
    padding: 0 15px;
    width: 290px;
}
.sidebar .meta ul { padding: 20px 0 12px; }
.sidebar .meta ul ul { padding: 0; }
.sidebar .meta li {
    padding-right: 0;
    width: 100%;
}
.sidebar .meta li.protected {
    padding-bottom: 10px;
}
.sidebar .meta li.protected ul {
    padding-bottom: 5px;
}
.sidebar .meta li .box,
.sidebar .meta li .box .box-head {
    float: left;
    overflow: hidden;
    width: 100%;
}
.sidebar .meta li .box .box-head {
    margin-bottom: -1px;
    position: relative;
}
.sidebar .meta li .box .box-head .more {
    float: left;
    font-size: 11px;
    line-height: 15px;
    padding: 8px 10px 6px;
}
.sidebar .meta li.protected .box-head .title {
    background: url(/img/protected-bg.gif) no-repeat 10px center #FFF;
    border-color: #CCC #CCC #FFF #CCC;
    border-style: solid;
    border-width: 1px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 23px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}
.sidebar .meta li .box-body {
    background-color: #FFF;
    border: 1px solid #CCC;
    float: left;
    overflow: hidden;
    padding: 5px 10px 0;
    width: 268px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topright: 3px;
}

/* SUBNAVI */
#subnavi,
#subnavi ul {
    float: left;
    overflow: hidden;
    width: 100%;
}
#subnavi ul li {
    float: left;
    font-size: 14px;
    line-height: 18px;
    padding: 0 15px;
    width: 290px;
}
#subnavi ul li a,
#subnavi ul li span {
    border-bottom: 1px dotted #ccc;
    display: block;
    float: left;
    padding: 9px 0;
    text-decoration: none;
    width: 290px;
}
#subnavi ul li.last a, #subnavi ul li.last span { border-bottom: 0; }
#subnavi ul li.active { background: url(/img/sidebar-active-bg.gif) no-repeat 0 13px; }
#subnavi ul li.active span { font-weight: bold; }
#subnavi ul li ul {
    border-bottom: 1px dotted #ccc;
}
#subnavi ul li.last ul {
    border-bottom: 0;
    border-top: 1px dotted #ccc;
}
#subnavi ul li ul li {
    padding: 0;
    width: 290px;
}
#subnavi ul li ul li a,
#subnavi ul li ul li span {
    border-bottom: 1px dotted #ccc;
    padding: 9px 15px;
    width: 260px;
}
#subnavi ul li ul li a { font-weight: normal; }
#subnavi ul li ul li.active { background: none; }
#subnavi ul li.last ul li a, #subnavi ul li.last ul li span { border-bottom: 1px dotted #ccc; }
#subnavi ul li.last ul li.last a, #subnavi ul li.last ul li.last span { border-bottom: 0; }

/* LOGIN */
#login {
    float: left;
    overflow: hidden;
    width: 100%;
}
#login .legend { background: transparent url(/img/login-bg.gif) no-repeat scroll left center; }
#login .forgot {
    float: left;
    font-size: 11px;
    margin-right: 10px;
}

/* SEARCH */
#search {
    float: left;
    overflow: hidden;
    width: 100%;
}
#search .keyword { background: transparent url(/img/search-keyword-bg.gif) no-repeat scroll left center; }
#search .date { background: transparent url(/img/search-date-bg.gif) no-repeat scroll left center; }
#search .category { background: transparent url(/img/search-topic-bg.gif) no-repeat scroll left center; }
#search .meta { background: transparent url(/img/search-meta-bg.gif) no-repeat scroll left center; }
#search .add {
    display: none;
    float: left;
    margin: 3px 3px 0;
}
#search .slide,
#search .reset {
    float: left;
    font-size: 11px;
    margin-right: 10px;
}
#search .slide  {
    background: transparent url(/img/btn-slide-down-bg.gif) no-repeat scroll right center;
    padding-right: 10px;
}

/* FORM 
form.default,
form.default fieldset,
form.default #panel,
form.default .legend,
form.default .note,
form.default ol,
form.default li {
    display: inline;
    float: left;
    overflow: hidden;
    width: 100%;
}
.sidebar form.default { margin: 16px 0 10px; }
.sidebar form.default fieldset { margin-bottom: 10px; }
#main form.default fieldset {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #ccc;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 590px;
}
#main form.default fieldset.functions {
    background-color: transparent;
    border: 0;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}
.sidebar form.default .legend {
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 2px 0 2px 20px;
    width: 270px;
}
#main form.default .legend {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}
#main form.default .note {
    font-size: 12px;
    line-height: 18px;
    padding: 10px 0;
}
#main form.default ol { padding-top: 10px; }
#main form.default li { padding-bottom: 10px; }
#main form.default li.checkbox-wrapper,
#main form.default li.radio-wrapper,
#main form.default li.submit-wrapper {
    padding-left: 150px;
    width: 440px;
}
#main form.default li.submit-wrapper {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
#main form.default li.submit { padding-top: 10px; }
.sidebar form.default li {
    background: #FFFFFF url(/img/form-li-bg.gif) repeat-x scroll left bottom;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 8px 9px;
    width: 270px;
}
form.default label,
form.default .label {
    float: left;
    font-size: 11px;
}
#main form.default label,
#main form.default .label {
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    width: 140px;
}
#main form.default .label {
    font-weight: normal;
}
#main form.default label.inline {
    text-align: left;
    width: auto;
}
#main form.default .checkbox-wrapper label,
#main form.default .radio-wrapper label {
    float: left;
    padding: 0 10px 0 0;
    text-align: left;
    width: 400px;
}
.sidebar form.default .inline label { margin: 0 5px; }
form.default .text,
form.default .textarea,
form.default .select {
    border: 1px solid #999;
    border-color: #999 #ccc #ccc #999;
    color: #666;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 11px;
    padding: 2px;
}
#main form.default .text, #main form.default .textarea { width: 299px; }
.sidebar form.default .text, .sidebar form.default .select { float: right; }
.sidebar form.default .text { width: 167px; }
form.default .select { padding: 1px; }
#main form.default .select { width: 305px; }
.sidebar form.default .select { width: 173px; }
form.default .text:focus,
form.default .textarea:focus,
form.default .select:focus {
    background-color: #FEFEEE;
    color: #333;
}
.sidebar form.default .inline { float: right; }
.sidebar form.default .inline .text {
    float: left;
    width: 40px;
}
.sidebar form.default .inline .select {
    float: left;
    width: auto;
}
form.default .checkbox,
form.default .radio {
    float: left;
    margin-left: 0;
    margin-right: 5px;
}
form.default .submit {
    float: left;
    margin-right: 10px;
}
*/

.sidebar form.default {
    float: left;
    padding: 20px 0 15px;
    width: 100%;
}
.sidebar form.default fieldset {
    float: left;
    padding-bottom: 5px;
    width: 100%;    
}
.sidebar form.default .add-2 {
    float: right;
    font-size: 11px;
    line-height: 15px;
    padding-top: 8px;
}
.sidebar form.default ol {
    background-color: #f1f1f1;
    float: left;
    font-size: 11px;
    line-height: 15px;
    padding: 10px 10px 5px;
    width: 270px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.sidebar form.default li {
    float: left;
    padding-bottom: 5px;
    width: 100%;
}
.sidebar form.default label {
    color: #666;
    float: left;
    font-weight: bold;
    padding: 2px;
}
.sidebar form.default .text,
.sidebar form.default .select {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #999 #ccc #ccc #999;
    color: #333;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
	margin: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.sidebar form.default .text:focus,
.sidebar form.default .select:focus {
    background: #FEFEEE;
    color: #000;
}
.sidebar form.default .text {
    float: right;
    padding: 2px;
    width: 164px;
}
.sidebar form.default .select {
    float: right;
    padding: 1px;
    width: 170px;
}
.sidebar form.default .checkbox {
    float: left;
    margin-left: 0;
}
.sidebar form.default .inline {
    float: right;
}
.sidebar form.default .inline label {
    font-weight: normal;
    padding-left: 8px;
    padding-right: 4px;
}
.sidebar form.default .inline .select {
    float: left;
    width: auto;
}
.sidebar form.default .inline .text {
    float: left;
    width: 44px;
}
.sidebar form.default .functions {
    padding-top: 10px;
}
.sidebar form.default .functions a {
    float: none;
    font-size: 11px;
    margin-right: 10px;
}
.sidebar form.default .submit {
    float: left;
    font-weight: bold;
    margin-right: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

/* FUNCTIONS */
#functions,
#funtions ul,
#functions li {
    float: float;
    overflow: hidden;
}
#functions ul { margin: 20px 0 10px; }
#functions li { margin-bottom: 10px; }
#functions a {
    color: #666;
    display: block;
    float: left;
    line-height: 18px;
    padding: 9px 10px 9px 56px;
    text-decoration: none;
    width: 224px;
}
#functions .rssBtn a { background: transparent url(/img/rssBtn-bg.gif) no-repeat scroll 0 0; }
#functions .newsletterBtn a { background: transparent url(/img/newsletterBtn-bg.gif) no-repeat scroll 0 0; }
#functions a em {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}

/* BUTTON */
.btn {
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
    font-size: 11px;
}
a.btn {
    line-height: 20px;
    padding: 2px 5px;
    text-decoration: none;
}
a.btn:hover {
    background-color: #151515;
    color: #fff;
}
input.btn {
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: visible;
    padding: 1px 3px;
    width: auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

/* FOOTER */
#footer {
    background: #333333 url(/img/line-4px-solid-bg.gif) repeat-x scroll 0 0;
    color: #ccc;
    font-size: 11px;
}
#footer .copy {
    float: left;
    padding: 15px;
}
#footer .copy a {
    color: #ccc;
}
#footer .copy a:hover {
    color: #fff;
}

#footer ul {
    float: right;
    padding-right: 5px;
}
#footer ul li { float: left; }
#footer ul li a {
    color: #ccc;
    display: block;
    float: left;
    padding: 15px 10px;
}
#footer ul li a:hover { color: #fff; }

form.contactform a.nllist {
    background: none;
    font-size: 11px;
    float: none;
}

/* FUM STYLE */
form.contactform fieldset.fum {
    border: solid 1px #999999;
    width: 545px;
    padding: 15px;
    background: #EFEFEF url(/img/form-li-bg_fum.gif) repeat-x left top;
    margin-bottom: 5px;
}
form.contactform span.fum {
    margin-left: 15px;
    color: #831400;
    font-weight: bold;
}
form.contactform div {
    margin-bottom: 10px;
}
form.contactform div.fehler {
    color: #c00;
    font-size: 12px;
    margin-bottom: 0;
}
form.contactform div label {
    font-size: 12px;
    font-weight: bold;
}
form.contactform div select {
    width: 250px;
}
form.contactform div input,
form.contactform div textarea {
    width: 450px;
}
form.contactform div input.file {
    background-color: #ffffff;
    width: 450px;
}
form.contactform div input.checkbox {
    width: 15px;
    margin-left: 0px;   
}
form.contactform a {
    background: url(/img/btn-slide-down-bg.gif) no-repeat right center;
    font-size: 11px;
    padding-right: 12px;
    float: right;
    margin-right: 62px;    
    margin-top: 5px;
    margin-bottom: 25px;
}

div.grippie {
	background:#EEEEEE url(/img/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width:95%;
	height: 20%;
}

a.linkicon {
    background: url(/img/btn-slide-down-bg.gif) no-repeat right center;
    font-size: 11px;
    padding-right: 12px;
    float: right;
    margin-top: 5px;
    margin-right: 50px;
}

#content div.kunden {
    float: left;
    width: 190px;
    height: 190px;
    border: solid 1px #CCCCCC;
    margin: 3px;
    text-align: center;
}

#content div.kunden a {
    border-bottom: none;
}

#eprfNews {
    float: left;
    overflow: hidden;
    padding: 0 15px;
    width: 290px;
}
#eprfNews ul {
    float: left;
    overflow: hidden;
    padding: 10px 0 5px;
    width: 100%;
}
#eprfNews li {
    border-bottom: 1px dotted #CCC;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}
#eprfNews li img {
    float: left;
}
#eprfNews li h1,
#eprfNews li p {
    margin-left: 110px;
}
#eprfNews li h1 {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 7px;
}
#eprfNews li p {
    font-size: 12px;
    line-height: 18px;
}
#eprfNews li p .meta {
    float: none;
    letter-spacing: 1px;
    padding: 0;
    width: auto;
}

/* SETTINGS */
#main #settings {
    margin-bottom: 0;
    padding: 20px 15px 0;
    width: 610px;
}
#main #settings .reset {
    float: left;
    font-size: 11px;
    line-height: 15px;
    padding: 8px 10px 6px;
    text-decoration: none;
}
#main #settings .functions {
    color: #666;
    float: right;
    font-size: 11px;
    line-height: 15px;
    padding: 4px 10px 5px;
    text-align: right;
}
#main #settings .functions a {
    font-weight: normal;
    text-decoration: none;
}
#main #settings .box-body {
    padding-bottom: 6px;
}

/* TABS */
.js .tabs .current-info,
.js .tabs .accessibletabsanchor,
.js .tabs .tabhead {
        left: -999em;
        position: absolute;
}
.js .tabs-list {
    border-top: 4px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #616366;
    font-size: 18px;
    line-height: 22px;
    padding: 15px 15px 0;
}
.js .tabs-list li {
    display: inline;
    float: left;
    margin-right: 4px;
}
.js .tabs-list li a {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #8c8d8f;
    display: block;
    float: left;
    padding: 5px 10px 6px;
    text-decoration: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}
.js .tabs-list li a:hover {
    background-color: #fff;
    color: #616366;
}
.js .tabs-list li.current a {
    background-color: #fff;
    color: #616366;
    margin-bottom: -1px;
    padding: 5px 10px 7px;
}