/* master.css fuer brainstorm-werbeagentur.de [2011] */
/* © www.maple-park.de*/
/* 2011-05-27 */

/*  orange  =  #F48518  */
/*  rot     =  #F31921  */

body {
	background-color: #fff;
	color: #000;
	font-family: 'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
	font-size: 82%;
	}

h1, h2, h3, h4, h5, h6, p, address, th, td, ul, ol, li, dt, dd, form, input, textarea, a {
	color: #000;
	font-family: 'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
	font-size: 1.0em;
	line-height: 1.5em;
	}



h1     { color: #F31921; font-size: 2.1em; font-weight: bold; }
h2     { color: #F31921; font-size: 1.4em; font-weight: bold; }
h3     { color: #F31921; font-size: 1.2em; font-weight: bold; }
h4     { color: #F31921; font-size: 1.0em; font-weight: bold; }
h5, h6 { color: #F31921; font-weight: normal; }

table tr { vertical-align: top; }
table td { text-align: left; }

a:link, a:visited {
	color: #000;
	text-decoration: none;
	}
a:hover, a:active {
	color: #000;
	text-decoration: none;
	outline: none;
	}

strong, b { color: #000; font-weight: bold; }
em, i     { color: #000; font-style: normal; }
img       { border: 0 none; }

/* Spezielle Klassen */
.bold { font-weight: bold !important; }
.center { text-align: center !important; }
.clear { clear: both !important; }
.hide { display: none !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.small-text { font-size: 0.89em; }

/* Margin und Padding bei allen Blockelementen auf Null setzen */
* { margin: 0; padding: 0; }



/* Raender, Breite, Hintergrundfarbe, etc. der Seite */
html {
	min-width: 980px;
	text-align: center;
	}

body {
	text-align: center;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 82%;
	color: #fff;
	background-color: #F48518;
	}

#page {
	margin: 0 auto 0 auto;
	width: 942px;
	min-height: 480px;
	text-align: left;
	background: transparent url(bg-middle.gif) repeat-y top center;
	}

#wrapper {
	margin: 0 auto 0 auto;
	width: 942px;
	background: transparent url(bg-bottom.gif) no-repeat bottom left;
	}

/* Beginn Header */
#header {
	padding: 0;
	width: 942px;
	height: 366px; /* = 100+20+276*/
	background: transparent url(bg-header.gif) no-repeat top right;
	}

#header h1 {
	height: 10px;
	text-indent: -9999px;
	}
/* Ende Header */


/* begin Header-Slideshow */
#header-slideshow {
	margin: 85px 2px 0 2px;
	width: 938px; /* = 942-2-2 */
	height: 276px;
}

#header-slideshow p {
	color: #fff;
}
/* end Header-Slideshow */


/* Beginn Menu */
#menu {
	float: left;
	display: inline;
	margin: 30px 0 0 2px;
	padding: 0;
	width: 250px;
	text-align: left;
	background: transparent url(bg-menu.gif) no-repeat 0 10px;
	outline: 0px solid #0c0;
	}

#menu ul {
	margin: 0;
	}	

#menu li {
	margin-left: 0;
	list-style: none;
	}
	
#menu ul.rex-navi1 {
	margin: 0 0 0 70px;
	padding: 0;
	}

#menu a {
	display: block;
	width: 130px;
	height: 32px;
	text-indent: -9999px;
	}

li.rex-article-1 a { background: transparent url(menu-01.gif) no-repeat 0 0; }
li.rex-article-2 a { background: transparent url(menu-02.gif) no-repeat 0 0; }
li.rex-article-3 a { background: transparent url(menu-03.gif) no-repeat 0 0; }
li.rex-article-4 a { background: transparent url(menu-04.gif) no-repeat 0 0; }
li.rex-article-5 a { background: transparent url(menu-05.gif) no-repeat 0 0; }
li.rex-article-6 a { background: transparent url(menu-06.gif) no-repeat 0 0; }

#menu ul.rex-navi1 li a:hover,
#menu ul.rex-navi1 li a:active,
#menu ul.rex-navi1 li a.rex-current,
#menu ul.rex-navi1 li a.rex-active,
#menu ul.rex-navi1 li a.rex-current {
	background-position: -150px 0;
	}

#menu ul.rex-navi2 {
	margin: 0 0 10px 0;
	}
	
#menu ul.rex-navi2 li a {
	margin: 0 0 10px 15px;
	height: auto;
	text-indent: 0;
	font-size: 1.1em;
	color: #F48518;
	background: none;
	}

#menu ul.rex-navi2 li a.current,
#menu ul.rex-navi2 li a:hover,
#menu ul.rex-navi2 li a:active,
#menu ul.rex-navi2 li a.rex-current {
	color: #F31921;
	}
/* Ende Menu */


/* Beginn Dega und Brainshirt */
#dega {
	margin: 40px 0 0 20px;
	width: 220px;
	min-height: 300px;
	text-align: center;
	overflow: auto;
	outline: 0px solid #00c;
	}

#dega p {
	margin: 0 0 5px 0;
}

#dega a {
	width: 100%;
	height: auto;
	text-indent: 0;
}

#dega a:link,
#dega a:visited {
	color: #F48518;
}

#dega a:hover,
#dega a:active {
	color: #F31921;
}

#brainshirt {
	display: none;
	margin: 50px 0 0 40px;
	width: 180px;
	height: 100px;
	outline: 0px solid #00c;
	}

#brainshirt a {
	display: block;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 100px;
	text-indent: 0;
	background: none;
	}
/* Ende Dega und Brainshirt */


/* Beginn Content */
#content {
	float: right;
	display: inline;
	margin: 0;
	padding: 30px 40px 50px 20px;
	width: 610px;
	min-height: 540px;
	text-align: left;
	background: transparent url(bg-content.gif) no-repeat top right;
	outline: 0px solid #00c;
	}

#content h2 {
	margin: 0 0 1.0em 0;
	}

#content h3 {
	margin: 1.5em 0 0.5em 0;
	}

#content h4 {
	margin: 1.5em 0 0 0;
	}
	
#content h5 {
	margin: 0.5em 0 0.5em 0;
	}

#content p {
	margin: 0 0 1.0em 0;
	}

#content ul,
#content ol {
	margin: 5px 0 15px 9px;
	padding: 0 10px 0 0;
	}

#content li {
	margin-left: 9px;
	padding: 1px;
	list-style: none;
	}

#content dl { margin: 5px 0 15px 0; padding: 0 10px 0 10px; }
#content dt { font-weight: bold; color: #003;}
#content dd { padding: 0 0 0 10px; }
#content table { margin: 1.0em 0 0 0; border: 0 none; padding: 0; }
#content table tr { margin: 0; padding: 0; }

#content a {
	padding: 2px;
	color: #F31921;
	}

#content a:hover,
#content a:active {
	color: #fff;
	background-color: #F48518;
	}

#content table th,
#content table td {
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px solid #ccc;
	}

#content table th p {
	margin: 0;
	padding: 0 0.4em 0.5em 0;
	text-align: left;
	color: #068AD2;
	}

#content table td p {
	margin: 0;
	padding: 0 0 0.5em 0.4em;
	}

#content hr {
	margin: 1.0em 0 1.0em 0;
	height: 1px;
	color: #F48518;
	background-color: #F48518;
	border: 0;
	}

/* Ende Content */


/* Beginn Module */

/* Beginn 10-4 Bild oben rechts mit Zoom */
#content div.image-top-right {
	float: right;
	display: inline;
	margin: 0 0 1.0em 15px;
	padding: 0;
	width: 200px;
	height: 300px;
	overflow: hidden;
	background-color: #fff;
	}

#content div.image-top-right div.gallery-item-image {
	margin: 0 auto 0 auto;
	}

#content div.image-top-right div.gallery-item-image a {
	display: block;
	margin: 0;
	padding: 0;
	background: transparent url(icon-lv-zoom.png) no-repeat 0 -1000px;
	border: 1px solid #ccc;
	}

#content div.image-top-right div.gallery-item-image a:hover,
#content div.image-top-right div.gallery-item-image a:active {
	background-position: center;
	}
/* Ende 10-4 Bild oben rechts mit Zoom */




/* begin 14-0 Galerie mit Zoom (Fancybox) */
div.image-gallery {
	margin: 0 0 10px 0;
	padding: 0;
	width: 610px;
	outline: 0px solid #c00;
	}

div.image-gallery fieldset {
	padding: 10px 14px 0 14px;
	width: 580px; /* = 610-1-1-14-14 */
	border: 1px solid #ccc;
	}

div.image-gallery legend {
	padding: 0 8px 0 8px;
	color: #999;
	}

div.image-gallery div.gallery-item {
	float: left;
	margin: 0 0 12px 0;
	padding: 0;
	text-align: center;
	outline: 0px solid #c00;
	}

div.image-gallery div.gallery-item-image {
	margin: 0 auto 0 auto;
	background-color: #c00;
	}

#content div.image-gallery div.gallery-item-image a {
	display: block;
	margin: 0;
	padding: 0;
	background: transparent url(icon-lv-zoom.png) no-repeat 0 -1000px;
	border: 1px solid #eee;
	}

#content div.image-gallery div.gallery-item-image a:hover,
#content div.image-gallery div.gallery-item-image a:active {
	background-color: transparent;
	background-position: center;
	}
/* end 14-0 Galerie mit Zoom (Fancybox) */


/* begin 71-0 alle Artikel einer Kategorie auslesen, einbauen */
div.article-list div.article{
	margin: 0 0 40px 0;
}
/* end 71-0 alle Artikel einer Kategorie auslesen, einbauen */


/* Beginn  # 14 b - Slimbox (einstellbare Bildbreite, optionale Ueberschrift) [v.1.4] [r4] */
#content fieldset.slimbox {
	margin: 2.0em 0 2.0em 0;
	padding: 10px 0 10px 10px; /* rechts kein Padding, weil die Bilder schon ein Padding haben */
	width: 600px;
	border: 1px solid #ccc;
	}

#content legend.slimbox {
	padding: 0 8px 0 8px;
	color: #999;
	}

#content div.slimbox-gallery {
	margin: 1.0em 0 0 10px;
	}

#content div.slimbox-gallery span {
	float: left;
	margin: 0 12px 12px 0; /* bei Bildbreite > 140 px auf 0 setzen */
	text-align: center;
	overflow: hidden;
	outline: 0px solid #c00;
	}

#content div.slimbox-gallery span a {
	display: block;
	padding: 0;
	background: none;
/*	background: transparent url(js/slimbox-icon-0.gif) no-repeat bottom right; */
	}

#content div.slimbox-gallery span a:hover,
#content div.slimbox-gallery span a:active {
	background: none;
/*	background: transparent url(js/slimbox-icon-1.gif) no-repeat bottom right; */
	}
	
#content div.slimbox-footer {
	margin: 0.5em 0 1.0em 10px;
	font-size: 0.8em;
	color: #aaa;
	}
/* Ende # 14 b - Slimbox (einstellbare Bildbreite, optionale Ueberschrift) [v.1.4] [r4] */
/* Ende Module */



/* Beginn Footer */
#footer {
	clear: both;
	margin: 0 auto 0 auto;
	padding-bottom: 20px;
	width: 942px;
	height: 20px;
	text-align: left;
	}

#footer p {
	margin: 5px 0 0 282px;
	padding: 0;
	font-size: 0.89em;
	color: #fff;
	}
#footer p a {
	padding: 2px;
	font-size: 1.0em;
	color: #fff;
	}

#footer p a:hover, #footer p a:active {
	color: #F31921;
	text-decoration: none;
	background-color: #fff;
	}

/* Ende Footer */