/*
Theme Name: Friseure Borna
Theme URI: http://www.friseure-borna.de
Description: "Friseure Borna GmbH" Theme for Wordpress / created by  <a href="http://www.fabrik1design.de/">fabrik1design</a>.
Version: 1.0
Author: Ralf Kobert
Author URI: http://www.fabrik1design.de
*/


/* Reset
--------------------------------------------------*/

* {
border:0 solid;
margin:0;
padding:0;
}

html {
height:100.1%;
font-size:100.1%;
}


/* Body
--------------------------------------------------*/
body {
height:100%;
font:.75em/1.7em "lucida grande", verdana, sans-serif;
color:#575757;
background:#f3f1e9;
}


/* Links
--------------------------------------------------*/
a {
color:#575757;
background-color:inherit;
}


/* Header
--------------------------------------------------*/
#header-wrapper {
height:200px;
padding:0;
color:inherit;
/*background:#F3F1E9;*/
background:#F3F1E9;
border-bottom:1px solid #C0A874;
}

#header {
height:200px;
width:774px;
margin:0 auto;
color:inherit;
background:#F3F1E9 url(images/header_01.gif) top left no-repeat;
}

#headerright {
height:200px;
width:500px;
float:right;
color:inherit;
background-color:#F3F1E9;
}

#player{
float:right;
}

/* Topnavigation
--------------------------------------------------*/
#topnavi-wrapper {
padding:0;
color:inherit;
background:#DE8527 url(images/navigation_bg.jpg) top left repeat-x;
}

#topnavi {
width:774px;
margin:0 auto;
}

.topnavi1 li li {
width:228px;
}

.topnavi1, .topnavi1 ul {
list-style:none;
margin:0;
padding:0;
}

.topnavi1 ul {
margin-top:1px;
position:absolute;
top:auto;
display:none;
}

.topnavi1 ul ul { 
margin-top:1px;
left:100%;
top:0px;
}

.topnavi1 li { 
float:left;
font-weight:bold;
}

.topnavi1 li li { 
margin-left:0;
margin-top:-1px;
float:none;
position:relative;
color:inherit;
background-color:#DE8527;
}

.topnavi1 li li li { 
margin-left:-1px;
}

.topnavi1 a {
display:block;
margin:0;
padding:5px 10px;
text-decoration:none;
color:#000;
background-color:inherit;
}

.topnavi1 li li a {
border:1px solid #fff;
}

.topnavi1 li.topnavi1active,
.topnavi2 li.topnavi2active,
.topnavi3 li.topnavi3active {
color:inherit;
background-color: #DBDAD0;
}

.topnavi1 li a:hover,
.topnavi1 li a:focus,
.topnavi1 li a:active {
color: #000;
background-color:inherit;
background-image:url(images/topnavi_hover.gif);
background-position: bottom;
background-repeat: repeat-x;
}

.topnavi1 ul,
.topnavi1 li:hover ul,
.topnavi1 li:hover ul ul {
display:none;
}

.topnavi1 li:hover ul,
.topnavi1 ul li:hover ul,
.topnavi1 ul ul li:hover ul {
display:block;
}


/* Container Content
--------------------------------------------------*/
#container-wrapper {
color:#575757;
background:#DE8527;
}

#container {
width:774px;
margin:0 auto;
color:#575757;
background: #F3F1E9;
border-top:1px solid #C0A874;
}

#content {
float:right;
width:480px;
min-height:600px;
margin:0;
padding:25px 20px 5em 20px;
}

#content .artikel {
padding:0 0 20px 0;
}

#content .more-link {
margin:0 0 0 -3px;
}

#content p {
padding:0 40px 15px 0;
}

#content h1 {
margin:0 0 20px 0;
font:normal 180%/1.2em georgia,"lucida grande", verdana, sans-serif;
}

#content h1 a {
margin:0 0 0 -3px;
text-decoration:none;
font:normal 100%/1.2em georgia,"lucida grande", verdana, sans-serif;
padding:3px;
color:#DE8527;
background-color:inherit;
}

#content h1 a:hover {
color:#fff;
background-color:#DE8527;
}

#content h2 {
margin:10px 0 8px 0;
font:normal 140%/1.4em georgia,"lucida grande", verdana, sans-serif;
color:#717171;
background-color:inherit;
}

#content h3 {
margin:10px 0 8px 0;
font:normal 100%/1.4em georgia,"lucida grande", verdana, sans-serif;
color: #A52A2A;
background-color:inherit;
}

#content ul {
margin:0;
padding:0 0 25px 0;
list-style:none;
}

#content ul li {
margin:0;
padding:0 0 0 16px;
line-height:1.9em;
background:url(images/bullet_content_list.jpg) left center no-repeat;
}

#content ul li ul {
margin:0;
padding:0;
}

#content ul.bulltop li{
background: url(images/bullet_content_list.jpg) left .7em no-repeat;
}

#content p a,
#content li a {
padding:3px;
color:#DE8527;
background-color:inherit;
}

#content li a:hover,
#content li a:focus,
#content li a:active,
#content p a:hover,
#content p a:focus,
#content p a:active {
padding:3px;
text-decoration:none;
color:#fff;
background-color:#DE8527;
}

#content img {
border:1px solid #2b2b2b;
}

#content a.imglink,
#content a.imglink:hover,
#content a.imglink:focus,
#content a.imglink:active,
#content a.imglink img {
padding:0;
border:0 solid;
color:#000;
background:#FFF;
}

/* Sidebar 
---------------------------------------------------*/
#sidebar {
width:216px;
float:left;
padding:23px 9px 10px 10px;
background:url(images/sidebar_bg.jpg) top left no-repeat;
}

#sidebar h2 {
margin:0 0 4px 0;
font:bold 1.1em/1.5em "lucida grande", verdana, sans-serif;
background:transparent;
}

#sidebar ul {
margin:0;
padding:0 0 25px 0;
list-style-type:none;
background:transparent;
}

#sidebar ul ul {
padding:0;
}

#sidebar ul li {
margin:0;
padding:0;
line-height:1.5em;
}

#sidebar li a {
display:block;
padding:5px 2px 5px 5px;
font-weight:normal;
text-decoration:none;
background:transparent url(images/dotline.gif) left bottom repeat-x;
}

#sidebar li#level1active a#level1current,
#sidebar li#level2active a#level2current,
#sidebar li.current-cat a {
color:#FFF;
background:#DE8527 url(images/dotline.gif) left bottom repeat-x;
}

#level1active a#level1highlight,
#level2active a#level2highlight,
#level3active a#level3current {
color:#FFF;
background:#DE8527;
}

ul.subnavi1 li.subnavi1active a.subnavi1highlight,
ul.subnavi1 li.subnavi1active a.subnavi1current{
color:#FFF !important;
background:#DE8527 !important;
}

ul#level2 li a{
margin-left:20px;
}
ul#level3 li a{
margin-left:40px;
}

#sidebar li a:hover, 
#sidebar li a:focus,
#sidebar li a:active {
color:#000;
background-color:#DE8527 !important;
}

ul#level2 li#level2active a#level2current,
ul#level2 li#level2active a#level2highlight,
ul#level3 li#level3active a#level3current,
ul#level3 li#level3active a#level3highlight{
color:#000;
background: #F1C9A1 !important;
}

#sidebar ul p {
padding:4px;
color:inherit;
background:#F3F1E9 url(images/dotline.gif) repeat-x left bottom;
}

#sidebar ul p br {
display:block;
height:0;
line-height: 0px;
}


#sidebar ul p a {
display:inline;
float:none;
padding:1px;
color:#DE8527;
background-color:inherit;
background-image:none;
}

#sidebar ul p a:hover,
#sidebar ul p a:focus,
#sidebar ul p a:active {
color:#fff !important;
background-color:#DE8527 !important;
}

#sidebar form p {
padding:0 0 10px 0;
}

#sidebar form {
margin:0;
padding:4px 0 0 0;
}

#sidebar form #s {
width:12.2em;
max-width:200px;
margin:0;
padding:2px 0;
text-align:left;
}

#sidebar input#searchsubmit {
width:auto;
max-width:300px;
padding: 3px 6px;
color:#fff;
background-color:#DE8527 !important;
font-size:92.5%;
font-weight:bold;
text-align:center;
border:1px solid #fff;
}

#sidebar #searchsubmit:hover,
#sidebar #searchsubmit:focus {
background-color:#006699 !important;
color:#fff;
}

#sidebar p.searchsubmit {
margin:0;
padding:0 0 8px 0;
}

#sidebar input {
margin:0 0 8px 0;
}

ul#relposts li a.relposttitle{
font-weight:bold;
color: #474747;
background: #EFEDDE url(images/dotline.gif) repeat-x left bottom;
}


/* Footer
-------------------------------------------------- */
#footer-wrapper {
clear:both;
padding:0;
color:inherit;
/*background:#31363E;*/
background: #353A42;
border-top: 1px solid #949494;
}

#footer {
width:774px;
margin:0 auto;
min-height:61px;
padding:12px 0 12px 0;
color: #C6C6C6;
background:#31363E url(images/footer.gif) left top no-repeat;
}

#footer a {
padding:3px;
text-decoration:none;
color:#fff;
background:#DE8527;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
padding:3px;
color:#DE8527;
background:#FFF;
}


/* Formulare
-------------------------------------------------*/

form {
padding:6px 0;
}

form p {
padding:6px 0;
}

form label {
color:#383D44;
background:inherit;
}

form label em {
font-style:normal;
color:#B1201F;
background:inherit;
}

form input, form textarea {
width:200px;
border:1px solid #B5B5B5;
padding:3px;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
color:#383838;
background-color:#FBFBFB;
}

form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form textarea#comment:hover,
form textarea#comment:focus {
color:#666;
background-color:#FFFFE1;
}

form textarea {
overflow:auto;
}

#kontakt {
margin:35px 0 18px 0;
}

#kontakt p {
padding:0 0 3px 0;
margin:0;
}

#kontakt input,
#kontakt textarea {
margin:0 0 8px 0;
}

#kontakt .submit,
input#submit {
width:auto;
border-color:#FFF;
padding:3px 6px;
font-size:92.5%;
font-weight:bold;
color:#FFF;
background-color:#DE8527 !important;
}

#kontakt .submit:hover,
#kontakt .submit:focus,
input#submit:hover,
input#submit:focus {
color:#FFF;
background-color:#006699 !important;
}

#kontakt #csubject,
#kontakt textarea,
textarea#comment {
width:80%;
}


/* Inhaltsverzeichnis
-------------------------------------------*/
.ddsg-wrapper {
margin:0;
padding:0 0 0 70px;
}

.ddsg-wrapper ul.ddsgposts1 {
padding: 0 0 16px 0 !important;
}

.ddsg-wrapper ul li {
font-weight:bold;
background:none !important;
}

.ddsg-wrapper ul li ul li {
margin:0 0 0 4px !important;
font-weight:normal;
background:url(images/bullet_content_list.gif) left 0.7em no-repeat !important;
}


/* Skipnav
--------------------------------------------------*/

ul#skipnav {
margin:0;
padding:0;
height:0;
}

ul#skipnav li {
list-style-type:none;
display:inline;
}

ul#skipnav li a {
position:absolute;
top:-500px;
left:-999px;
text-decoration:none;
}

ul#skipnav li a:focus,
ul#skipnav li a:active {
z-index:5;
display:block;
position:absolute;
top:85px;
left:4px;
width:21em;
border:1px solid #fff;
margin:0;
padding:0 0 1px 4px;
font:bold .9em/2em "Lucida Grande", verdana, sans-serif;
text-align: left;
color:#2b2b2b;
background-color:#C5CCD6;
}

ul#skipnav li a:hover {
border:1px solid #fff;
color:#fff;
background-color:#4E6489;
}


/* Verschiedenes
--------------------------------------------------*/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.hilite {
color: #fff;
background-color: #f93;
}

.red {
color:#B1201F;
background-color:inherit;
}

fieldset {
border:0 solid;
}

legend,
legend em,
#header p a span,
#header h1, #header h2 {
position:absolute;
top:-500px;
left:-999px;
}

#titlesecond {
padding:40px 0 0 0;
}

p.schmuck {
margin:0 40px 15px 0;
padding:10px 15px 10px 15px !important;
color:#2b2b2b;
background-color:#E0E9F5;
}

/* CSS-Stile
------------------------------------------- */
.imgright{
float:right;
margin:6px 0 0 12px;
}

.imgleft{
float:left;
margin:6px 12px 0 0;
}

.underline{
border-bottom:1px solid #000;
padding-bottom:1px;
}

/* Bullets
------------------------------------------- */
#content ul.bulltop li{
background: url(images/bullet_content_list.jpg) left .7em no-repeat;
}

/* Maps
------------------------------------------- */

#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9, #b10 {
position:absolute;
top:-67px;
left:5px;
visibility: hidden;
}

#s1, #s2, #s3, #s4, #s5, #s6{
position:absolute;
top:-160px;
left:200px;
visibility: hidden;
}

#plan{
position: relative;
}

/* Tabellen Preise
------------------------------------------- */

caption{
text-align:left;
padding-bottom:10px;
font-weight:bold;
}

table {
width:480px;
border-spacing:0px;
border:2px solid #999;
caption-side:top;
table-layout:fixed; 
border-collapse:collapse;
margin-bottom:25px;
}

td, th { 
border:1px solid #DCDCDC; 
padding:0.5em 0.5em 0.5em 0.5em;
vertical-align:top;
}

th{
color:#fff;
background:#DE8527;
text-align:left;
}

.td2{
text-align:right;
}

.col1{
width:350px;
}

.col2{
width:100px;
}

.alignright{
text-align: right;
}