/*  
Theme Name: charlies kinderparadies
Theme URI: http://www.conversionmedia.de
Description: <p>Design f&uuml;r Charlies kinderparadies</p>
Version: 1.0
Author: conversionmedia GmbH &amp; Co. KG
Author URI: http://www.conversionmedia.de
*/

body {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size:72%;
background: transparent url(images/charlie_hintergrund.gif) repeat-y center top;
}
/*boxmodell*/
div#head {
margin:0 auto;
width:990px;
height:260px;
background: transparent url(images/header.jpg) no-repeat;
position:relative;
}
div#top_nav {
position:absolute;
right:15px;
bottom:29px;
border-right: 1px solid #ff0000;
}
div#page {
width:990px;
min-height:300px;
margin:0 auto;
background: transparent url(images/pagebg.jpg) repeat-y;
padding:40px 0 0 0;
}
div#left {
width:750px;
float:left;
}
div#sb_left{
float:left;
width:190px;
}
div#content {
width:510px;
float:right;
padding: 0 15px 0 35px;
}
div#sb_right {
width:240px;
float:right;
}
div#karussell {
background: transparent url(images/karussell.png) bottom right no-repeat;
width:990px;
height:315px;
}
div#footer {
width:990px;
height:45px;
background: transparent url(images/footerbg.jpg) repeat-x;
margin:0 auto;
}


a#homer {
display:block;
width:400px;
height:120px;
text-decoration:none;
position:absolute;
top:10px;
left:200px;
}

/*content-post-Bereich*/
div#content div.post {
padding: 0 5px;
}

div#content p{
margin:0 0 11px 0;
line-height:1.5em;
font-size:12px;
color:#ff7405;
}
div#content h1{
color:#ff7405;
font-size:20px;
font-weight:bold;
}
div#content h2 {font-size:12px; color:#ff7405; font-weight:bold;}

div#content h3 {font-size:12px; font-weight:normal}

img.aligncenter{
margin:12px auto;
display:block;
}
img.alignleft{
margin:12px 12px 12px 0px;
}
img.alignright{
margin: 12px 0 12px 12px;
}

div.produkte{
border: solid 1px #ffcf46;
padding:10px;
margin: 0 0 15px 0;
}
div.produkte img{
float:left;
margin: 0 15px 15px 0;
}
div#content div.produkte h3{
color:#ff7405;
font-size:15px;
font-weight:bold;
margin:0;
padding:0;
}
div#content div.produkte h4{
color:#ff7405;
font-size:12px;
font-weight:bold;
}
/*-------*/

/*Top nav bereich */
div#top_nav ul#top_nav_list{
list-style-type:none;
display:inline;
padding:0px;
margin:0px;
}
div#top_nav ul#top_nav_list li{
float:left;
}
ul#top_nav_list li a {
color:#fff;
display:block;
height:45px;
width:130px;
line-height:45px;
text-decoration:none;
text-align:center;
border-left: 1px solid #ff0000;
font-size:14px;
}
ul#top_nav_list li a:hover, ul#top_nav_list li.current_page_item a {
background: transparent url(images/btntophover.png) repeat-x;
}


/*------*/

/*linke sidebar*/
div#sb_left ul {
display:inline;
list-style-type:none;
padding:0;
margin:0;
}
div#sb_left li {
display:inline;
}
div#sb_left a{
display:block;
height:36px;
line-height:35px;
text-decoration:none;
}
div#sb_left a.hauptkat {
background:transparent url(images/btn_left.jpg) repeat-x;
color:#fff;
padding:0 0 0 15px;
font-size:14px;
}
div#sb_left a.subkat {
background: #ffff99;
color:#ff9301;
padding:0 0 0 25px;
font-size:14px;
}
div#sb_left a:hover, div#sb_left li.current_page_item a{
/*aktive subkat und subkat hover*/
background: url(images/btn_lefth.jpg) repeat-x;
color:#fff;
}
/*----------*/

/*rechte sidebar*/
div#sb_right ul{
display:inline;
list-style-type:none;
padding:0;
margin:0;
}
div#sb_right li.widget_text {
display:inline;
}

div#sb_right li.widget_text h2{
background: transparent url(images/h2kontakt.jpg) repeat-x;
font-size:1.2em;
font-weight:normal;
margin:0;
padding:0 0 0 10px;
height: 35px;
line-height: 35px;
color:#fff;
}

div#sb_right div.textwidget p {
margin:0px;
padding:10px 0 10px 10px;
line-height:16px;
}

div#sb_right div.textwidget {
background: #ffff99;
border: 1px solid #ff9301;
color: #ff9301;
}

div#sb_right div.textwidget a, div#sb_right div.textwidget a:active, div#sb_right div.textwidget a:visited {
color: #ff9301;
text-decoration:none;
}
div#sb_right div.textwidget a:hover{
text-decoration: underline;
color:#ff7600;
}

/*-----------*/

div#footer a {
color:#fff;
float:right;
line-height:45px;
margin:0 10px 0 0;
}

span#footext {
display:block;
width:990px;
margin:15px auto;
text-align:center;
color:#ff3a00;
}
span#footext a{
color:#ff3a00;
text-decoration:none;
}
input.textbox, textarea {
width:98%;
}

/* Kontaktformular */
div .wpcf7{
font-size:12px;
color:#ff7405;
}

div.wpcf7 table tr td{
background-color:#fffcf0;
border-bottom: solid 1px #ff7405;
}