* { margin: 0; }
html, body { height: 100%; }
html { font-size: 1em; }
body { margin: 0; padding: 0; color: #666666; background: url('../images/body_bgrepeat.png') repeat-x ; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; }
body { font-size: 62.5%; } /* 1em = 10px */
a { text-decoration: none; color: #666666; }
a:hover { color: #000 }
.blau { color: #0076bd }
#wrap { width: 900px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -13em; }
#header_bar { height: 51px; background: url('../images/header/headerbar_bgrepeat.png') repeat-x top left }
#header_bar a { float: left; }
#header_bar a img { margin-left: 17px; border: none; }
#header_bar a#logo img { display:block }
ul#secondary_navigation { float: right; margin: 0; padding: 0; list-style-type: none; }
ul#secondary_navigation li { display: inline; }
ul#secondary_navigation li a { line-height: 51px; background: url('../images/header/headerbar_divider.png') top right no-repeat; padding-right: 15px; padding-left: 13px; }
ul#secondary_navigation li a.active { color: #0076bd; }
ul#language_switch { float: right; list-style-type: none; position: relative; top: 18px; padding: 0; margin: 0; margin-left: 8px; }
ul#language_switch li { float: left; margin-left: 6px; }
ul#language_switch li a { width: 26px; height: 17px; }
ul#language_switch li#german a { background: url('../images/flags/flags_germany_inactive.png'); }
ul#language_switch li#german a.up { background: url('../images/flags/flags_germany_hover.png'); }
ul#language_switch li#german a.active { background: url('../images/flags/flags_germany_active.png'); }
ul#language_switch li#english a { background: url('../images/flags/flags_usa_inactive.png'); }
ul#language_switch li#english a.up { background: url('../images/flags/flags_usa_hover.png'); }
ul#language_switch li#english a.active { background: url('../images/flags/flags_usa_active.png'); }
ul#language_switch li#korean a { background: url('../images/flags/flags_korea_inactive.png'); }
ul#language_switch li#korean a.up { background: url('../images/flags/flags_korea_hover.png'); }
ul#language_switch li#korean a.active { background: url('../images/flags/flags_korea_active.png'); }
#header { width: 900px; height: 248px}
ul#navigation { background: url('../images/main_navigation_divider.png') top left no-repeat; list-style-type: none; padding: 0; margin: 0; float: left; height: 30px; line-height: 30px; position: relative; top: 12px; }
ul#navigation li { float: left; vertical-align: middle; margin-left: 18px; padding-right: 20px; background: url('../images/main_navigation_divider.png') top right no-repeat; }
ul#navigation li a { font-size: 13px; }
ul#navigation li a.active { color: #0076bd; }
a#forum { float: right; width: 61px; height: 22px; background: url('../images/forum.png') top left no-repeat; position: relative; top: 17px; }
a#forum.up { background: url('../images/forum_hover.png') top left no-repeat; }
#content { position: relative; top: 50px; }
#content h1 { font-size: 1.8em; color: #999999; min-height: 25px; }
#content h1.two_rows { min-height: 50px; }
#content h2 { font-size: 1.8em; color: #0076bd; min-height: 25px; }
#content h2.two_rows { min-height: 50px; }
#content h3 { font-size: 1.2em; font-weight: normal; min-height: 25px; background: url('../images/h3_underline.png') 0px 24px repeat-x; }
#content h3.two_rows { min-height: 50px; }
#content p { font-size: 1.2em; line-height: 1.7em; margin: 1.7em 0em; }
#col { width: 285px; margin-right: 40px; float: left; }
.rounded_corners { position: relative; background: url('../images/rounded_box_bg.png') bottom left no-repeat;}
.rounded_corners h2 { background: url('../images/rounded_box_headerbg.png') top left no-repeat; padding: 15px 12px 0px 12px; }
.rounded_corners p { padding: 0px 12px 0px 12px; margin-left: 4px; }
.rounded_corners img.margin_img { margin: 0px 0px 0px 1px }
.rounded_corners .slideshow a { padding: 2px; border: 1px solid #999999; background-color: white; margin-left: 11px; }
.rounded_corners .slideshow a img { border: none; width: 253px; height: 184px; }
#col div.blue_box { width: 288px; height: 174px; background: url('../images/blue_box_bg.png') top left no-repeat; margin-left: -4px; }
#col div.blue_box p { color: white; padding: 75px 22px 0px 22px; font-size: 1.1em; line-height: 1.6em; cursor: pointer; }
#col div.blue_box p a { text-decoration: none; color: white; }
#right_col { width: 250px; margin: 0px; float: right; }
#right_col p { font-size: 1.1em; line-height: 1.6em; }
#content .news h4 { font-size: 1.1em; color: #0076bd; font-weight: normal; margin-top: 18px; }
#content .news p { padding-bottom: 13px; margin: 9px 0px 0px 0px; background: url('../images/h3_underline.png') bottom left repeat-x; }
#content .news p.date { color: #999999; margin: 0; padding: 0; background: none; }
#content .news p.last { background: none; }
#two_col { width: 610px; margin-right: 40px; float: left; margin-bottom: 40px; }
#two_col div.blue_box { width: 610px; height: 174px; background: url('../images/produkte/under_construction.jpg') top left no-repeat }
#two_col div.blue_box p { color: white; padding: 75px 250px 0px 22px; font-size: 1.1em; line-height: 1.6em; /*cursor: pointer;*/ }
#tow_col div.blue_box p a { text-decoration: none; color: white; }
.portrait { margin: 0px 0px 40px 0px; height: 220px }
.portrait img { margin: 0px 40px 0px 0px; float:left }
#footer { height: 155px; background: url('../images/footer_bgrepeat.png') bottom left repeat-x; }
#footer p { margin: 0; }
#footer .content { width: 900px; margin: 0 auto; position: relative; }
#footer .content .logos { position: absolute; right: 0px; top: 30px; }
#footer .content .logos a img { border: none; }
#footer .content .copyright { float: right; color: white; position: relative; top: 95px; font-size: 1.1em; }
#footer .content .logosleft { position: absolute; left: 0px; top: 0px; }
#footer .content .logosleft a img { border: none; }
div.clear_fix { clear: both; }
div.push { height: 17em; }
.download { float: right;
width: 96px;
height: 22px;
background: url('../images/download.png') top left no-repeat;
position: relative;
right: 17px;
text-align:center;
}
.download:hover { background: url('../images/download_hover.png') top left no-repeat;
}
.download_small { float: right;
width: 48px;
height: 22px;
background: url('../images/download_small.png') top left no-repeat;
position: relative;
right: 17px;
text-align:center;
}
.download_small:hover { background: url('../images/download_hover_small.png') top left no-repeat;
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}