/**************************************************************************************************************************/
/*
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 }

/**************************************************************************************************************************/
/* Auswahltext-Farbe ändern */
::selection { background:#8ae3c5; color:#fff; /* Safari and Opera */ }
::-moz-selection { background:#8ae3c5; color:#fff; /* Firefox */ }

/**************************************************************************************************************************/
/* Rounded-Corner Elements */
input { -moz-border-radius:10px; -webkit-border-radius:10px; }

/**************************************************************************************************************************/
/* Prevent Firefox Scrollbar Jump */
html { overflow-y:scroll; }

/**************************************************************************************************************************/
/* Highlight Searchword */
.searchword {background: #D2232A;}

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

body {
color					: #555;
margin					: 0 auto;
padding					: 0;
text-align				: center;
font-size				: 100%;
font-family				: verdana, arial, helvetica, sans-serif;
background				: url(../media/img/slogan.gif) center 300px no-repeat fixed;
}

.invisible {
/* display					: none; */
}

#wrapper {
width					: 100%;
margin					: 0 auto;
padding					: 0;
text-align				: center;
background				: url(../media/img/bg_oben.gif) top center repeat-x;
}

#header {
width					: 960px;
height					: 200px;
margin					: 0 auto;
padding					: 0;
}

#header .inside {
width					: 960px;
height					: 200px;
float					: left;
margin					: 0 0 30px 0;
padding					: 0;
}

#logo {
width					: 200px;
height					: 200px;
float					: left;
margin					: 0 40px 0 0;
padding					: 0;
}

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

.mod_xseitenbilder {
width					: 720px;
height					: 144px;
float					: left;
margin					: 0;
padding					: 20px 0 0 0;
/* background				: url(../media/teaser/alstadtfront_duesseldorf.jpg) 20px 20px no-repeat; */
}

.mod_xseitenbilder img {
margin					: 0;
padding					: 0 0 0 20px;
}

#header .mod_navigation {
width					: 704px;
height					: 36px;
float					: left;
text-align				: center;
margin					: 0 0 0 16px;
padding					: 0;
}

#container {
width					: 960px;
margin					: 0 auto;
padding					: 0;
text-align				: center;
}

#left {
width					: 200px;
min-height				: 460px;
height					: auto !important;
height					: 460px;
float					: left;
text-align				: center;
margin					: 20px 40px 0 0;
padding					: 0;
}

#left .mod_navigation {
width					: 200px;
float					: left;
margin					: 0 0 20px 0;
padding					: 0;
}

#autoslider {
width					: 200px;
float					: left;
margin					: 0;
padding					: 0;
}

#fragen {
width					: 200px;
float					: left;
margin					: 20px 0 20px 0;
padding					: 0;
}

#main {
width					: 700px;
min-height				: 460px;
height					: auto !important;
height					: 460px;
float					: left;
text-align				: left;
margin					: 0;
padding					: 0 0 20px 20px;
}

#footer {
width					: 100%;
height					: 50px;
float					: left;
margin					: 0;
padding					: 0;
background				: #e8e8e8;
}

#footer .inside {
width					: 960px;
margin					: 0 auto;
padding					: 0;
text-align				: center;
}

#footer .mod_customnav {
width					: 200px;
height					: 50px;
float					: left;
text-align				: left;
margin					: 0 40px 0 0;
padding					: 0 5px;
}

#slogan {
width					: 700px;
height					: 50px;
float					: left;
text-align				: center;
margin					: 0 0 0 10px;
padding					: 0;
}

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

#header .mod_navigation ul, #header .mod_navigation li {
font-size				: 95%;
line-height				: 1.6em;
list-style-type			: none;
display					: inline;
margin					: 0;
padding					: 0;
}

#header .mod_navigation li {
padding					: 0 2px;
margin					: 0;
border-right			: 1px solid #555;
}

#header .level_1 a:link, #header .level_1 a:visited, #header .level_1 .active a:link, #header .level_1 .active a:visited {
font-weight				: normal;
color					: #555;
padding					: 0 2px;
margin					: 0;
}

#header .level_1 a:hover, #header .level_1 a:active, #header .level_1 a:focus {
font-weight				: normal;
color					: #000;
padding					: 0 2px;
margin					: 0;
}

#header .level_1 .active, #header .level_1 a.trail {
font-weight				: bold;
color					: #000;
padding					: 0 2px;
margin					: 0;
}

#header .level_1 li.first {
padding					: 0 2px 0 0;
margin					: 0;
}

#header .mod_navigation li.last {
padding					: 0 0 0 2px;
margin					: 0;
border					: none;
}

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

#left .mod_navigation ul, #left .mod_navigation li {
width					: 200px;
font-size				: 90%;
line-height				: 1.8em;
list-style-type			: none;
margin					: 0;
padding					: 0;
}

#left .mod_navigation li {
padding					: 0;
margin					: 0;
}

#left .level_1 a:link, #left .level_1 a:visited, #left .level_1 .active a:link, #left .level_1 .active a:visited {
width					: 190px;
display					: block;
font-weight				: normal;
color					: #555;
padding					: 0px 5px;
margin					: 0 0 10px 0;
}

#left .level_1 a:hover, #left .level_1 a:active, #left .level_1 a:focus {
width					: 190px;
display					: block;
font-weight				: normal;
color					: #555;
padding					: 0px 5px;
margin					: 0 0 10px 0;
background				: #efefef;
}

#left .level_1 li.active {
width					: 190px;
display					: block;
font-weight				: normal;
color					: #555;
padding					: 0px 5px;
margin					: 0 0 10px 0;
background				: #efefef;
}

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

#footer .mod_customnav ul, #footer .mod_customnav li {
width					: 200px;
font-size				: 90%;
line-height				: 1.8em;
list-style-type			: none;
margin					: 0;
padding					: 0;
}

#footer .mod_customnav li {
padding					: 0;
margin					: 12px 0 0 0;
}

#footer .level_1 a:link, #footer .level_1 a:visited, #footer .level_1 .active a:link, #footer .level_1 .active a:visited {
font-weight				: normal;
color					: #555;
padding					: 0;
margin					: 0;
}

#footer .level_1 a:hover, #footer .level_1 a:active, #footer .level_1 a:focus {
font-weight				: normal;
color					: #000;
padding					: 0;
margin					: 0;
}

#footer .level_1 .active {
font-weight				: normal;
color					: #000;
padding					: 0;
margin					: 12px 0 0 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;
}

#partner .image_container {
min-height				: 90px;
height					: auto !important;
height					: 90px;
margin					: 0;
padding					: 0;
/* background				: #ff0000; */
}

.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;
}

#left img {
padding					: 0;
margin					: 0;
border					: none;
}

/* .ce_autoSlider {
text-align				: center;
}

.ce_autoSlider h3 {
text-align				: left;
} */

#eqm_zert {
padding					: 0;
margin					: 0 0 50px 0;
border					: none !important;
}

#eqm_zert img {
border					: none !important;
}

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

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;
}

h4 {
font-size				: 80%;
line-height				: 100%;
font-weight				: bold;
margin					: 15px 0 -5px 0;
padding					: 0;
}

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, h3 a:link, h3 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, h3 a:hover, h3 a:active, h3 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;
}

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

.mod_photoalbumslist table td, .mod_photoalbumsviewer table td {
width					: 144px;
height					: 144px;
margin					: 0;
padding					: 0;
}

.mod_photoalbumslist .image_container img, .mod_photoalbumsviewer .image_container img {
float					: left;
margin					: 0 20px 20px 0;
padding					: 0;
border					: none;
}

.mod_photoalbumsviewer table td.col_last .image_container img {
float					: left;
margin					: 0 0 20px 0;
padding					: 0;
border					: none;
}

.mod_photoalbumslist .image_container {
float					: left;
margin					: 0;
padding					: 0;
}

.mod_photoalbumslist .title {
width					: 500px;
float					: left;
margin					: 0;
padding					: 0;
}

.mod_photoalbumslist .meta {
width					: 510px;
float					: left;
margin					: 10px 0 0 0;
padding					: 0;
}

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

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