/* Reset */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,font,img,small,strong,ol,ul,li,fieldset,form,table,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
:focus { outline: 0; }
html, body { width: 99%; height: 99%; }
ol, ul { list-style: none }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }

/* Basics */
em { font-style: italic; }
.bold, strong { font-weight: bold; }
.underline { text-decoration: underline; }
small { font-size: 10px; }
.normal-size { font-size: 100% !important; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }

.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.floatNone { float: none !important; }

.clear { clear: both}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.relative { position: relative !important; }
.absolute { position: absolute; }

.inline { display: inline; }

.cursor { cursor: pointer; }

body { font-family: Arial; font-size: 12px; color: #121b21; }

a { font-size: 12px; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: none; }

em { font-size: 12px; font-family: Arial; font-weight: normal; color: #121b21; }
em a:hover { text-decoration: underline; }

/**pre, code { margin: 0 5px 5px 5px; padding: 5px; border: 1px dotted #c5c5c5; background-color: #dfdfdf; font-size: 11px; font-family: Arial; font-weight: normal; color: #121b21; }
code { margin: 0; }**/

code { font-size: 1.15em; padding: 1%; margin: 1%; width: 97%; }

.border { border: 1px solid #dfdfdf !important; }

/* Listing */
ul.rounded-blue, ul.rounded-black, ul.rounded-orange, ul.rounded-green { list-style-type: none; margin: 15px 5px; line-height: 20px; }
ul.rounded-blue li a:hover, ul.rounded-black li a:hover, ul.rounded-orange li a:hover, ul.rounded-green li a:hover { text-decoration: underline; }
ul.rounded-blue li { padding-left: 13px; background: transparent url(/images/lists/rounded-blue.gif) no-repeat 0 8px; }
ul.rounded-black li { padding-left: 13px; background: transparent url(/images/lists/rounded-black.gif) no-repeat 0 8px; }
ul.rounded-orange li { padding-left: 13px; background: transparent url(/images/lists/rounded-orange.gif) no-repeat 0 8px; }
ul.rounded-green li { padding-left: 13px; background: transparent url(/images/lists/rounded-green.gif) no-repeat 0 8px; }

/* Tables */
table { width: 100%; margin: 15px 0; }
table, td, th { vertical-align: middle; }
td, th { padding: 10px; border-bottom: 1px solid #e5e5e5; }
th { background: #c5c5c5; text-align: left; font-weight: bold; text-transform: uppercase; }
tr:hover { background: #e5e5e5; text-align: left; cursor: pointer; }

/* Formelements */
input, textarea, label.overlay { font-size: 12px; font-family: Arial; }

div.input-search { position: relative; }

div.input-text { width: 227px; height: 25px; position: relative; margin-bottom: 20px; background: url(/images/forms/input-text-bg.png) no-repeat; }
div.input-text input { width: 207px; height: 18px; padding: 5px 0 0 10px; border: 0; background: none; }

div.input-text-big { width: 475px; height: 27px; position: relative; margin-bottom: 20px; background: url(/images/forms/input-text-big-bg.png) no-repeat; }
div.input-text-big input { width: 430px; height: 20px; padding: 5px 0 0 6px; border: 0; background: none; }

div.textarea { width: 227px; height: 176px; position: relative; margin-bottom: 20px; background: url(/images/forms/textarea-bg.png) no-repeat; }
div.textarea textarea { width: 207px; height: 156px; margin: 10px; border: 0; background: none; }

div.textarea-big { width: 452px; height: 244px; position: relative; margin-bottom: 20px; background: url(/images/forms/textarea-big-bg.png) no-repeat; }
div.textarea-big textarea { width: 430px; height: 220px; margin: 10px 6px; border: 0; background: none; }

.submit { width: 106px; height: 30px; padding-left: 20px; color: #151f25; font-weight: normal; border: 0; cursor: pointer; }

.abort { width: 106px; height: 30px; padding-left: 20px; color: #151f25; font-weight: normal; border: 0; cursor: pointer; }

label.overlay { position: relative; top: 3px; left: 12px; z-index: 5; cursor: text; }
label.error { position: relative; bottom: -18px; left: 11px; display: block; color: red; font-size: 10px; overflow: hidden; }

/* Margin and Paddings */
.m15  { margin: 15px; }
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }
.mr5  { margin-right: 5px; }
.mr12 { margin-right: 12px; }
.mr13 { margin-right: 13px; }
.mb5  { margin-bottom: 5px; }
.ml5  { margin-left: 5px; }
.ml15 { margin-left: 15px; }

.nomt { margin-top: 0px !important; }

.pl4  { padding-left: 4px; }

/* Width and Heights */
.w95  { width: 95px; }
.w110 { width: 110px; }
.w130 { width: 130px; }
.w170 { width: 170px; }
.w210 { width: 210px; }

/* Font-Size */
.f14 { font-size: 14px; }

/* Colors */
.blue { color: #006bb1 !important; }
.gray { color: #8f8f8f; }

/* Color-Switcher */
#color-switcher { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 0px; background: #fff; border-bottom: 1px solid #d7d7d7; overflow: hidden; }
#color-switcher .color-box { float: left; margin: 10px 15px 0 10px; }
#color-switcher .color-box h1 { font-size: 20px; color: #d7d7d7; margin-bottom: 5px; }
#color-switcher .color-box p { line-height: 20px; }
#color-switcher .color-box img { border: 1px solid #d7d7d7; cursor: pointer; }
#color-slider { position: absolute; top: 0; left: 100px; z-index: 101; width: 133px; height: 35px; background: transparent url(/images/color-switcher/slider.gif) no-repeat bottom; cursor: pointer; }
#color-slider span { position: absolute; bottom: 10px; left: 32px; color: #d7d7d7; font-size: 12px; }

/* Template */
body { width: 970px; margin: auto auto; }

/* Header */
/**#header { position: relative; width: 970px; height: 240px; text-align: center; }**/
header { width: 99%; height: 100px; text-align: center; float: left; clear: both; }

header .lang-switcher { float: right; margin: 0px 0px 0px 0px; width: 110px; height: 30px; line-height: 30px; font-size: 11px; text-align: left; }
header .lang-switcher a { font-size: 11px; }

/* Navigation */
nav { float: left; z-index: 4; margin: 0px 10px 10px 52px; width: 908px; height: 40px; clear: both; }
/**nav { position: absolute; z-index: 4; top: 100px; left: 0; width: 908px; height: 40px; margin: 0 10px 0 52px; }**/
/**nav .left { position: absolute; left: -52px; top: 0; display: block; width: 52px; height: 40px; background: url(/images/blue/navi/home.png) no-repeat; cursor: pointer; }**/
nav .left { float: left; width: 52px; height: 40px; background: url(/images/blue/navi/home.png) no-repeat; cursor: pointer; margin: 0px 0px 0px -52px; }
/**nav .right { position: absolute; right: -10px; top: 0; width: 10px; height: 40px; background: url(/images/navi/right.png) no-repeat; overflow: hidden; }**/
nav .right { float: left; margin: 0px -10px 0px 0px; width: 10px; height: 40px; background: url(/images/navi/right.png) no-repeat; overflow: hidden; }
nav .center { width: 908px; height: 40px; background: url(/images/navi/bg.png) repeat-x; }

nav .center .main ul { position: absolute; top: -999em; width: 10em; }
nav .center .main ul li { width: 100%; }
nav .center .main li:hover { visibility: inherit; }
nav .center .main li { float: left; position: relative; }
nav .center .main a { display: block; position: relative; }
nav .center .main li:hover ul, .main li.hover ul { left: 0; top: 3.3em; z-index: 99; }
nav .center .main li:hover li ul, .main li.hover li ul { top: -999em; }
nav .center .main li li:hover ul, .main li li.hover ul { left: 10em; top: 0; }
nav .center .main li li:hover li ul, .main li li.hover li ul { top: -999em; }
nav .center .main li li li:hover ul, .main li li li.hover ul { left: 10em; top: 0; }
nav .center .main { float: left; margin-bottom: 1em; min-width: 695px; }
nav .center .main a { display: block; color: #141e24; height: 40px; line-height: 40px; padding: 0 15px; text-decoration: none; }
nav .center .main a:hover, nav .center .main a.active { padding: 0 14px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; text-decoration: none; background: url(/images/navi/hover.png) repeat-x; }
nav .center .main li.hover { background: url(/images/navi/hover.png) repeat-x; }
nav .center .main li.hover a { padding: 0 14px 0 14px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; }
nav .center .main li { background: none; }
nav .center .main li ul { overflow: hidden; }
nav .center .main li li { background: #d3d3d3; text-align: left; border-left: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }
nav .center .main li li a, nav .center .main li.hover li a { padding: 0 14px; color: #141e24; border: 0 !important; }
nav .center .main li li a:hover { background: none; }

nav .center .search { float: left; width: 205px; height: 25px; margin: 8px 7px 0 0; }
nav .center .search input { float: left; width: 157px; height: 16px; padding: 5px 0 0 9px; font-size: 12px; background: none; border: 0; }
nav .center .search .btn { float: right; width: 25px; height: 25px; background: url(/images/forms/search-btn.png) no-repeat top left; border: 0; cursor: pointer; text-indent: -8657px; overflow: hidden; }
nav .center .search label.overlay { top: 6px; left: 10px; }

/* Slider */
#slider { float: left; z-index: 1; height: 430px; width: 970px; margin-top: 10px; overflow: hidden; }
#slider ul.slider-one-navi { position: absolute; top: 20px; right: 25px; z-index: 3; height: 16px; list-style-type: none; clear: both; }
#slider ul.slider-one-navi li { display: inline; }
#slider ul.slider-one-navi li a { display: block; float: left; height: 16px; width: 16px; margin-left: 4px; cursor: pointer; }

.slider-one { height: 420px; width: 970px; background: url(/images/slider/slider-one-dropshadow.png) no-repeat bottom center; overflow: hidden; }
.slider-one .slider-one-items .slider-one-item { position: relative; float: left; height: 400px; width: 970px; overflow: hidden; }
.slider-one .slider-one-items .slider-one-item .slider-one-content { position: absolute; bottom: 0; left: 0; z-index: 2; width: 970px; height: 78px; background: url(/images/slider/slider-one-content-bg.png) no-repeat bottom left; color: #ffffff; }
.slider-one .slider-one-items .slider-one-item .slider-one-content h1 { position: absolute; top: 16px; left: 25px; font-size: 15px; font-family: Arial; color: #ffffff; }
.slider-one .slider-one-items .slider-one-item .slider-one-content p { position: absolute; top: 34px; left: 25px; width: 700px; font-family: Arial; }
.slider-one .slider-one-items .slider-one-item .slider-one-content a { position: absolute; top: 25px; right: 25px; width: 94px; height: 30px; line-height: 30px; padding-left: 39px; color: #121b21; font-size: 13px; font-weight: bold; cursor: pointer; }

/* Content */
#mainArea { float: left; z-index: 3; padding-bottom: 15px; }

.box-transparent { float: left; width: 970px; height: 76px; z-index: 100; margin-bottom: 1%; }
.box-transparent .box-transparent-content { float: left; height: 51px; width: 970px; clear: both; }
.box-transparent .box-transparent-content div { float: left; height: 44px; padding: 9px 25px 0 25px; text-align: left; }
.box-transparent .box-transparent-content div.right { float: right; }
.box-transparent .box-transparent-content div.sep { background: url(/images/box-transparent-seperator.png) no-repeat center right; }
.box-transparent .box-transparent-content div img { float: left; margin: 4px 5px 0 0; }
.box-transparent .box-transparent-content div h4 { font-size: 15px; color: #ffffff; }
.box-transparent .box-transparent-content div span { font-size: 11px; font-weight: bold; }
.box-transparent .box-transparent-content div a { font-size: 11px; font-weight: bold; }
.box-transparent .box-transparent-content div a:hover { text-decoration: underline; }
.box-transparent .box-transparent-content div ul { float: right; width: 124px; list-style-type: none; }
.box-transparent .box-transparent-content div ul li { display: inline; }
.box-transparent .box-transparent-content div ul li img { margin: 0 6px 0 6px; }

.box-white { position: relative; margin-bottom: 15px; }
.box-white .top { width: 970px; height: 10px; background: url(/images/box-white-top-bg.png) no-repeat top left; }
.box-white .content { width: 942px; min-height: 82px; height: auto !important; height: 82px; padding: 4px 14px 80px 14px; background: #ffffff url(/images/box-white-bg.png) no-repeat bottom left; }
.box-white .bottom { width: 970px; height: 10px; background: url(/images/box-white-bottom-bg.png) no-repeat bottom left; }
.box-white .breadcrumb { width: 937px; height: 19px; line-height: 19px;  padding: 0 14px 0 19px; background-color: #ffffff; }
.box-white .breadcrumb a { color: #131c22; font-size: 11px; font-weight: normal; }
.box-white .breadcrumb a.active { font-weight: bold; }
.box-white h1 { font-size: 26px; font-weight: bold; }
.box-white h1 em { padding-top: 13px; text-align: right; }
.box-white h2 { font-size: 20px; }
.box-white h3 { font-size: 16px; font-weight: bold; padding: 0 0 10px 5px; }
.box-white h3 a { font-size: 16px; font-weight: bold; }
.box-white hr { border-top: 0px; border-right: 0px; border-bottom: 3px solid #c5c5c5; border-left: 0px; margin: 20px 0 20px 0; }
.box-white p { line-height: 20px; padding: 0 5px 0 5px; }
.box-white blockquote { border-left: 9px solid #c5c5c5; margin: 15px 0 15px 15px; padding: 10px 5px 10px 10px; line-height: 20px; font-style: italic; font-weight: bold; color: #162027; }

.box-half { position: relative; width: 465px; float: left; }
.box-one-third { width: 304px; float: left; }
.box-two-third { width: 623px; float: left; }
.box-half p a:hover, .box-one-third p a:hover, .box-two-third p a:hover { text-decoration: underline; }
.box-half .counter { width: 220px; font-size: 100px; color: #d0d2d4; margin: 60px auto 0; }
.box-half .bottom-right { position: absolute; bottom: 0; right: 0; }

.box-img-small { position: relative; width: 305px; height: 124px; overflow: hidden; text-align: center; }
.box-img-small .box-img-border-small { position: absolute; top: 0; left: 0; z-index: 4; width: 305px; height: 124px; background: url(/images/box-img/small.png) no-repeat; }
.box-img-small img { margin-top: 16px; }

.box-img-big { position: relative; width: 463px; height: 178px; overflow: hidden; text-align: center; }
.box-img-big .box-img-border-big { position: absolute; top: 0; left: 0; z-index: 4; width: 463px; height: 178px; background: url(/images/box-img/big.png) no-repeat; }
.box-img-big img { margin-top: 18px; }

.box-img-giant { position: relative; width: 624px; height: 549px; overflow: hidden; text-align: center; }
.box-img-giant .box-img-border-giant { position: absolute; top: 0; left: 0; z-index: 4; width: 624px; height: 549px; background: url(/images/box-img/giant.png) no-repeat; }
.box-img-giant img { margin-top: 17px; }

.box-blog { position: relative; }
.box-blog h1 { font-size: 26px; color: #172128; margin-bottom: 5px; }
.box-blog a:hover { text-decoration: underline; }
.box-blog .blog-navi { width: 145px; float: right; margin-top: 10px; }
.box-blog .blog-navi .blog-item { height: 38px; padding-top: 12px; }
.box-blog .blog-navi .blog-border { border-bottom: 1px solid #dedede; }

.box-blog-reply { position: relative; }
.box-blog-reply h2 { font-size: 20px; color: #000000; margin-left: 9px; padding-bottom: 13px; border-bottom: 1px solid #c5c5c5; }
.box-blog-reply .comment { margin-left: 9px; border-bottom: 1px solid #c5c5c5; padding: 19px 0 19px 0; }
.box-blog-reply .comment .comment-user img { float: left; margin-right: 10px; }
.box-blog-reply .comment .comment-user p { float: left; }
.box-blog-reply .comment .comment-content { margin-top: 10px; }
.box-blog-reply .comment p.comment-content { padding-left: 65px; }

.box-blog-write-reply { position: relative; margin-left: 9px; }
.box-blog-write-reply h2 { font-size: 20px; color: #000000; margin-bottom: 13px; }
.box-blog-write-reply h2 a { font-size: 20px; }
.box-blog-write-reply h2 a:hover { text-decoration: underline; }

.box-sidebar { position: relative; }
.box-sidebar .sidebar-top { width: 303px; height: 10px; background: url(/images/sidebar/top.png) no-repeat; overflow: hidden; }
.box-sidebar .sidebar-bottom { width: 303px; height: 10px; background: url(/images/sidebar/bottom.png) no-repeat; }
.box-sidebar .sidebar-content { width: 271px; padding: 16px; background: url(/images/sidebar/content.png) repeat-y; }
.box-sidebar .sidebar-content h3 { font-size: 16px; color: #172128; }
.box-sidebar .sidebar-content p { font-size: 11px; color: #6a6a6a; }
.box-sidebar .sidebar-content img { margin: 20px 0 20px 0; }
.box-sidebar .sidebar-content ul.sub-navi { width: 269px; border-bottom: 1px solid #dedede; }
.box-sidebar .sidebar-content ul.sub-navi li { width: 269px; height: 29px; border-top: 1px solid #dedede; }
.box-sidebar .sidebar-content ul.sub-navi li a { display: block; width: 262px; height: 29px; line-height: 29px; padding-left: 7px; color: #6a6a6a; font-weight: normal; background: transparent url(/images/icons/arrow-gray.png) no-repeat 250px center; }
.box-sidebar .sidebar-content ul.sub-navi li a:hover, .box-sidebar .sidebar-content ul.sub-navi li a.active { color: #ffffff; }
.box-sidebar .sidebar-content ul.categories { width: 269px; border-top: 1px solid #dedede; padding: 15px 0 30px 0; }
.box-sidebar .sidebar-content ul.categories li { width: 269px; height: 20px; }
.box-sidebar .sidebar-content ul.categories li a { display: block; width: 269px; height: 20px; line-height: 20px; padding-left: 7px; color: #152026; font-weight: normal; }

.social-navi { position: absolute; top: 2px; right: 4px; clear: both; }

.pagination { position: absolute; bottom: 15px; left: 15px; color: #151f25; font-size: 11px; height: 18px; line-height: 18px; }
.pagination a { padding: 3px 5px; color: #151f25; font-size: 11px; }
.pagination a:hover, .pagination a.active { padding: 3px 5px; color: #ffffff; background-color: #151f25; }

/* Buttons */
a.btn-comments { display: block; width: 100px; height: 24px; line-height: 24px; padding-left: 35px; cursor: pointer; }
a.btn-comments:hover { text-decoration: underline; }

a.facebook { display: block; float: left; width: 25px; height: 25px; margin-right: 4px; text-indent: -8567px; overflow: hidden; background: url(/images/icons/facebook-blue.png) no-repeat; }
a.twitter { display: block; float: left; width: 26px; height: 25px; margin-right: 4px; text-indent: -8567px; overflow: hidden; background: url(/images/icons/twitter-blue.png) no-repeat; }

/* Footer */
footer { float: left; z-index: 4; }
footer .bottom-navi { font-size: 11px; color: #6e8b9e; height: 52px; line-height: 52px; padding: 0 22px 0 22px; }
footer .bottom-navi a { font-size: 11px; font-weight: normal; padding: 0 9px 0 9px; }
footer .bottom-navi a:hover { text-decoration: underline; }

.footer-top { width: 970px; height: 64px; }
.footer-top ul li { display: inline; }
.footer-top ul li h2 { float: left; width: 210px; font-size: 20px; color: #ffffff !important; margin-top: 20px; padding-left: 25px; }
.footer-bottom { width: 970px; height: 10px; background: url(/images/footer-bottom.png) no-repeat; }
.footer-content { padding: 18px 0 18px 25px; background: url(/images/footer-bg.png) repeat-y; min-height: 1px; height: auto !important; height: 1px; }
.footer-content ul li { display: inline; }
.footer-content ul li span, .footer-content ul li div { float: left; line-height: 20px; width: 235px; }
.footer-content ul li ul li { display: block; }
.footer-content ul li ul li a:hover { text-decoration: underline; }