/**************************************************************************************************************************/
/*
Theme Name: Hör-Studio Brodbeck
Theme URI: http://www.hoer-studio-brodbeck.de/
Description: Hör-Studio Brodbeck
Version: 1.0
Author: Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/**************************************************************************************************************************/

:link,:visited { text-decoration:none }
ul, ol { list-style:none }
h1,h2,h3,h4,h5,h6 { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,hr, dt, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }

/**************************************************************************************************************************/

#main p a:after {
content					: " ("attr(href)") ";
}

.invisible {
display					: none;
}

/**************************************************************************************************************************/

body {
color					: #555;
margin					: 0 auto;
padding					: 0;
text-align				: center;
font-size				: 100%;
font-family				: verdana, arial, helvetica, sans-serif;
}

#wrapper {
width					: 100%;
margin					: 0;
padding					: 0;
}

#header {
width					: 100%;
height					: 200px;
margin					: 0;
padding					: 0;
}

#header .inside {
width					: 100%;
height					: 200px;
margin					: 0;
padding					: 0;
}

#logo {
width					: 100%;
height					: 200px;
margin					: 0;
padding					: 0;
}

#logo img {
margin					: 0;
padding					: 0;
}

.mod_xseitenbilder {
display					: none;
}

#header .mod_navigation {
display					: none;
}

#container {
width					: 100%;
margin					: 0;
padding					: 0;
text-align				: center;
}

#left {
display					: none;
}

#main {
width					: 100%;
text-align				: left;
margin					: 0;
padding					: 0;
}

#footer {
width					: 100%;
height					: 50px;
margin					: 50px 0 0 0;
padding					: 10px 0 0 0;
border-top				: 1px solid #000;
}

#footer .inside {
width					: 100%;
margin					: 0;
padding					: 0;
text-align				: center;
}

#footer .mod_customnav {
display					: none;
}

#slogan {
width					: 100%;
height					: 50px;
text-align				: center;
margin					: 0;
padding					: 0;
}

/**************************************************************************************************************************/

.ce_accordion {
margin					: 0;
padding					: 0;
}

.toggler {
font-size				: 80%;
line-height				: 160%;
font-weight				: normal;
font-style				: italic;
margin					: 0 0 20px 0;
padding					: 0;
text-decoration			: none;
color					: #555;
display					: inline;
border-bottom			: 1px dotted #555;
cursor					: pointer;
cursor					: hand;
}

.toggler_first {
	
}

.toggler_first:hover {

}

.toggler.active {
	
}

div.accordion {
margin					: 0;
padding					: 0;
}

/**************************************************************************************************************************/

.mod_newsmenu li {
margin					: 0;
padding					: 0 0 5px 0;
list-style-type			: none;
}

#brodbeck_sponsoring p {
margin					: 0 0 40px 160px;
padding					: 0;
}

.image_container {
margin					: 0;
padding					: 0;
}

.image_container img {
float					: left;
margin					: 0 30px 30px 0;
padding					: 0;
border					: 1px solid #ccc;
}

.nopic .image_container img {
border					: 1px solid #fff;
}

.image_container .caption {
font-size				: 80%;
line-height				: 160%;
font-weight				: bold;
float					: left;
margin					: 0;
padding					: 0;
}

.ce_text, .mod_newslist, .mod_newsmenu {
clear					: both;
margin					: 0;
padding					: 0;
}

#left .inside .block {
overflow				: visible;
/* Damit das Zufallsbild auch unter der Navigation sichtbar ist! */
}

.ce_text img, .mod_newslist img {
padding					: 0;
margin					: 10px 20px 10px 0;
border					: 1px solid #555;
}

/**************************************************************************************************************************/

iframe {
width					: 700px;
margin					: 0;
padding					: 0;
}

hr {
width					: 960px;
border-top				: solid 1px #fff;
border-bottom			: dashed 1px #666;
border-left				: solid 1px #fff;
border-right			: solid 1px #fff;
height					: 1px;
}

/**************************************************************************************************************************/

h1 {
font-size				: 100%;
line-height				: 160%;
font-weight				: bold;
margin					: 20px 0 10px 0;
padding					: 0 0 10px 0;
border-bottom			: 1px solid #555;
}

h2 {
font-size				: 90%;
line-height				: 160%;
font-weight				: bold;
margin					: 10px 0 10px 0;
padding					: 0;
}

h3 {
font-size				: 80%;
line-height				: 160%;
font-weight				: normal;
margin					: 0 0 5px 0;
padding					: 0 5px;
background				: #efefef;
}

p {
font-size				: 80%;
line-height				: 160%;
font-weight				: normal;
margin					: 0 0 0px 0;
padding					: 0;
}

.ce_text p {
margin					: 0 0 10px 0;
}

#left p{
margin					: 5px 0;
padding					: 0;
}

p.zitat {
font-size				: 150%;
line-height				: 160%;
}

#footer p{
font-style				: italic;
letter-spacing			: 0.3px;
/* word-spacing			: 0.5em; */
margin					: 15px 0 0 0;
padding					: 0;
color					: #555;
}

p a:link, p a:visited, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, #main li a:link, #main li a:visited, td a:link, td a:visited {
text-decoration			: none;
font-style				: italic;
color					: #555;
border-bottom			: 1px dotted #555;
}

p a:hover, p a:active, p a:focus, h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus, #main li a:hover, #main li a:active, #main li a:focus, td a:hover, td a:active, td a:focus {
text-decoration			: none;
font-style				: italic;
color					: #555;
border-bottom			: 1px solid #555;
}

.sponsoring p a:link, .sponsoring p a:visited, .ce_hyperlink a:link, .ce_hyperlink a:visited {
text-decoration			: none;
font-weight				: bold;
font-style				: normal;
margin					: 0;
padding					: 0;
color					: #555;
border-bottom			: none;
}

.sponsoring p a:hover, .sponsoring p a:active, .sponsoring p a:focus, .ce_hyperlink a:hover, .ce_hyperlink a:active, .ce_hyperlink a:focus {
text-decoration			: none;
font-weight				: bold;
font-style				: normal;
margin					: 0;
padding					: 0;
color					: #555;
border-bottom			: none;
}

.ce_hyperlink a:link, .ce_hyperlink a:visited {
text-decoration			: none;
font-weight				: bold;
font-size				: 85%;
line-height				: 300%;
margin					: 0 0 0 150px;
padding					: 0;
color					: #555;
border-bottom			: none;
}

.ce_hyperlink a:hover, .ce_hyperlink a:active, .ce_hyperlink a:focus {
text-decoration			: none;
font-weight				: bold;
font-size				: 85%;
line-height				: 300%;
margin					: 0 0 0 150px;
padding					: 0;
color					: #555;
border-bottom			: none;
}

/**************************************************************************************************************************/

#newsbeitraege .ce_text p {
font-size				: 80%;
line-height				: 160%;
font-weight				: normal;
margin					: 0 0 10px 0;
padding					: 0;
}

.mod_newslist h2 {
font-size				: 100%;
line-height				: 160%;
width					: 100%;
margin					: 20px 0 10px 0;
padding					: 0 0 10px 0;
float					: left;
border-bottom			: 1px solid #555;
}

.mod_newslist h2 a:link, .mod_newslist h2 a:visited {
text-decoration			: none;
font-style				: normal;
color					: #555;
border-bottom			: none;
}

.mod_newslist h2 a:hover, .mod_newslist h2 a:active, .mod_newslist h2 a:focus {
text-decoration			: none;
font-style				: normal;
color					: #555;
border-bottom			: none;
}

span.info {
font-size				: 70%;
line-height				: 100%;
float					: right;
font-weight				: normal;
margin					: 10px 0 0 0;
padding					: 0;
}

p.info {
font-size				: 70%;
line-height				: 100%;
float					: right;
font-weight				: normal;
margin					: 10px 0 0 0;
padding					: 0;
}

#newsbeitraege .layout_full p.info {
display					: none;
}

p.teaser {
display					: block;
float					: left;
margin					: 0;
padding					: 0;
clear					: both;
}

p.more {
display					: block;
float					: left;
margin					: 0;
padding					: 0;
clear					: both;
}

.mod_newsmenu li {
margin					: 0;
padding					: 0 0 5px 0;
list-style-type			: none;
}

/**************************************************************************************************************************/

.ce_text ul {
list-style-type			: square;
padding					: 10px 0 0 25px;
margin					: 0;
}

.ce_text ul li {
list-style-type			: square;
font-size				: 80%;
line-height				: 160%;
padding					: 0 0 0 0px;
margin					: 0 0 10px 0;
}

.ce_text ol, .accordion ol {
list-style-type			: decimal;
padding					: 0 0 0 25px;
margin					: 0;
}

ce_text ol li, .accordion ol li {
list-style-type			: decimal;
font-size				: 80%;
line-height				: 160%;
padding					: 0 0 0 0px;
margin					: 0 0 10px 0;
}

.ce_text ol li:first-line, .accordion ol li:first-line {
font-weight				: bold;
}

/**************************************************************************************************************************/

.geschaeftsleitung {
width					: 150px;
float					: left;
margin					: 10px 0 20px 0;
padding					: 0;
clear					: none;
}

.geschaeftsleitung img {
margin					: 10px 0;
padding					: 0;
}

.geschaeftsleitung p {
line-height				: 100%;
font-weight				: normal;
margin					: 0;
padding					: 0;
}

/**************************************************************************************************************************/