/* fonts */
@font-face {
	font-family: RotisSansSerif;
	src: url('/fonts/RB______.PFM');
}

/* reset */
html{ overflow-y:scroll; }
html, body{ margin:0px; padding:0px; }
a{ outline:none; }
a img{ border:none; }

/* common */
body { font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }

/* generic */
.clear{ clear:both; }

/* main */
#main{ width:823px; margin:auto; }

/* menu */
#menu .home-btn{ cursor:pointer; height:21px; width:31px; margin-right:1px; background:url('/images/home_btn.png'); float:left; }
#menu .home-btn:hover{ background:url('/images/home_btn_hover.png'); }
#menu .home-btn-active{ background:url('/images/home_btn_hover.png'); }
#menu .lang-btn{ cursor:pointer; height:20px; margin-left:1px; margin-top:1px; width:42px; float:left; }
#menu .lang-btn-de{ background:url('/images/lang_btn.png'); }
#menu .lang-btn-en{ background:url('/images/lang_btn_en.png'); }
#menu .lang-btn-de:hover{ background:url('/images/lang_btn_en.png'); }
#menu .lang-btn-en:hover{ background:url('/images/lang_btn.png'); }
#menu ul.navigation{ height:21px; width:597px; float:left; list-style-type:none; padding:0px; margin:0px; background:url('/images/menu_bg.png'); padding-left:150px; }
#menu ul.navigation li{ height:21px; float:left; width:92px; text-align:center; border-left:1px solid #fff; }
#menu ul.navigation li.last{ border-right:1px solid #fff; }
#menu ul.navigation li:hover, #menu ul.navigation li.active{ background:url('/images/menu_bg_hover.png'); }
#menu ul.navigation li a{ text-decoration:none; color:#fff; line-height:21px; }

/* animation */
#animationWrapper{ margin-top:11px; margin-bottom:30px; height:108px; border-top:1px solid #888; border-bottom:1px solid #888; }
#animationNext{ cursor:pointer; position:absolute; z-index:999; margin-top:42px; margin-left:700px; width:25px; height:25px; background:url('/images/arrow_right.png'); }

/* left sidebar */
#left{ width:140px; float:left; margin-right:40px; }
#left h1{ font-size:8pt; color:#cf0128; }
#left ul.navigation{ list-style-type:none; padding:0px; margin:0px; }
#left ul.navigation li{ cursor:pointer; padding-top:6px; padding-bottom:10px; background:url('/images/left_border_bottom.png') no-repeat bottom; }
#left ul.navigation li:hover, #left ul.navigation li.active{ background-image:url('/images/left_border_bottom_hover.png'); }
#left ul.navigation li a{ font-size:9pt; text-decoration:none; color:#777; }
#left ul.navigation li:hover a, #left ul.navigation li.active a{ font-size:9pt; text-decoration:none; color:#444; }

/* content */
#content{ width:447px; float:left; font-size:9pt; line-height:14pt; color:#555; height:400px; overflow-y:scroll; padding-right:20px; }
#content h1{ margin:0px; padding:0px; font-size:12pt; color:#6b6b6b; line-height:14pt; }
#content h2{ margin:0px; padding:0px; font-family:'RotisSansSerif', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#6b6b6b; font-size:11pt; color:#6b6b6b; line-height:14pt; font-weight:bold; }
#content h3{ margin:0 0 -13px 0; padding:0px; font-family:'RotisSansSerif', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:10pt; line-height:14pt; font-weight:bold; }
#content ul{ padding-left:25px; color:#cf0128; line-height:16pt; }
#content hr{ width:70%; color:#cf0128; margin-top:20px; margin-bottom:20px; }
#content a, a{ color:#cf0128; }
#content li span{ color:#666; }
#content .myFieldset{border:medium none; margin-bottom:10px; padding:5px; width:100%; background:#f8f8f8; }
#content input[type='text'] { width:100%; }
#content img{ float:right; }
#content img.left{ float:left; }

/* right sidebar */
#right{ width:141px; float:left; margin-left:35px; }
#right .last{ border-bottom:1px dotted #888; }
#right .button{ width:133px; height:40px; border-top:1px dotted #888; cursor:pointer; }
#right .kontakt{ background:url('/images/kontakt-wpicto.png') no-repeat left center; }
#right .kontakt:hover{ background:url('/images/kontakt-wpicto-hover.png') no-repeat left center; }
#right .downloads{ background:url('/images/downloads-wpicto.png') no-repeat left center; }
#right .downloads:hover{ background:url('/images/downloads-wpicto-hover.png') no-repeat left center; }
#right .kundenlogin{ background:url('/images/kundenlogin-wpicto.png') no-repeat left center; }
#right .kundenlogin:hover{ background:url('/images/kundenlogin-wpicto-hover.png') no-repeat left center; }
#right .quickcheck{ background:url('/images/quickcheck-wpicto.png') no-repeat left center; }
#right .quickcheck:hover{ background:url('/images/quickcheck-wpicto-hover.png') no-repeat left center; }
#right .button span{ color:#666666;display:block;font-size:7pt;font-weight:normal;margin-left:51px;padding-bottom:5px;padding-top:13px;background:#fff; }
#right .button:hover span{ color:333; }

/* footer */
#footer{ margin-top:20px; border-top:1px solid #aaa; text-align:right; font-size:7pt; padding-top:3px;}
#footer a{ text-decoration:none; color:#777; }
#footer a:hover{ color:#222; }

/* fontReplace via CSS3 */
.fontReplace1{	font-family:'RotisSansSerif', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:9pt; color:#ffffff; display:block; }
.fontReplace2{	font-family:'RotisSansSerif', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:11pt; color:#cf0128; }
.fontReplace3{	font-family:'RotisSansSerif', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#6b6b6b; }
.fontReplace4{	font-family:'RotisSansSerif', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:9pt; color:#777; }
#content{ font-family:'RotisSansSerif', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:10pt; }
.teaser{ font-family:'RotisSansSerif', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:10pt; color:#555; padding:5px; border:1px dotted #fff; margin-right:5px; }

/* popup */
#content a.popupTrigger{ font-weight:bold; color:#6b6b6b; text-decoration:none; border-bottom:1px dotted #777;}

