/**
 * reset
 */
body, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, p, form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5 {
	font-size: 100%;
	font-weight: normal;
}

ul, ol {
	list-style: none;
}

img {
	border: 0;
}

 
/**
 * global
 */
body {
	font-family: Arial;
	font-size: 12px;
	color: #6b6b6b;
	line-height: 1.7em;
}
body#get-your-html {
	background: #f7f7f7 url(../img/body_bg.gif) repeat-x left top;
}

a {
	color: #6b6b6b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/**
 * header
 */
#header {
	position: relative;
	background: #1e1e1e url(../img/header_bg.gif) no-repeat center top;
	width: 1240px;
	height: 90px;
	margin: 0 auto;
}

/**
 * logo
 */
#logo {
	position: absolute;
	margin-left: 20px;
}

/**
 * main-nav
 */
#main-nav {
	padding: 48px 0 0 565px;
}
#main-nav li {
	float: left;
	margin-right: 1px;
}
#main-nav li a {
	font-size: 16px;
	color: #000;
	
	display: block;
	float: left;
	
	border-top: 1px solid #b7b7b7;
	background: #ccc url(../img/main_nav_item_bg.gif) repeat-x left bottom;
	
	margin-top: 9px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	
	padding: 0 23px;
} 
#main-nav li a:hover, #main-nav li.selected a {
	color: #f76901;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	
	border-top: 1px solid #ddd;
	background: #f7f7f7 none;
	
	margin-top: 0px;
	height: 41px;
	line-height: 41px;
	
	padding: 0 17px;
}

/**
 * langs
 */
#langs {
	position: absolute;
	right: 45px;
	top: 19px;
}
#langs li {
	float: left;
	padding: 0 3px;
	overflow: hidden;
}
#langs img {
	display: block;
}

/**
 * content
 */
#content {
	width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(../img/content_bg.gif) repeat-y center top;
}

/**
 * footer
 */
#footer-wrapper {
	background: #333;
}
#footer {
	width: 1240px;
	margin: 0 auto;
	background: #2a2a2a url(../img/footer_bg.gif) repeat-y center top;
}

/**
 * footer-nav
 */
#footer-nav {
	float: left;
	font-size: 14px;
	padding: 30px 0 0 90px;
}
#footer-nav li {
	float: left;
	padding: 0 10px;
}
#footer-nav a {
	color: #6e6e6e;
}
#footer-nav a:hover {
	text-decoration: none;
}

/**
 * bookmark
 */
#bookmark {
	float: left;
	padding: 30px 0 0 150px;
}
#bookmark li {
	float: left;
	padding-right: 5px;
}

#certificate {
	float: left;
	padding: 30px 0 0 155px;
}
#certificate li {
	float: left;
	padding-right: 4px;
}

#copyright {
	clear: both;
	text-align: right;
	padding: 10px 70px 12px 100px;
	height: 30px;
}
#copyright .part1 {
	float: left;
}
#copyright .part2 {
	float: right;
}

/**
 * page
 */
.page-content {
	width: 1111px;
	margin: 0 auto;
	padding-top: 25px;
}

.page-content h2 {
	color: #FFFFFF;
	font-size: 36px;
	background: #f76901 url(../img/page_title_bg.gif) no-repeat left top;
	padding: 54px 87px;
	height: 43px;
}

/**
 * path-nav
 */
#path-nav {
	padding: 25px 0 19px;
	height: 19px;
	background: url(../img/dot_line.gif) repeat-x center bottom;
}
#path-nav-01, #path-nav-02, #path-nav-02-last, #path-nav-03 {
	display: block;
	float: left;
	height: 19px;
	line-height: 19px;
	padding: 0 19px 0 8px;
	font-size: 10px;
	font-weight: bold;
	color: #f7f7f7;
}
#path-nav-01:hover, #path-nav-02:hover, #path-nav-02-last:hover, #path-nav-03:hover {
	text-decoration: none;
}
#path-nav-01 {
	background: #f76901 url(../img/path_nav_01_bg.gif) no-repeat right top;
}
#path-nav-02 {
	background: #6b6b6b url(../img/path_nav_02_bg.gif) no-repeat right top;
}
#path-nav-02-last {
	background: #6b6b6b url(../img/path_nav_02_last_bg.gif) no-repeat right top;
}
#path-nav-03 {
	background: #939393 url(../img/path_nav_03_bg.gif) no-repeat right top;
}

/**
 * page dialog
 */
.ui-widget-overlay {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	background: #666 url(../img/ui_overlay_bg.png) repeat 50% 50%;
}

.ui-dialog-titlebar {
	display: none;
}

.page-dialog {
	background: #f6f6f6;
	border: 1px solid #ddd;
	padding: 2px;
}

.page-dialog dt {
	background: #f7b74d url(../img/ui-dialog-title.png) repeat-x left center;;
	border: 1px solid #e78f08;
	padding: 5px 10px;
	color: #fdffe1;
}

.page-dialog .footer {
	height: 40px;
	padding: 9px 20px 0 0;
	border-top: 1px solid #ddd;
}
.page-dialog .body {
	padding: 20px;
}
.page-dialog .action {
	display: block;
	float: right;
	background:url(../img/dialog_action_bg.gif) repeat-x left top;
	height: 29px;
	line-height: 29px;
	border: 1px solid #ccc;
	color: #1c94c4;
	padding: 0 20px;
}
.page-dialog .action:hover {
	background: url(../img/dialog_action_hover_bg.gif) repeat-x left top;
	border: 1px solid #fbcb09;
	color: #d97404;
	text-decoration: none;
}
 
/**
 * index-show
 */
#index-show {
	float: left;
	margin: 27px 0 59px 20px !important;
	margin: 27px 0 59px 10px;
	height: 495px;
	overflow: hidden;
	background: #dedddc;
}

#index-show dt {
	float: left;
	text-indent: -5000px;
	height: 495px;
	width: 27px;
	background-repeat: no-repeat;
	margin-left: 1px;
}
#index-show dt.selected {
	width: 44px;
}

#index-show dd {
	float: left;
	height: 495px;
	width: 1000px;
	display: none;
	overflow: hidden;
}
#index-show dd.selected {
	display: block;
}

/**
 * body
 */
#index-show dd {
	position: relative;
}
#index-show dd h3 {
	color: #000;
	font-size: 24px;
	padding: 60px 0px 30px 20px;
	width: 290px;
}
#index-show dd .desc {
	width: 225px;
	font-size: 14px;
	padding-left: 20px;
	line-height: 1.5em;
}

/**
 * tabs
 */
#index-show dd .tabs-nav {
	position: absolute;
	left: 275px;
	top: 105px;
}
#index-show .tabs-nav li {
	margin: 4px 0;
}
#index-show .tabs-nav li a {
	display: block;
	width: 52px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: url(../img/index/tabs_nav_item_bg.gif);
	font-weight: bold;
}
#index-show .tabs-nav li a:hover, #index-show .tabs-nav li.selected a {
	background: url(../img/index/tabs_nav_item_hover_bg.gif);
	text-decoration: none;
	color: #f76901;
}

#index-show .tabs-body {
	position: absolute;
	left: 340px;
	top: 18px;
	width: 650px;
	height: 460px;
	overflow: hidden;
	display: none;
}
#index-show .tabs-body {
	display: block;
}

/**
 * code-body
 */
#index-show .code-body {
	float: left;
	background: url(../img/index/code_body_bg.gif);
	width: 610px;
	height: 436px;
	padding: 10px;
}
#index-show .code-body div {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/**
 * code-slider
 */
#index-show .code-slider {
	position: relative;
	float: left;
	margin-left: 4px;
	background: url(../img/index/code_slider.gif) repeat-y center top;
	height: 456px;
	width: 12px;
}

#index-show .code-slider a.ui-slider-handle {
	position: absolute;
	display: block;
	width: 12px;
	height: 64px;
	background: #f76901;
}

/**
 * items
 */
#index-show-01 {
	background: url(../img/index/show_title_01.gif);   
}
#index-show-01.selected {
	background: url(../img/index/show_title_01_hover.gif);   
}
#index-show-02 {
	background: url(../img/index/show_title_02.gif);   
}
#index-show-02.selected {
	background: url(../img/index/show_title_02_hover.gif);   
}
#index-show-03 {
	background: url(../img/index/show_title_03.gif);   
}

#index-show-03.selected {
	background: url(../img/index/show_title_03_hover.gif);
}
#index-show-04 {
	background: url(../img/index/show_title_04.gif);   
}
#index-show-04.selected {
	background: url(../img/index/show_title_04_hover.gif);   
}
#index-show-05 {
	background: url(../img/index/show_title_05.gif);   
}
#index-show-05.selected {
	background: url(../img/index/show_title_05_hover.gif);   
}


/**
 * index content
 */
#index-content {
	clear: both;
	padding: 40px 48px 60px;
	margin: 0 22px 0 20px;
	background: url(../img/index/content_bg.gif) repeat-x center top;
}

#index-content .features h3 {
	font-size: 20px;
	font-weight: bold;
	padding: 38px 0 28px 0;
}

#index-content .features li {
	background: url(../img/index/features_item_bg.gif) no-repeat left top;
	margin: 1px 0;
	padding: 0 35px;
}

#index-content .guarantee h3 {
	font-size: 18px;
	font-weight: bold;
	padding: 37px 0 27px 0;
}

 
#preis {
	overflow: auto;
	display: inline-block;
}
#preis {
	display: block;
}

/**
 * main
 */
#preis #main {
	float: left;
	width: 810px;
	background: url(../img/preis/main_bg.gif) repeat-y right top;
}

#preis #main h3 {
	font-size: 28px;
	color: #323232;
	padding-top: 30px;
}

#preis #page-desc {
	margin-top: 6px;
}

/**
 * requirement
 */
#requirement {
	margin-top: 55px;
	background: url(../img/preis/requirement-bg.gif) no-repeat left top;
}

#index-page-title, #inside-page-title, #layout-part-title {
	font-size: 24px;
	font-weight: bold;
	color: #f76901;
}

/**
 * index page
 */
#index-page-body {
	position: relative;
}
#index-page-title, #index-page-body {
	margin-left: 125px;
}
#index-page-body .desc {
	width: 460px;
	margin-top: 6px;
}

#index-page-body .features-part {
	margin-top: 13px;
}

#index-page-body .features-part li {
	position: relative;
}

#index-page-body .feature-check {
	display: block;
	background: url(../img/preis/check_bg.gif) no-repeat left top;
	padding: 0 0 0 40px;
	width: 150px;
}
#index-page-body .selected .feature-check {
	background: url(../img/preis/check_selected_bg.gif) no-repeat left top;
}
#index-page-body .feature-check:hover {
	text-decoration: none;
}

#index-page-body .feature-check span {
	display: block;
	color: #f76901;
	font-size: 16px;
}

#index-page-body .features-part .price {
	position: absolute;
	top: 0;
	left: 270px;
	color: #f76901;
	font-size: 20px;
}

#index-page-price {
	position: absolute;
	color: #f76901;
	font-size: 24px;
	font-weight: bold;;
	top: 0;
	left: 515px;
}

/**
 * inside-page
 */
#inside-page-title {
	padding: 30px 0 0 125px;
}
#inside-page-body {
	position: relative;
	width: 750px;
}
#inside-page-body .desc {
	padding: 14px 0 0 125px;
}

#inside-page-decrease-action, #inside-page-increase-action {
	display: block;
	text-indent: -5000px;
	width: 22px;
	height: 22px;
	
	position: absolute;
	top: 8px;
}

#inside-page-decrease-action {
	background: url(../img/preis/decrease_bg.gif);
	left: 490px;
}

#inside-page-increase-action {
	background: url(../img/preis/increase_bg.gif);
	left: 550px;
}

#inside-page-body .price {
	font-size: 24px;
	font-weight: bold;
	color: #f76901;
	
	position: absolute;
	top: 8px;
	right: 16px;
}

#inside-page-body .number {
	position: absolute;
	color: #f76901;
	font-size: 90px;
	left: 10px;
	top: 0;
	margin-top: -20px;
	line-height: 70px;
	height: 70px;
	width: 90px;
	text-align: center;
}

/**
 * layout-part
 */
#layout-part-title {
	width: 625px;
	margin-top: 43px;
	padding: 30px 0 0 125px;
	background: url(../img/dot_line.gif) repeat-x center top;
}

#layout-part-body {
	width: 625px;
	padding: 0 0 25px 125px;
	background: url(../img/dot_line.gif) repeat-x center bottom;
}

#layout-part-body .desc {
	margin-top: 10px;
}

#layout-part-body dl {
	margin-top: 30px;
	overflow: auto;
	display: inline-block;
}
#layout-part-body dl {
	display: block;
}
#layout-part-body dt {
	font-size: 16px;
	float: left;
	height: 50px;
}
#layout-part-body dd {
	margin-left: 220px;
	height: 50px;
}

#layout-part-body .layout-radio {
	display: block;
	float: left;
	width: 80px;
	height: 16px;
	background: url(../img/preis/radio_bg.gif) no-repeat left center;
	font-size: 14px;
	margin-top: 3px;
	padding-left: 32px;
}
#layout-part-body .layout-radio:hover {
	text-decoration: none;
}
#layout-part-body .layout-radio:hover, 
#layout-part-body .layout-radio.selected {
	background: url(../img/preis/radio_selected_bg.gif) no-repeat left center;
}

/**
 * preis-desc
 */
#preis-desc {
	width: 680px;
	margin: 40px 0 0 25px;
}
 
/**
 * basic-info
 */
#basic-info {
	background: url(../img/preis/basic_info_bg.gif) no-repeat left top;
	width: 707px;
	float: left;
	margin: 20px 0 32px 5px;
	display: inline;
}

#basic-info dl {
	float: left;
	width: 315px;
	padding: 15px 0 0 20px;
}

#basic-info dt {
	font-size: 14px;
	color: #323232;
	height: 30px;
	line-height: 30px;
}

#basic-info sup {
	color: #f76901;
}

#basic-info .input-text {
	border: 1px solid #b1b1b1;
	height: 21px;
	margin: 0;
	padding: 0;
	width: 313px;
}

dl#basic-info-file {
	width: 330px;
}

dl#basic-info-comments {
	width: 660px;
}

#basic-info-comments-text {
	border: 1px solid #b1b1b1;
	width: 655px;
	height: 136px;
}

#basic-info dl#basic-info-captcha {
	width: 330px;
}

#basic-info-captcha dt, #basic-info-captcha dd {
	float: left;
}
#basic-info-captcha input.input-text {
	margin: 5px 10px;
	width: 35px;
}
#basic-info-captcha .captcha-image {
	vertical-align: middle;
}

#preis-footer {
	clear: both;
	background: url(../img/preis/basic_info_bg2.gif) no-repeat left bottom;
	padding-bottom: 16px;
}
#preis-submit-button {
	margin: -35px 0 0 447px;
}

/**
 * validation
 */
#basic-info .validation-advice-failed {
	color: #f00;
	margin-left: 10px;
}
#basic-info #basic-info-captcha .validation-advice-failed {
	margin-left: 0;
}

/**
 * overview
 */
#project-overview {
	float: left;
	padding-left: 34px;
}
#project-overview h3 {
	margin: 28px 0 35px;
	
	font-size: 24px;
	color: #424242;
	
	background: url(../img/preis/overview_title_bg.gif);
	width: 225px;
	height: 54px;
	
	line-height: 54px;
	text-align: center;
}
#overview-body {
	background: url(../img/preis/project_overview_bg1.gif) no-repeat left top;
}

#overview-part-01, #overview-part-02 {
	background: url(../img/preis/overview_part_bg.gif) no-repeat left bottom;
	margin: 0 12px;
	width: 200px;
	padding: 25px 0;
	overflow: auto;
	display: inline-block;
}
#overview-part-01, #overview-part-02 {
	display: block;
}

#overview-part-01 dt, #overview-part-02 dt, #overview-part-03 dt {
	float: left;
	width: 105px;
}

#overview-part-01 dd, #overview-part-02 dd, #overview-part-03 dd {
	float: left;
	width: 95px;
	font-size: 18px;
	text-align: right;
	color: #f76901;                                                                                                                                   
}

#overview-part-01 {
	font-size: 20px;
}

#overview-part-01 dt.feature {
	font-size: 14px;
}
#overview-part-02 {
	font-size: 14px;
}

#overview-part-01 dt, #overview-part-02 dt,
#overview-part-01 dd, #overview-part-02 dd {
	line-height: 25px;
	line-height: 25px;
}

#overview-part-02 dt.total-price {
	font-size: 20px;
}

#overview-part-03 {
	background: url(../img/preis/project_overview_bg2.gif) no-repeat left bottom;
	padding: 25px 15px;
	overflow: hidden;
	display: inline-block;
}
#overview-part-03 {
	display: block;
}
#overview-part-03 dt {
	font-size: 14px;
}


/**
 * preis-upload
 */
#preis-upload {
	background: #f7f7f1;
	height: 23px;
}
#preis-upload .input-text {
	border: 1px solid #b1b1b1;
	height: 21px;
	margin: 0;
	padding: 0;
	width: 229px;
	float: left;
}
#preis-upload .input-text.validation-failed {
	border: 1px solid #f00;
}
#preis-upload .browse-action {
	display: block;
	float: left;
	background:url(../img/preis/basic_info_browse.gif);
	text-indent: -5000px;
	width: 79px;
	height: 23px;
	margin-left: 5px;
}




 
/**
 * layout
 */

#articles-body {
	overflow: auto;
	display: inline-block;
	background: url(../img/articles/body_bg.gif) repeat-y left top;
}
#articles-body {
	display: block;
}
#articles #main {
	float: left;
	width: 650px;
	padding-bottom: 43px;
	overflow: hidden;
}
#articles #sidebar {
	float: left;
	padding-left: 150px;
}

/**
 * article-panel
 */
.article-panel {
	overflow: hidden;
}
.article-panel h3 {
	font-size: 20px;
	color: #323232;
	background:url(../img/articles/title_bg.gif) no-repeat left bottom;
	padding-bottom: 15px;
	margin: 30px 0 0 58px;
}
.article-panel .created {
	background: url(../img/articles/created_bg.gif);
	width: 48px;
	height: 45px;
	position: relative;
	margin-top: -38px;
}
.article-panel .created .month {
	color: #ae490c;
	position: absolute;
	left: 0;
	top: 22px;
	width: 48px;
	text-align: center;
}
.article-panel .created .day {
	color: #fff;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 2px;
	height: 27px;
	line-height: 27px;
	width: 48px;
	text-align: center;
}
.article-panel .body {
	margin-top: 20px;
	line-height: 1.8em;
}

.article-panel .more {
	margin: 20px 0 40px 0;
}
.article-panel .more a {
	color: #f76901;
	font-weight: bold;
}
.article-panel .more a:hover {
	text-decoration: none;
}

/**
 * page-nav
 */
#articles #page-nav .tip {
	float: left;
	margin-right: 5px;
}
#articles #page-nav .page {
	float: left;
	color: #105cb6;
	border: 1px solid #dedede;
	padding: 0 5px;
	margin: 0 2px;
}
#articles #page-nav .page.selected {
	color: #000;
}


#articles #search-panel dt, #tags-panel dt  {
	font-size: 24px;
	color: #323232;
}

/**
 * sidebar
 */
#articles #sidebar dt {
	font-size: 24px;
	color: #323232;
	padding: 10px 0px;
}

/**
 * search-panel
 */
#articles #search-panel {
	margin-top: 28px;
}
#articles #search-panel .input-text {
	background: url(../img/articles/search_input_text_bg.gif);
	width: 260px;
	height: 30px;
	margin: 10px 0 13px;
	padding: 0;
	border: 0;
}
#articles #search-specific {
	background:url(../img/articles/search_specific_bg.gif) no-repeat left center;
	padding-left: 17px;
	margin-left: 34px;
}
#articles #search-specific:hover {
	text-decoration: none;
}

/**
 * tags-panel
 */
#tags-panel {
	width: 268px;
	margin-top: 65px;
}
#tags-panel ul {
	overflow: auto;
	display: inline-block;
}
#tags-panel ul {
	display: block;
}
#tags-panel li {
	float: left;
	padding: 0 5px;
}

#tags-panel .tag-xxsmall {
	font-size: 8px;
}
#tags-panel .tag-xsmall {
	font-size: 10px;
}
#tags-panel .tag-small {
	font-size: 12px;
}
#tags-panel .tag-normal {
	font-size: 14px;
}
#tags-panel .tag-large {
	font-size: 16px;
}
#tags-panel .tag-xlarge {
	font-size: 20px;
}
#tags-panel .tag-xxlarge {
	font-size: 24px;
}


/**
 * category panel
 */
#category-panel {
	clear: both;
	margin-top: 65px;
}

#category-panel li {
	background: url(../img/articles/category_item_bg.gif);
	width: 230px;
	height: 33px;
	line-height: 33px;
	padding-left: 30px;
	margin: 4px 0;
	overflow: hidden;
}

#top10-panel {
	margin-top: 65px;
}

#top10-panel li {
	background: url(../img/articles/top10_normal_bg.gif);
	width: 230px;
	height: 33px;
	line-height: 33px;
	overflow: hidden;
	padding-left: 30px;
	margin: 4px 0;
}

#top10-panel li.up {
	background: url(../img/articles/top10_up_bg.gif);
}

#top10-panel li.down {
	background: url(../img/articles/top10_up_bg.gif);
}



 
#contact-body {
	overflow: auto;
	display: inline-block;
	background: url(../img/contact/body_bg.gif) repeat-y left top;
}
#contact-body {
	display: block;
}

#contact #main {
	float: left;
	width: 770px;
}

#contact #main h3 {
	font-size: 28px;
	color: #323232;
	margin: 57px 0 0 40px;
}

#contact-desc {
	margin: 25px 0 0 40px;
}

#contact-info {
	margin: 15px 0 0 40px;
}

#contact-map {
	margin: 40px 0 0 40px;
	width: 550px;
	height: 350px;
	overflow: hidden;
}

/**
 * contact form
 */
#contact-form {
	margin-top: 65px;
}
#contact-form h4 {
	font-size: 20px;
	color: #323232;
	margin-left: 40px;
}

#contact-form .body {
	background: url(../img/contact/contact_form_bg_1.gif) no-repeat left top;
	width: 707px;
	margin: 35px 0 55px 30px;
	overflow: auto;
	display: inline-block;
}
#contact-form .body {
	display: block;
}
#contact-form .body dl {
	float: left;
	width: 315px;
	padding: 20px 0 0 20px;
}
#contact-form dt {
	color: #323232;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
#contact-form dt sup {
	color: #f76901;
}

#contact-form .input-text {
	width: 313px;
	height: 23px;
	border: 1px solid #b1b1b1;
	margin: 0;
	padding: 0;
}

#contact-form .body dl#contact-form-comments {
	width: 660px;
}

#contact-form-comments textarea {
	width: 650px;
	height: 136px;
	border: 1px solid #b1b1b1;
}

/**
 * contact-form-captcha
 */
#contact-form .body dl#contact-form-captcha {
	width: 330px;
}
#contact-form-captcha dt {
	float: left;
}
#contact-form-captcha dd {
	float: left;
	padding-left: 10px;
}
#contact-form-captcha input.input-text {
	width: 35px;
	height: 21px;
}
#contact-form-captcha .captcha-image {
	vertical-align: middle;
}


/**
 * contact-form footer
 */
#contact-form .footer {
	background: url(../img/contact/contact_form_bg_2.gif) no-repeat left bottom;
	padding-bottom: 15px;
}

#contact-form-submit {
	margin: 15px 0 0 92px;
}

/**
 * validation
 */
#contact-form .validation-advice-failed {
	color: #f00;
	margin-left: 10px;
}
#contact-form .validation-advice-failed {
	color: #f00;
	margin-left: 0;
}



/**
 * sidebar
 */
#contact #sidebar {
	float: left;
	padding-left: 55px;
	width: 270px;
}

#contact #sidebar dt {
	font-size: 16px;
	color: #323232;
	margin-top: 45px;
}
#contact #sidebar dd {
	line-height: 1.8em;
}
#contact #sidebar dd p {
	margin: 8px 0;
}

/**
 * page dialog
 */
#contact-dialog {
	width: 310px;
}

/**
 * about
 */
#about-body {
	overflow: auto;
	display: inline-block;
	background: url(../img/about/about_body_bg.gif) repeat-y left top;
}
#about-body {
	display: block;
}

/**
 * about parts
 */
#about-parts {
	float: left;
	width: 355px;
}
#about-parts dt {
	color: #323232;
	font-size: 28px;
}
#about-parts dd {
	color: #747474;
}
#about-parts dd  p {
	padding: 5px 0;
}

#about #who-we-are {
	padding: 44px 0 25px;
}
#about #what-we-offer, #about #parts-process {
	padding: 75px 0 25px;
}

/**
 * about-process
 */
#about-process {
	float: left;
	padding: 0 0 100px 205px;
}
#about-process dt {
	color: #6b6b6b;
	font-size: 20px;
	padding: 38px 5px 18px;
}

#about-process li .img1 {
	display: block;
}
#about-process li .img2 {
	display: none;
}
#about-process li.hover .img1 {
	display: none;
}
#about-process li.hover .img2 {
	display: block;
}





#reference-body {
	background: url(../img/reference/body_bg.gif) repeat-y left top;
	padding-bottom: 125px;
}


/**
 * text part
 */
#reference .text-part {
	float: left;
	width: 325px;
}

#reference .text-part h3 {
	color: #323232;
	font-size: 28px;
}

#reference .text-part .desc {
	width: 295px;
	margin-top: 8px;
}

#reference .text-part ul {
	margin-top: 25px;
}

/**
 * images-part
 */
#reference .images-part {
	float: left;
	width: 670px;
	padding-left: 74px;
}
#reference .images-part li {
	float: left;
	padding: 0 20px 20px 0;
}
#reference .images-part li img {
	display: block;
}

/**
 * clear float
 */
#customers, #sponsor {
	overflow: auto;
	display: inline-block;
}
#customers, #sponsor {
	display: block;
}

/**
 * customers
 */
#customers {
	padding-top: 40px;
}
#sponsor {
	background: url(../img/reference/sponsor_bg.gif) repeat-x left top;
	margin-top: -20px;
	padding-top: 136px;
}



 
#agb-body {
	padding: 70px 40px;
	width: 800px;
	line-height: 1.7em;
}

#agb-body h3 {
	color: #323232;
	font-size: 28px;
}

#agb-body h4 {
	color: #323232;
	font-size: 20px;
	margin: 18px 0 8px;
}

#agb-body .desc {
	margin-top: 35px;
}

#agb-body .body p {
	margin: 15px 0;
}
 
#imprint-body {
	padding: 70px 40px;
	width: 750px;
	line-height: 1.7em;
}

#imprint-body h3 {
	color: #323232;
	font-size: 28px;
	padding-bottom: 15px;
}

#imprint-body h4 {
	color: #323232;
	font-size: 20px;
	margin: 18px 0 8px;
}

#imprint-body .desc {
	margin-top: 35px;
}