/*

Design by Pixel 71

*/





body {

margin: 0;

padding: 0;

background: #eee;

font-family: "Arial", Arial, Helvetica, sans-serif;

font-size: 12px;

color: #7F7772;

background: #eee url(http://pixel71.de/templates/tmpl_files/site_bg.gif) no-repeat top center;

}



#wrap {

background: url(http://pixel71.de/templates/tmpl_files/content_bg2.png) repeat-y;

background-position:0px 0px;

margin: 0px;

padding: 0;

width: 860px;

margin: 0px auto;}



h1, h2, h3 {

margin-top: 0;

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

color: #666666;

}



h1 {

font-size: 197%;

}



h2 {

font-size: 136%;

}



h3 {

font-size: 100%;

font-weight: bold;

}



p, ul, ol {

margin-bottom: 1.6em;

line-height: 180%;

}





p {

}





.overflow {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

line-height: 100%;

height: 330px;

width: 200px;

float: left;

overflow: hidden;

text-align: left;

}





blockquote {

font-style: italic;

}



ul {

}



ol {

}



a {

color: #A80A0F;

text-decoration: none;

}



a:hover {

color: #A80A0F;

text-decoration: underline;

}



small {

}



hr {

display: none;

}



img {

border: 0px solid #7F7772;

}



img.left {

float: left;

margin: 0 15px 0 0;

}





img.right {

float: right;

margin: 0 0 0 15px;

}



/* header */



#header {

width: 770px;

height: 100px;

margin: 0 auto;

}





/* Logo */



#logo {

float: left;

width: 240px;

height: 100px;

background: #FFBF23 url(http://pixel71.de/templates/tmpl_files/logo_bg.png) no-repeat;

}



#logo h1, #logo h2 {

margin: 0;

text-transform: lowercase;

text-align: center;

}



#logo h1 {

padding-top: 15px;

font-size: 36px;

}



#logo h2 {

font-size: 12px;

}



#logo a {

text-decoration: none;

color: #FFFFFF;

}



/* Search */



#search {

float: right;

width: 280px;

padding-top: 20px;

}



#search form {

margin: 0;

padding: 0;

}



#search fieldset {

margin: 0;

padding: 0;

border: none;

}



#search legend {

display: none;

}



#searchinput, #searchsubmit {

border: 1px solid #7F7772;

font: bold 100% "Arial", Arial, Helvetica, sans-serif;

color: #7F7772;

}



#searchinput {

padding: 2px 5px;

width: 198px;

background: #FFFFFF url(http://pixel71.de/templates/tmpl_files/img02.gif) repeat-x;

}



#searchsubmit {

background: #FFFFFF url(http://pixel71.de/templates/tmpl_files/img03.gif) repeat-x left bottom;

}



/* Menu */



#menuoben {

background: #FFFFFF url(http://pixel71.de/templates/tmpl_files/deko_linksoben_libelle_bg.png) no-repeat left bottom;

width: 810px;

height: 100px;

margin: -30px auto 0 -35px;

}



#menuoben ul {

float: left;

margin: 0 0 0 296px ;

padding: 0 0 0 0 ;

list-style: none;

}



#menuoben li {

float: left;

display: block;

height: 40px;

}



#menuoben li:hover {

background: #FFFFFF;

color: #A80A0F;

}



#menuoben a {

background: url(http://pixel71.de/templates/tmpl_files/img06.gif) no-repeat right top;

display: block;

width: 60px;

height: 35px;

padding: 5px 20px 0 20px;

font-size: 12px;

text-align: center;

text-decoration: none;

text-transform: uppercase;

font-weight: normal;

color: #7F7772;

}



html>body #menuoben a {

width: auto;

}



html>body #menuoben a:hover {

color: #A80A0F;

text-decoration: underline;

width: auto;

}



#menuoben li.active {

background: #ffffff url(http://pixel71.de/templates/tmpl_files/img05.gif) no-repeat;

}



#menuoben li.active a {

color: #A80A0F;

background: url(http://pixel71.de/templates/tmpl_files/img06.gif) no-repeat right top;

}



/* Page */

#page {

width: 770px;

margin: 0 auto 20px auto;

}



/* Content */



#content {

float: right;

width: 490px;

}



.title {

padding-bottom: 3px;

border-bottom: 1px solid #dbd9d8;

height: 85px;

}





.twocols {

}



.twocols .col1 {

float: left;

width: 235px;

}



.twocols .col2 {

float: right;

width: 235px;

}



.list {

margin-left: 0;

padding-left: 0;

list-style: none;

}



.list li {

padding-left: 10px;

background: url(http://pixel71.de/templates/tmpl_files/img10.gif) no-repeat left center;

}



/* Sidebar */

#sidebar {

float: left;

margin-top: 35px;

width: 240px;

}



#sidebar ul {

margin: 0;

padding: 0;

list-style: none;

}



#sidebar li {

padding: 20px;

background: url(http://pixel71.de/templates/tmpl_files/img11.gif) no-repeat;

}



#sidebar li ul {

}



#sidebar li li {

padding: 5px 0;

background: url(http://pixel71.de/templates/tmpl_files/img12.gif) repeat-x left bottom;

}



#sidebar h2 {

border-bottom: 1px solid #EDEBD5;

font-size: 114%;

font-weight: bold;

}



#sidebar h3 {

margin: 0;

}



#sidebar p {

margin: 0;

line-height: normal;

}



#sidebar a {

text-decoration: none;

}



#sidebar a:hover {

text-decoration: underline;

}



/* Footer */

#footer {

position:center bottom;

bottom:0px;

width:860px;

clear: both;

height: 100px;

padding-top: 20px;

background: #eee url(http://pixel71.de/templates/tmpl_files/footer_bg.png) repeat-x;

}



#footer a {

color: #7F7772;

text-decoration: none;

}



#footer a:hover {

color: #7F7772;

text-decoration: underline;

}



#footer p {

margin: 0;

text-align: center;

font-size: 77%;

}



