@charset "UTF-8";
/* CSS Document */

*{ margin: 0; padding: 0; }
.ct{ clear: both; }

body{ background: url(images/bg_body.gif) repeat-x; }

#page{ width: 960px; font-family: Geneva, Verdana, sans-serif; margin: 0 auto 40px auto; }

/* HEADER */
#header{ background: url(images/bg_header.gif) no-repeat #097FC5; height: 100px; }
#header #btn_contact{ display: block; width: 340px; height: 66px; float: right; background: url(images/btn_contact.gif) no-repeat #C32B2A; margin: 20px 10px 0 0; color: #FFF; text-indent: -99999px; }
#header #logo{ display: block; width: 160px; height: 66px; float: left; margin: 20px 0 0 10px; overflow: hidden; font-size: 20px; color: #FFF; background: url(images/logo_v2.gif) no-repeat; text-indent: -99999px }
#header #logo a{ display: block; width: 160px; height: 66px; } 

/* NAVIGATION */
#navigation{ display: block; height: 30px; background: url(images/bg_navigation.gif) repeat-x #EEE; }
#navigation li{ float: left; margin: 5px 15px 0 10px; list-style: none; font-size: 14px; }
#navigation li a{ text-decoration: none; color: #0477c0; text-shadow: #FFF 1px 1px; }
#navigation li.active a{ text-decoration: none; color: #C32B2A; text-shadow: #FFF 1px 1px; }

#login_box{ float: right; font-size: 12px; position: relative; width: 345px; }
#login_box strong{ color: #999; position: absolute; top: 6px; left: 0; text-shadow: #FFF 1px 1px;  }
#login_box a{ text-decoration: none; color: #CA262C; }
#login_box .btn_kc{ position: absolute; top: 6px; right: 45px; padding: 0 12px 0 0; border-right: 1px solid #999; }
#login_box .btn_logout{ display: block; width: 21px; height: 21px; text-indent: -99999px; background: url(images/btn_logout.gif) no-repeat; position: absolute; right: 10px; top: 5px; }
#login_box .btn_login{ position: absolute; right: 10px; top: 5px; }

/* COLUMN 1 */
#column1{ width: 600px; float: left; padding: 20px 0 0 0; }
#column1 #SlideShow{ width: 580px; height: 250px; background: url(images/stage_shadow.gif) bottom #fff no-repeat; margin: 0 10px 0 10px; }
#column1 #info{ margin: 30px 0 0 0; }
#column2 #box_content_info{ margin: 22px 0 0 0; }
#column1 h2, #column2 h2, #overview h2{ font-size: 20px; color: #0477c0; font-weight: 100; border-bottom: 1px solid #EEE; }
#column1 h5{ color: #999; padding: 5px 0 0 0; }
#column1 p, #column2 p, #overview p{ font-size: 12px; color: #666; text-align: left; margin: 10px 0 0 0; line-height: 18px; }
#column1 #what_is_vion{ width: 220px; float: left; margin: 0 10px 0 10px; }
#column1 #why_vion{ width: 340px; float: left; margin: 0 10px 0 10px; }
#column1 #info .read_more, #column2 #box_content_info .read_more{ height: 28px; text-indent: -99999px; background: url(images/btn_read_more_0.gif) no-repeat right; font-size: 10px; color: #999; text-decoration: none; display: block; text-align: right; margin: 10px 0 0 0; }
#column1 #info .read_more:hover, #column2 #box_content_info .read_more:hover{ color: #0477c0; background: url(images/btn_read_more_1.gif) no-repeat right; }
#column1 #info .read_more span, #column2 #box_content_info .read_more span{ display: none; }
#column1 h3{ display: block; clear: both; font-size: 15px; font-weight: 100; color: #999; margin: 20px 0 5px 10px; }
#column1 #screenshots{ display: block; height: 80px; }
#column1 #screenshots li{ list-style: none; display: block; height: 80px; width: 100px; background: #CCC; float: left; margin: 0 10px 0 10px; }

#column1 .download{ padding: 5px; margin: 0 0 10px 0; border: 1px solid #EEE; background: #F3F3F3; }
#column1 .download .btn_download{ float: right; background: url(images/btn_download.gif) no-repeat; display: block; width: 101px; height: 21px; text-indent: -99999px; margin: -2px 0 0 0; }
#column1 .download h4{ color: #666; }

#post, #overview{ padding: 10px 0 0 10px; font-size: 12px; }
#post a, #overview a{ color: #CA262C; }
#post ul, #overview ul{ margin: 0 0 0 15px; }

/* COLUMN 1 | FEATURES */
#features_list{ list-style: none; display: block; padding: 20px 0 0 0; }
#features_list li{ width: 300px; margin: 0 10px 0 10px; float: left; height: 160px; }
#features_list h2{ font-size: 15px; color: #0477c0; font-weight: 100; border-bottom: 1px solid #EEE; }
#features_list p{ font-size: 12px; color: #666; text-align: left; margin: 10px 0 0 0; line-height: 18px; }
#features_list .read_more{ height: 28px; text-indent: -99999px; background: url(images/btn_read_more_0.gif) no-repeat right; font-size: 10px; color: #999; text-decoration: none; display: block; text-align: right; margin: 10px 0 0 0; }
#features_list .read_more:hover{ color: #0477c0; background: url(images/btn_read_more_1.gif) no-repeat right; } 
#features_list .read_more span{ display: none; }


/* COLUMN 2 */
#column2{ width: 350px; float: left; padding: 9px 0 0 10px; }

#column2 #box_features{ width: 350px; }
#column2 #box_kundenmenu h2{ background: url(images/h_kundenmenu.gif) no-repeat; color: #c3272d; text-indent: -99999px; height: 52px; }
#column2 #box_kundenmenu ul{ display: block; background: url(images/bg_box.gif) repeat-y; padding: 0 0 5px 0; }
#column2 #box_kundenmenu ul li{ list-style: none; background: url(images/menu_bubble.gif) no-repeat left; margin: 0 20px 8px 10px; height: 23px; padding: 0 0 0 35px; color: #666; }
#column2 #box_kundenmenu ul li a{ color: #666; text-decoration: none; }
#column2 #box_kundenmenu ul li.active a{ color: #7CA800; text-shadow: #FFF 1px 1px; }
#column2 #box_kundenmenu .read_more{ display: block; background: url(images/bg_box_bottom.gif) no-repeat top; padding: 12px 20px 0 0; font-size: 10px; text-align: right; color: #999; text-decoration: none; }
#column2 #box_kundenmenu .read_more:hover{ color: #c3272d; }

#column2 #box_features{ width: 350px; }
#column2 #box_features h2{ background: url(images/h_features.gif) no-repeat; color: #c3272d; text-indent: -99999px; height: 52px; }
#column2 #box_features #feature_list{ display: block; height: 190px; background: url(images/bg_box.gif) repeat-y; }
#column2 #box_features #feature_list li{ list-style: none; background: url(images/check.gif) no-repeat left; margin: 0 20px 8px 10px; height: 23px; padding: 0 0 0 35px; color: #666; }
#column2 #box_features #feature_list li h3{ font-size: 15px; font-weight: 100; }
#column2 #box_features .read_more{ display: block; background: url(images/bg_box_bottom.gif) no-repeat top; padding: 12px 20px 0 0; font-size: 10px; text-align: right; color: #999; text-decoration: none; }
#column2 #box_features .read_more:hover{ color: #c3272d; }

#column2 #box_reviews{ width: 350px; margin: 8px 0 0 0; }
#column2 #box_reviews h3{ background: url(images/h_reviews.gif) no-repeat; color: #ccc; text-indent: -99999px; height: 50px; }
#column2 #box_reviews #review_list{ display: block; height: 205px; background: url(images/bg_box.gif) repeat-y; }
#column2 #box_reviews #review_list li{ list-style: none; margin: 0 20px 10px 10px; background: url(images/devide.gif) no-repeat bottom; padding: 3px 0 10px 0; }
#column2 #box_reviews #review_list li blockquote{ font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #666; font-size: 14px; }
#column2 #box_reviews #review_list li small{ font-size: 10px; display: block; text-align: right; color: #999; font-style: italic; }
#column2 #box_reviews .read_more{ display: block; background: url(images/bg_box_bottom.gif) no-repeat top; padding: 12px 20px 0 0; font-size: 10px; text-align: right; color: #999; text-decoration: none; }
#column2 #box_reviews .read_more:hover{ color: #c3272d; }
#column2 #box_reviews #review_list li a{ color: #c3272d; }

/* FOOTER */
#footer{ clear: both; margin: 35px 0 0 0; text-align: right; font-size: 11px; color: #999; padding: 6px 10px 10px 0; position: fixed; bottom: 0px; margin: 0 auto; background: #EEE; border-top: 1px solid #DDD; width: 100%; font-family: Geneva, Verdana, sans-serif }
#footer a{ color: #999; text-decoration: none; }
#footer ul{ width: 960px; margin: 0 auto; }
#footer ul li{ float: left; margin: 0 10px 0 10px; list-style: none; }

/* FORMS */
#frm_anfrage{}
#frm_anfrage label{ display: block; font-size: 12px; padding: 8px; background: #f3f3f3; border: 1px solid #EEE; margin: 0 0 10px 0; color: #666; }
#frm_anfrage .text_input{ float: right; width: 400px; padding: 5px; clear: right; margin: -5px 0 0 0; border: none; background: #fff; border: 1px solid #EEE; }
#frm_anfrage .frm_select{ float: right; }
#frm_anfrage .frm_text{ float: right; width: 400px; padding: 5px; clear: right; margin: -5px 0 0 0; border: none; background: #fff; border: 1px solid #EEE; }
#frm_anfrage .frm_lbl_comment{ height: 158px; }
#frm_anfrage .frm_lbl_vericode{ height: 90px; }

#frm_anfrage .errors{ font-size: 12px; padding: 8px; border: 1px solid #EEE; background: #F3F3F3; margin: 0 0 15px 0;  }
#frm_anfrage .errors strong{ color: #CA262C; text-shadow: #FFF 1px 1px; font-size: 15px; }

#frm_anfrage .button_submit{ background: url(images/btn_send_0.gif) right no-repeat; text-indent: -99999px; display: block; height: 28px; border: none; width: 121px; cursor: pointer; float: right; clear: both; margin: 0 8px 0 0; }
#frm_anfrage .button_submit:hover{ background: url(images/btn_send_1.gif) right no-repeat; }
#frm_anfrage .vericode_holder{ float: right; width: 400px; padding: 5px; text-align: center; }
#frm_anfrage .vericode_holder img{ margin: 0 auto; }
#frm_anfrage .lost_password{ margin: 5px 0 0 330px; padding: 5px 0 0 0; }

/* FAQs */
.faqs{ padding: 15px 0 0 0; margin: 0 !important; }
.faqs .first, .faqs .second{ padding: 15px 10px 15px 10px; }
.faqs .first:hover, .faqs .second:hover{ background: #f3f3f3; }
.faqs .first a, .faqs .second a{ text-decoration: none; }
.faqs .first{ border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.faqs .first .inhalt, .faqs .second .inhalt{}
.faqs .first h4 a, .faqs .second h4 a{ color: #333 !important; }

/* SCREENSHOTS */
#screenshots_heading{ color: #CCC; margin: 25px 0 0 10px; }
#screenshots{ height: 130px; list-style: none; padding: 10px 0 0 0; width: 605px; }
#screenshots .shot{ float: left; width: 100px; height: 100px; margin: 0 10px 0 10px !important;  }