/*

Theme Name: intexto.ch
URL: http://www.intexto.ch

Description: intexto.ch
Version: 1.0

Author: Barbara Frolik
*/


@import url(css/color.css);
@import url(css/typography.css);
@import url(css/reset.css);


#header-brownbar-bg {width: 100%; height: 67px;}
#header-brownbar {position: relative; width: 940px; height: 67px; margin: 0 auto;}
#header-brownbar-logo a {position: absolute; width: 236px; height: 45px; left: 0; top: 10px; text-indent: -9999px;}
#header-brownbar-logo p {position: absolute; text-indent: -9999px;}
#header-brownbar-searchbox  input {position: absolute; width: 132px; height: 13px; top: 27px; right: 80px; padding: 4px; margin: 0 0 0 0;}
#header-brownbar-searchbox  button {position: absolute; width: 71px; height: 21px; top: 27px; right: 0; margin: 0 0 0 0; text-indent: -9999px;}

#header-start-bg {width: 100%; height: 318px; margin: 0 auto;}
#header-start {position: relative; width: 1180px; height: 318px; margin: 0 auto;}
#header-start-introtext {position: absolute; width: 380px; left: 120px; top: 0;}
#header-start-introtext h2 {padding-top: 42px; padding-bottom: 15px;}
#header-start-introtext p {padding-bottom: 10px;}
#header-start-chameleon {position: absolute; width: 573px; height: 317px; right: 95px; bottom: 0;}

#header-navigation-bg {width: 100%; height: 50px;}
#header-navigation {position: relative; width: 1180px; height: 50px; margin: 0 auto;}
#header-navigation ul {position: absolute; top: 0; left: 120px; padding-top: 11px;}
#header-navigation li {display: inline; padding-right: 22px;}
#chameleon-tail {position: absolute; width: 120px; height: 50px; top: 0; right: 159px;}

#main-bg {width: 100%; min-height: 710px;}
#main {position: relative; width: 1100px; min-height: 710px; margin: 0 auto;}
#main-wrapper {width: 940px; margin: 0 auto; padding: 50px 0 50px 0;}
#main-content {width: 426px; min-height: 540px; float: left; padding: 40px 50px 15px 50px;}
#main-sidebar {width: 380px; float: right;}
#main-sidebar-box {width: 150px; padding: 40px 30px 15px 30px;}

#teaser-start-bg {width: 100%; height: 420px;}
#teaser-start {position: relative; width: 980px; height: 420px; margin: 0 auto;}
#teaser-start h3 {position: absolute; left: 20px; top: 46px;}
#teaser-start-boxes {position: absolute; width: 960px; height: 276px; left: 20px; top: 88px;}
.teaser-start-box {float: left; width: 300px; height: 276px; margin-right: 20px; margin-top: 0;}
.teaser-start-box img {margin: 10px;}
#teaser-start .teaser-content {margin-left: 10px; margin-right: 10px;}

#footer-bg {width: 100%; height: 70px;}
#footer {position: relative; width: 940px; height: 70px; margin: 0 auto;}
#footer-left {position: absolute; width: 620px; left: 0; top: 0; margin-top: 17px;}
#footer-right {position: absolute; width: 300px; right: 0; top: 0; margin-top: 17px;}