/******************************************
*   
*   bs_base.css
*   copyright 2013 - Bodystreet GmbH und TUKANI/G.U.
*
******************************************/

@import url(bs_navi.css);

/******************************************
*   Layout
******************************************/ 

/* set all paddings and margins */

* {margin:0;padding:0}

/* the body element */

body {
font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif; // ! add some additional fallback fonts
background: #fff;
font-size: 12px;
background:url('../images/bodystreet_geraet.jpg') 50% 0 no-repeat;
}

/* center the complete site horizontally and vertically */

#centerSite {
width:960px; 
height:560px; 
position:absolute; 
top:50%; 
left:50%; 
margin:-280px auto auto -480px; 

color: #363637;
}

/* the container for the big background image */

#bg_img_wrap {
width:960px; 
height:560px;
}

/* remove outlines and text decoration from anchor elements */

a:focus, a:active {
outline:0;
}

a {
text-decoration: none;
color: #ce120d;
}


/* the header element */

#header {
width: 782px;
height: 25px;
behavior: url(../scripts/iepngfix.htc);
}

/* the logo image */

#logo {
border: 0;
margin: 14px 0 0 26px;
}

/* startpage content area */

#contentStartPage {
float: left;
padding: 20px 0 0 74px;
width: 850px;
height: 450px;
overflow: hidden; 
}

#contentStartPage div.indent {
padding: 15px 0 0 75px;
}

p#plook,
p#pcare,
p#pbody {
float: left;
width: 420px;
padding: 0 0 25px 0;
}

p#plook img,
p#pcare img,
p#pbody img {
border: 0;
}

p#plook a,
p#pcare a,
p#pbody a {
color: #ce120d;
}

p#plook span.indent,
p#pcare span.indent,
p#pbody span.indent {
display: block;
padding: 5px 0 0 11px;
}


div.bigger {
font-size: 14px;
font-style: italic;
}

/* normal pages content area */

#content {
float: left;
margin: 20px 0 0 50px;
width: 600px;
height: 450px;
overflow: hidden; 
}

/* general styles */

.clear {
clear: both;
}

.redText {
color: #363637;
}

h1 {
font-size: 18px;
font-weight: normal;
padding: 0 0 14px 0;
}

h2 {
font-size: 13px;
font-style: italic;
font-weight: bold;
padding: 0 0 10px 0;
}

.text9 {
font-size: 9px;
font-weight: normal;
padding: 0 0 12px 0
color: #000000;
}

.text9schwarz {
font-size: 9px;
font-weight: normal;
padding: 0 0 12px 0;
color: #fff;
}

#content img.imgBottomPadding {
padding: 0 0 18px 0;
}

#content p {

font-size: 12px;
padding: 0 0 18px 0;
}

#content p.indent {
padding: 0 0 18px 30px;
}

#content ul {
padding: 0 0 9px 0;
}

#content ul li {
padding: 1px 0 4px 37px;
background: url(../img/content/listIcon.png) no-repeat;
background-position: 20px 1px;
}

/* the footer element */

#footer {
position: absolute;
bottom: 0px;
right: 0px;
width: 366px;
height: 28px;
}