body{ font-family: Tahoma; font-size: 12px; background: url('../images/bg_main.png') repeat-x top center; text-align: center; background-color: #fcf7f7;}

/* global */
h1,h2,h3,h4{ font-weight: bold; }
.wrapper{ width: 768px; margin: 0px auto; text-align: left; }

/* clearfix */
.clearfix:before, .clearfix:after{ content: ""; display: table; }
.clearfix:after{ clear: both;}
.clearfix{ zoom: 1; clear: both; }

/* main page */
.main{ background: url('../images/bg_lines.png') no-repeat center 76px; min-height: 550px; }
.main header{ opacity: 1; margin: 0px auto; text-align: center; width: 934px; height: 336px; background: url('../images/bg_header.png') no-repeat; position: relative; }
.main header .wrapper h1{ padding: 34px 0px 0px 12px; line-height: 50px; }
.main header .wrapper h1 a.logo{ font-size: 0px; display: inline-block; width: 279px; height: 40px; background: url('../images/logo.png') no-repeat; }
.main header .wrapper h1 span{ font-size: 18px; color: #930ce0; font-weight: normal; }

.main header .boxes{ padding: 13px; }
.main header .boxes a{ color: #fff; text-decoration: none; }
.main header .boxes a:hover{ text-decoration: underline; }
.main header .boxes .box{ float: left; height: 150px; color: #fff; margin-right: 3px; }
.main header .boxes .box .inner{ padding: 12px 18px 0px 23px; }
.main header .boxes .box h2{ font-size: 14px; font-weight: bold;  }
.main header .boxes .magenta{ background: #f82fdd; }
.main header .boxes .purple{ background: #930ce0; }
.main header .boxes .cyan{ background: #00aff7; }

.main header .boxes ul{ margin-top: 24px; }
.main header .boxes .magenta ul li{ display: block; width: 100%; background: url('../images/icon_check.png') no-repeat center right; line-height: 22px; margin-bottom: 3px; }
.main header .boxes .purple ul li{ display: block; width: 100%; line-height: 22px; margin-bottom: 3px; }

.main header .boxes .cyan .inner{ padding-left: 18px; padding-right: 19px; }
.main header .boxes .cyan a.kontakt{ display: block; width: 71px; height: 72px; background: url('../images/icon_mail.png') no-repeat; font-size: 0px; margin-top: 24px; }

.main header .boxes .slogan{ width: 200px; float: left; padding-left: 10px; padding-top: 32px; font-family: Arial; color: #930ce0; font-size: 14px; text-align: center; font-weight: normal; font-style: italic; }


.main header #motto{ margin: 30px auto 0px auto; text-align: center; position: relative; }
.main header #motto blockquote{ width: 450px; margin: 0px auto; line-height: 18px; text-shadow: 1px 1px 1px #fff; }
.main header #motto #steve{ position: absolute; top: 22px; right: 264px; font-weight: bold; text-shadow: 1px 1px 1px #fff; }

/* content */

.main .content{ width: 772px; margin: 0px auto; position: relative; background: url('../images/bg_main_white.png') repeat-y; }
.main .content .sign{ position: absolute; font-size: 0px; top: 17px; left: 4px; background: url('../images/side_sign.png') no-repeat; width: 39px; height: 345px; }
.main .content .wrapper{ margin-left: 44px; width: 695px; min-height: 400px; }

/* nav */
nav{ float: left; width: 174px; padding-top: 17px;  }
nav h2{ color: #be06a6; font-family: 'Jura', sans-serif; background: url('../images/icon_dots.png') no-repeat bottom left; font-size: 17px; padding-bottom: 12px; margin-left: 6px; }
nav ul{ margin: 9px 0px 33px 7px; }
nav ul li{ height: 26px; }
nav ul li a{ display: block; height: 100%; line-height: 26px; color: #930ce0; padding-left: 12px; text-decoration: none; background: url('../images/menu_3dots.png') no-repeat left center; }
nav ul li a:hover{ text-decoration: underline; }

/* content */
#inside h1,#inside h2,#inside h3,#inside h4{ color: #fff; margin-bottom: 6px; margin-right: 1px; }

#inside{ float: right; width: 521px; padding-top: 17px; }

#inside h1{ padding: 10px 14px; font-size: 14px; background: #f82fdd; }
#inside h2{ padding: 10px 14px; font-size: 14px; background: #930ce0; font-weight: normal; }
#inside h3{ padding: 10px 14px; font-size: 12px; background: #930ce0; font-weight: normal; }
#inside h4{ padding: 10px 14px; font-size: 11px; background: #930ce0; font-style: italic; font-weight: normal; }

#inside p{ color: #4f4e4e; line-height: 1.3; padding-bottom: 10px; }


/* footer */

.main footer{ margin: 0px auto; width: 749px; }

.main footer .lines{ margin: 0px auto; text-align: center; background: url('../images/footer_lines.png') no-repeat 5px top; height: 44px; }
.main footer .wrapper{ margin-left: 4px; width: 749px; }
.main footer .wrapper .logos{ background: #fff; min-height: 40px; }
.main footer .wrapper .logos .inner{ padding: 15px 22px; }
.main footer .bottom{ background: url('../images/footer_sign.png') no-repeat; width: 749px; height: 54px; }
#li
{
list-style-type:square;
color: #00aff7
}