/*
    Document   : main
    Created on : 13.12.2010, 18:43:04
    Author     : ronrad
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    background-color: #FFFFFF;
    font-family: verdana;
    margin: 0;
    width:100%;
    height:100%;
    text-align:center;
    font-size: small;
    background: url('../images/bg_under.gif') repeat-x;
}
img {
    border:0px;
}
ul {
    list-style: none;
    padding:0px;
    margin:0px;
}
p {
    margin:0px;
    padding:0px;
}
a:hover {
    text-decoration: underline;
}
#wrapper {
    margin: 0 auto;
    width:970px;
}
#wrapper #header {
    width:990px;
    height: 112px;
    float:left;
    background: url('../images/bg_under.gif') repeat-x;
}
#wrapper #header #logo {
    float: left;
    margin-left: 70px;
}
#wrapper #header #info {
    float: left;
    margin-left: 80px;
    width:830px;
    margin-top:30px;
    text-align: left;
}
#wrapper #header #info span.text {
    color: #ffffff;
    font-size: 30px;
    font-style:oblique;
    font-family: Constatia;
    width:400px;
    float: left;
}
#wrapper #header #info span.text p {
    width:400px;
}
#wrapper #content span.short_text_1 p#button {
    float:left;
    background: url('../images/button.gif') no-repeat;
    width: 253px;
    height: 46px;
    margin-top:0px;
    text-align: center;
    /*float:left;*/
}
#wrapper #content span.short_text_1 p#button a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color:#000000;
    font-size: 36px;
}
#wrapper #header #info span.img {
    background: url('../images/demo_image.gif') no-repeat;
    width:410px;
    height: 161px;
    float:right;
    margin-top:10px;
}
#wrapper #content {
    width:990px;
    float:left;
    text-align: left;
}
#wrapper #content span.short_text_1 {
    width:830px;
    float:left;
    margin-left:80px;
    font-size: 26px;
    font-style:oblique;
    font-family: Constatia;
    padding-right:15px;
    /*border-right: 1px solid #e7e7e7;*/
}
#wrapper #content span.short_text_1 ul.short_text_1_inner_ul {
    background-color: #F8FAE2;
    width:800px;
    float:left;
    margin-left:0px;
    font-size: 14px;
    font-style:normal;
    font-family: Constatia;
    padding:15px;
    
}
#wrapper #content span.short_text_1 ul.short_text_1_inner_ul li {
    margin-top:6px;
}
#wrapper #content span.short_text_1 ul.short_text_1_inner_ul_2 {
    background-color: #ffffff;
    width:350px;
    float:right;
    margin-left:0px;
    font-size: 14px;
    font-style:normal;
    font-family: Constatia;
    padding:15px;
    padding-top:0px;
}
#wrapper #content span.short_text_1 p.short_text_1_inner {
    margin-top:20px;
    font-size: 14px;
    font-style:normal;
    color:#414141;
    line-height: 18px;
    text-align:justify;
}
#wrapper #content span.short_text_2 {
    width:260px;
    float:left;
    font-size: 26px;
    font-style:oblique;
    font-family: Constatia;
    padding-left:15px;
    padding-right:15px;
    border-right: 1px solid #e7e7e7;
}
#wrapper #content span.short_text_2 p.short_text_2_inner {
    margin-top:20px;
    font-size: 14px;
    font-style:normal;
    color:#414141;
    line-height: 18px;
    text-align:justify;
}
#wrapper #content span.short_text_3 {
    width:260px;
    float:left;
    font-size: 26px;
    font-style:oblique;
    font-family: Constatia;
    padding-left:15px;
}
#wrapper #content span.short_text_3 p.short_text_3_inner {
    margin-top:20px;
    font-size: 14px;
    font-style:normal;
    color:#414141;
    line-height: 18px;
    text-align:justify;
}
#footer {
    margin-top:20px;
    float:left;
    width:100%;
    height: 212px;
    background: url('../images/footer_bg.gif') repeat-x;
    text-align:center;
}
#footer #contact {
    margin: 0 auto;
    text-align: center;
    width:990px;
    height: 100px;
    color:#ffffff;
    margin-top:50px;
    text-decoration: none;
}
#footer #contact a {
    color:#ffffff;
}
#header #navi {
    float:left;
    margin-left:40px;
    margin-top:72px;
}