@charset "utf-8";

/* ----------------------
	RED		CC0000
	L.RED	FFCCBB
---------------------- */

/* FONTS */

@font-face {
	font-family: 'RobotoBold';
	src: url('../fonts/roboto/Roboto-Bold.eot');
	src: url('../fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/roboto/Roboto-Bold.woff') format('woff'),
			 url('../fonts/roboto/Roboto-Bold.ttf') format('truetype'),
			 url('../fonts/roboto/Roboto-Bold.svg#RobotoRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* BASICS */

* { margin:0; padding:0; border:0; }
html, body { height:100%; }
body { font: 1em/1.6em Verdana, Geneva, sans-serif; color:#333; }

/* Konflikte: Timeline, Leaflet, Fancybox */
div, article { overflow:hidden; }
.fancybox-overlay div { overflow:visible; }


img { border:0; }
p { margin: 0.7em 0; }
hr { height:0px; margin: 1em 0; border:0; border-bottom: 1px dashed #666;}
.divider hr { margin:0; padding:0; }
#main-content .divider, .divider { margin: 2em 0; }

h1, h2, h3, h4, h5, h6 { margin: 0.5em 0; line-height:1.2em; font-weight:normal; color:#333; }
h1 { font-size:2.25em; }
h2 { font-size:1.5em; }
h3 { font-size:1.25em; }
h4 { font-size:1em; }
h5 { font-size:1em; }
h6 { font-size:1em; }

a { color:#666; border-bottom: 1px dotted #666; }
a:hover { color:#000; }
header #logo a, #langnav li a, #l1nav li a, #l1nav li a, #l23nav a, #l-1nav li a, .listview.short a, .csc-textpic-imagewrap a, .fancybox-item, .b-share a, .leaflet-popup a { border:none; }

a h3 { color:#666; }
a:hover h3 { color:#000; }

ul { list-style:disc; padding-left:1.5em; }

.teaser { margin: 0 0 1.2em 0; font-size:1.4em; line-height:1.4em; }

#bodywrap { width:100%; min-height:100%; margin: 0 auto -200px auto; overflow:hidden; }

.fullwidth { width:100%; }
.fixedwidth { margin:auto; width:960px; }

/* HEADER & FOOTER BACKGROUND */
header, footer { background: url(../../pampsee_files/stoffe/startseite_karo_6379.jpg) repeat; }

/* HEADER */

header { height:100px; }
header.fullwidthr .fixedwidth { clear:both; }
header .hitem {}

header #logo { float:left; width:650px; margin: 20px 0 0 0; }
header #logo a { text-decoration:none; }
header h1, header h2 { color:#333; margin:0; }
header h1 { margin: 0 0 3px 0; font-family:RobotoBold; font-size:2.5em; line-height:1em; }
header h2 { font-size:1em; font-weight:bold; }

#signet { width:55px; height:60px; float:left; background:url(../img/pampsee_signet.png) center no-repeat; }
#signet a { display:block; }

/* LANGUAGE NAVIGATION */

#langnav { float:right; margin: 25px 0 0 0; background:#FFF; }
#langnav ul { margin:0; padding:0; }
#langnav li { display:inline-block; }
#langnav li span { display:block; padding: 2px 10px; font-size:12px; }
#langnav li a { display:block; padding: 2px 10px; font-size:12px; text-decoration:none; }
#langnav li a:hover { background:#FCB; }
#langnav li.act { background:#FCB; }

/* MAIN NAVIGATION */

#l1nav { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#l1nav ul { margin:auto; padding:0; display:table; }
#l1nav li { display:table-cell; text-align:center; }
#l1nav li a { display:block; padding: 10px 5px; font-family:RobotoBold; font-size:1.1em; text-decoration:none; }
#l1nav li a:hover { color:#C33; }
#l1nav li.act a { color:#C33; }

/* CONTENT */

#headerimage { margin: 0 auto 35px auto; }

#content { margin: 25px 0 250px 0; font-size:0.875em; line-height:1.5em; text-align:center; }
#content .fixedwidth { text-align:center; }
#content .fixedwidth * { text-align:left; }

#content a { text-decoration:none; }

#main-content {}
#main-content h1:first-child,
#main-content p:first-child { margin-top:0; padding-top:0; }

#side-l-content {}
#side-r-content {}

#content-fullw { overflow:hidden; }

/* GRID */

.columns { display:inline-block; margin: 0 14px; vertical-align:top; }
.three.columns { width:930px; }
.two.columns { width:610px; float:left;}
.one.columns { width:291px; float:left;}

/* NAVIGATION 2-3 LEVEL */

#l23nav { width:90%; margin: 0 0 25px 0; }
#l23nav a { text-decoration:none; }

.l2nav { margin:0; padding:0; list-style:none; border-top: 1px dashed #CCC; }
.l2nav li { border-bottom: 1px dashed #CCC; padding: 4px 10px; }
.l2nav li a {}
.l2nav li a:hover { color:#C33; }
.l2nav li.act a { font-weight:bold; color:#C33; }
.l2nav li.actifsub { border:none; }
.l2nav li.actifsub a { font-weight:bold; color:#C33; }

.l3nav { margin:0; padding: 5px 0 15px 0; list-style:none; border-bottom: 1px dashed #CCC; }
.l3nav li { border:none; padding: 0 25px; }
.l3nav li a {}
.l3nav li a:hover { color:#C33; }
.l3nav li.act a { font-weight:bold; color:#C33; }


/* NEWS */

/*.news { overflow:visible; }*/
.listview {}
#content .listview { text-align:center; }

.news header { height:auto; background:none; }
.news footer { height:auto; border:none; background:none; }
.news .image a { border:0; }

.listview article { display:inline-block; width:270px; margin: 5px 0; padding:15px; vertical-align:top; clear:both; }
.listview article, .listview article { text-align:left; }

.cat { padding: 0 0.5em; font-weight:bold; background:#FFF; }

.cat8 { color:#9CC; } /* Blank nach Blankensee */
.cat7 { color:#9C6; } /* Heimsuchung */
.cat6 { color:#F96; } /* Gründung der Kunstgemeinde Pampsee */
.cat5 { color:#F66; } /* KunstKiosk */
.cat4 { color:#F6C; } /* Sonnenschirmgruppe */
.cat3 { color:#FC9; } /* Der Gemeindeplatz Pampsee */
.cat2 { color:#CCC; } /* Powered by Emotion */

.shortcat { display:inline-block; width:1em; height:1em; }

.shortcat.cat8 { background:#9CC; } /* Blank nach Blankensee */
.shortcat.cat7 { background:#9C6; } /* Heimsuchung */
.shortcat.cat6 { background:#F96; } /* Gründung der Kunstgemeinde Pampsee */
.shortcat.cat5 { background:#F66; } /* KunstKiosk */
.shortcat.cat4 { background:#F6C; } /* Sonnenschirmgruppe */
.shortcat.cat3 { background:#FC9; } /* Der Gemeindeplatz Pampsee */
.shortcat.cat2 { background:#CCC; } /* Powered by Emotion */

#catnav { margin: 1.5em 0 1em 0; }
.catnav { display:inline-block; padding: 0 0.5em; margin: 0.2em; font-size:12px; font-weight:bold; color:#FFF; border:none; }

.catnav.cat0 { background:#EEE; color:#666; } /* Alle K. */
.catnav.cat8 { background:#9CC; } /* Blank nach Blankensee */
.catnav.cat7 { background:#9C6; } /* Heimsuchung */
.catnav.cat6 { background:#F96; } /* Gründung der Kunstgemeinde Pampsee */
.catnav.cat5 { background:#F66; } /* KunstKiosk */
.catnav.cat4 { background:#F6C; } /* Sonnenschirmgruppe */
.catnav.cat3 { background:#FC9; } /* Der Gemeindeplatz Pampsee */
.catnav.cat2 { background:#CCC; } /* Powered by Emotion */

#cat0 {}
#cat1 {}
#cat2 {}
#cat3 {}
#cat4 {}
#cat5 {}
#cat6 {}
#cat7 {}

.listview header {}
.listview .datetime {}
.listview .category {}
.listview header h3 {}
.listview header h3 a { border:none; }

.listview .image { width:270px; height:100px; margin: 0 0 10px 0; background:#F96; }
.listview .teaser { margin:0; font-size:12px; line-height:1.5em; }
.listview .teaser .title { font-weight:bold; }

.listview footer { font-size:11px; line-height:1.5em; color:#666; }

.listview.short * { font-size:1em; line-height:1.6em; }
.listview.short article { display:block; width:auto; margin:0; padding: 3px 0; font-size:12px; line-height:1.4em; border-bottom: 1px dotted #CCC; }
.listview.short a {}
.listview.short a:hover {}
.listview.short .datetime {}
.listview.short h3 { display:inline; }

.singleview {}
.singleview .datetime,
.singleview .newscategory { font-size:12px; line-height:1.4em; }
.singleview {}
.singleview {}
.singleview {}

#adv-custom-pager {}
#adv-custom-pager span { cursor:pointer; display:inline-block; margin: 0 10px 0 0; width:67px; height:67px; overflow:hidden; }
#adv-custom-caption { font-size:12px; margin: 10px 0; }

.news.lstvw article { padding: 20px 0; border-bottom: 1px solid #CCC; clear:both; }
.news.lstvw article:first-child { border-top: 1px solid #CCC; }
.news.lstvw .image { float:left; margin: 0 20px 0 0; line-height:0; }
.news.lstvw .text { color:#333; }
.news.lstvw .text p { margin:0; }
.news.lstvw .datetime, .news.lstvw .category { font-size:12px; }
.news.lstvw {}
.news.lstvw {}
.news.lstvw {}

/* SLIDESHOW */

.cycle-slideshow { margin: 0 0 15px 0; width:610px; height:610px; }
.cycle-slideshow.home { width:930px; height:349px; }

/* TIMELINE */

#my-timeline { font-size:12px; line-height:1.2em; }
#my-timeline div { overflow:visible; }

/* LEAFLET & OSM */

#pampsee_map { width:100%; height:600px; }
#pampsee_map div { overflow:visible; }
#pampsee_map .leaflet-popup div { overflow:hidden; }
#pampsee_map .leaflet-control-zoom a { text-align:center; }

.leaflet-popup-content {}
.leaflet-popup-content div { margin: 10px 0 0 0; }

.hausnr { display:inline-block; margin-right:0.5em; padding: 2px 10px; font-weight:bold; color:#FFF; background:#999; }

.legends { display:inline-block; width:20px; height:15px; background: url(../img/legends_15px.png) top left; }

.heimgeber { background-position: 0 0; }
.heimgesucht { background-position: -20px 0; }
.kunstkiosk { background-position: -40px 0; }
.sonnenschirm { background-position: -60px 0; }
.stoffspender { background-position: -80px 0; }
.zaungast { background-position: -100px 0; }
.backwerk { background-position: -120px 0; }
.systemstrng { background-position: -140px 0; }
.holzbrigade { background-position: -160px 0; }
.techfachkraft { background-position: -180px 0; }
.sozaktiv { background-position: -200px 0; }
.entspannung { background-position: -220px 0; }

.legends-info { margin: 20px 0; font-size:12px; line-height:1.6em; }
.legends-info * {  }

/* FOOTER */

footer { height:199px; font-size:12px; border-top: 1px solid #CCC; }
footer .fixedwidth { text-align:center; clear:both; }
footer .fitem {}
footer .foohr { margin:0; border-bottom: 1px solid #CCC; }

#copyright { float:left; padding: 2px 10px; }
#copyright * { margin:0; padding:0; }

#foo1 { background:#FFF; overflow:hidden; }
#foo2 { margin-top:20px; }

/* FOOTER NAVIGATION */

#l-1nav { float:right; }
#l-1nav ul { margin:0; padding:0; }
#l-1nav li { display:inline-block; }
#l-1nav li a { display:block; padding: 2px 10px; text-decoration:none; }
#l-1nav li a:hover { background:#FCB; }
#l-1nav li.act a {}

/* TYPO3 */

.news-img-caption { margin: 0 0 15px 0; font-size:11px; line-height:1.4em; }
.csc-textpic-imagecolumn { float:left; margin: 0 9px 0 0; }
.csc-textpic-firstcol {}
.csc-textpic-lastcol { margin:0; }

.news-related { margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px dashed #666;}
.news-related ul { list-style:none; padding:0; }

.csc-textpic { clear:both; }
.csc-textpic div { overflow:visible; }
.csc-textpic-left { text-align:left; }
.csc-textpic-right { text-align:right; }
.csc-textpic-center {}

.csc-textpic-imagewrap {}
.csc-textpic-intext-left .csc-textpic-imagewrap { float:left; margin: 0 10px 0 0; }
.csc-textpic-intext-right .csc-textpic-imagewrap { float:right; margin: 0 0 0 10px; }
.csc-textpic-text {}

/* RESPONSIVE LAYOUT */

@media only screen and (max-width:959px) {}

@media only screen and (max-width:759px) {}

@media only screen and (max-width:559px) {}

@media only screen and (max-width:359px) {}
hr.ce-div {
	margin: 2em 0;
}