@import url("print.css") print, embossed;
@import url("basic.css");
@import url("menu.css");

/* 
Orange: #f60 
Grau BodyBG : #111;
border-orange #e96324
*/

/* #main{background-color:gray;} */

/* Style sheet bildit-80ff24a9 */

#footer{
-webkit-transition: all 500ms ease-in-out;
   -moz-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
}


#wrapper{
-webkit-transition: all 1000ms ease-in-out;
   -moz-transition: all 1000ms ease-in-out;
     -o-transition: all 1000ms ease-in-out;
        transition: all 1000ms ease-in-out;
}
#headbg{
-webkit-transition: all 500ms ease-in;
   -moz-transition: all 500ms ease-in;
     -o-transition: all 500ms ease-in;
        transition: all 500ms ease-in;
}





body { background-color: #af0d0b; color:#333; overflow-y:scroll; }
#left { float:left; padding-left: 30px; padding-top: 20px; }
#top_image { }
#footer .inside , #footer .inside { margin:auto; width:960px; }
#footer .kontakt_submit { width:254px; }
.toplink { padding-bottom:20px; }
#header,#container,#footer { float:left; position:relative; }
#container { padding-top: 0px; 
  background: url(img/80p_white.png) repeat transparent;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
/*     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/tl_files/feuerwehr/css/img/75p_white.png'); */
}

.hidden{display: none;}

#headbg{height: 400px; width: 100%; background: url(img/bodybg.png) no-repeat center top transparent; position: absolute; }
/* IE ignores styles with [attributes], so it will skip the following. */

.image_container{
	margin: 4px 10px 4px 4px;
	padding:5px; 
	background-color: #fff; 
	border: 1px solid 999px;
	-webkit-box-shadow: 0px 0px 3px 3px #aaa;
	   -moz-box-shadow: 0px 0px 3px 3px #aaa;
		    box-shadow: 0px 0px 3px 3px #aaa;
}

.centered { text-align:center; }
.ce_image h2 { padding:9px 0 0 9px; margin:0; }
.black { background-color:#fff; }
.white { background-color:#fff; }
#main { min-height:450px; padding:40px;}
#main .image_container { padding:9px; float:left; }
.body_home #header { height:376px; }

.body_home #header .logo_header { top:190px; }

/* Footer  */
#footer { margin-top:30px; padding-bottom:30px; background-color:#000; width:100%; color:#333; padding-top:15px; }
#footer .grid_8 .grid_4 { margin-left:0; }
#footer h2 { color:#f60; }
#footer h2 a { color:#333; }

/* #footer .mod_newslist.bloglist p.teaser{color:#aaa} */
.ce_comments { padding-top:20px; }
.ce_comments label { padding-left:10px; }
.ce_comments .comment_default { background-color:#333; border-left:2px solid #666; margin-bottom:6px; padding:7px; }
.ce_comments p.info,.ce_comments span.date { font-size:11px; margin-bottom:6px; }
.mod_search p.header,.mod_search h3 { padding-top:10px; }
.mod_search input,#footer input { vertical-align:top; font-weight:normal; font-size:12px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.mod_search input[type=text] { width:180px; padding:7px; margin:1px 0 2px; background:#333; border:none; color:#ccc; }
.mod_search input[type=submit] { width:60px; padding:7px; border:none; color:#535353; background:#000; text-shadow:0 -1px 2px rgba(0,0,0,.7); cursor:pointer; }
.mod_search input[type=submit]::-moz-focus-inner { border:0; }
.mod_search input[type=submit]:focus { background:#333; }
.mod_newsmenu h5,.mod_eventmenu h5 { color:#f60; }
.mod_newsmenu,.mod_eventmenu { background-color:#fff; border:1px solid #666; padding: 10px;}
.mod_news
a,.mod_eventmenu a { color:#f60; }
.mod_newsmenu ul,.mod_newsmenu li,.mod_eventmenu ul,.mod_eventmenu li { margin:0; padding-left:0; line-height:140%; list-style-type:none; font-weight:normal; }
.mod_newsmenu ul li ul li { list-style-type:none; }
.mod_newsmenu li li,.mod_eventmenu li li { padding-left:0; margin-left:0; }
.mod_newsmenu .year{font-size: 16px; font-weight: bold;}


/* FORM ISotope */
#main .quantity_container input[type=text] { width:30px; padding:7px; background:#fff; border:none; color:#333; border:1px solid #646464; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; margin-top:4px; }

/* RECHTE SPALTE */

/* MAIN SPALTE */
#main .pl10 { padding-left:10px; }
#main ul.tag-chain,#main ul.tag-chain a { color:#fff; }

/* HEADLINES */
.subheadline { color:white; }
#footer .headline_top h2 { padding:0; }

/* LIGHTBOX */
.ce_ce_lightbox4ward .inside { padding:10px; }

/* BLOG */

/* einfache Liste  */
.mod_newslist.bloglist h2 a { color:#333; font-size:15px; }
.mod_newslist.bloglist p.teaser,.mod_newslist.bloglist h2 { margin-left:50px; }
.mod_newslist.bloglist p.teaser { color:#666; }
.mod_newslist.bloglist p.more { width:30px; float:left; position:absolute; top:12px; left:20px; }
.mod_newslist.bloglist h2 { width:250px; margin-bottom:0; }


/* Footer Indiv */
#footer h3 { padding-bottom:0; margin-bottom:0; }
#footer .mod_customnav ul { padding:0; margin:3px 0; }
#footer .mod_customnav ul li { list-style:none; margin:5px 0; padding:0; }

/* blog übersicht dauf blog.html */
.layout_short h2 a { font-size:19px; }
#container .layout_short h2,#container .layout_full h1,#container .layout_full h2 { padding-left:0; }
#blog .layout_short h2,#blog-leser .layout_full h2,#blog-archiv .layout_short h2 { border-bottom:3px solid #666; }
#blog-leser p.info { padding-bottom:10px; }
#container .layout_short p.info { padding-bottom:10px; }
#container .mod_newsreader p.info a { font-size:11px; }
#container .mod_newsreader div.ce_comments h2 { padding-left:0; }
#container .layout_short p.more { float:right; }
#container .layout_short .tag-chain { border-top:1px solid #666; margin:20px 0 0; }
#main div.layout_short { margin-bottom:10px; }
#main .mod_newsreader h2 { font-size:19px; }
#main .mod_newsreader .layout_full h3 { margin-top:20px; border-bottom:1px solid #666; }
#main .bloglarge { font-size:15px; }
#blog .image_container,#blog-leser .image_container { padding:0; }
#blog .image_container img,#blog-leser .image_container img,#blog-archiv .image_container img { border:1px solid white; }

/* blog Tags detail */
ul.tag-chain { list-style:none; padding-left:0; }
ul.tag-chain li,ul.tag-chain li a { display:block; float:left; padding-right:5px; font-size:12px; }

/* Banner PIC */
.container_12 .cover { width:960px; }
.container_12 .cover.grid_12 { margin-left:0!important; margin-right:0!important; width:960px!important; }
.mod_coverpicture .cover { width:960px; height:343px; float:left; position:relative; }
#right h2 a.hyperlink_txt { font-size:18px; }
.ce_text,.teaser { line-height:1.5; }
div.error,p.error { margin:0; padding:2px 0 0; font-size:9px; color:#ff0000; }
.mod_article .back { margin:18px 0; }
.mod_article .back a { font-size:16px; }
.mod_article .more { display:inline; }
.mod_article .ce_text,.mod_tagcloudnews { padding-bottom:10px; }
.breadsearch { height:29px; background-color:#000; }
div.mod_breadcrumb { float:left; padding:7px; width:500px; }
.mod_breadcrumb a,.mod_breadcrumb span { font-size:14px; }
.mod_search { float:right; }
.breadsearch.gridb_12 { padding:0; }
.breadsearch.border { border-color:#343434!important; }
.ce_table { margin-top:24px; margin-bottom:24px; border-left:1px solid #cccccc; }
.ce_table td { padding:2px 8px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
:first-child+html .ce_list li { margin-left:26px; }
.ce_table th { padding:2px 8px; background-color:#e6e6e6; border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.ce_table th a { color:#000000; }
.pagination li { display:inline; margin:0; padding:0; list-style-type:none; }
#tps td { padding:2px 4px; }
.pagination { margin-top:22px; padding-top:4px; border-top:1px solid #ece4d9; }
#tps .col_0 { width:80px; }
.pagination p { width:160px; float:left; padding-right:3px; padding-left:3px; text-align:left; }
#tps .explanation { padding-bottom:24px; }
.pagination ul { width:240px; float:right; margin:0; padding:0 3px; text-align:right; }

/* Überschrift h2 für container in Orange: */
#container h1,h2,h3 { color:#333; }

/* ce_gallery Polaroid 190x140
http://line25.com/tutorials/how-to-create-a-pure-css-polaroid-photo-gallery
*/


/* Shop */

.product_list .product { padding: 10px;}
.product_list .product:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#header div.logo_header{text-align: right;}





/* Form */
#main input { font-weight:normal; font-size:12px; }
#main input[type=text],#main input[type=file],input[type=password] { width:240px; padding:7px; background:#fff; border:none; color:#333; border:1px solid #646464; margin-bottom:10px; margin-top:4px; }
#main .quantity input[type=text] { width:30px; }
#main .textarea { width:96%; height:160px; padding:7px; background:#fff; border:none; color:#333; border:1px solid #646464; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:4px; }





/* ----- =notrufe----- */
h3.notruf { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; background-position: top left; background-repeat: no-repeat; width: 100px; text-align: center; padding: 3px 0 0 0; right: 50px; position: absolute; height: 19px; }


#c-notrufe { margin: 22px 0 2em 0; padding:0; background-position: top left; background-repeat: no-repeat; }
#c-notrufe ul.notruf { background-position: bottom left; background-repeat: no-repeat; list-style: none;}
#c-notrufe ul.notruf li { float: left; margin: 1em 0 1em 0; width: 220px;}
#c-notrufe ul.notruf li h4 { font-size: 1.3em; font-weight: bold; float: left; padding: .6em 0 0 0; }
#c-notrufe ul.notruf li p { font-size: 2.5em; font-weight: bold; float: left; margin: 0;}


/* Spalten  */
.col1_2 { width:338px; float:left; }
.col2_2 { width:338px; float:left; padding-left:10px; }

/* Containers
----------------------------------------------------------------------------------------------------*/

/*
.container_12 { margin-left:auto; margin-right:auto; width:960px; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_3,.grid_5 { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
#container,#header { width:960px; }

.gridb_3 { width:218px; }
.gridb_5 { width:378px; }


*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* grid ende  */
.alignleft { float:left; padding-right:10px;}
.alignright { float:right; padding-left:10px;}
.alignnone { width:0; height:0; clear:both; margin:0; padding:0; border:0; font-size:0; line-height:0; }
img { vertical-align:top; border:0; }
#footer * { color:#aaa; }
#footer a:hover{color:#fff;}
#footer span.active, #footer a.trail{color:#fff;}
#footer h3 { color:#aaa; }

#main .column { width:320px; overflow:visible!important; }
.home #main .column { width:425px; overflow:visible!important; }


#showBg{position: absolute; top: 10px;right:20px;z-index: 100; padding: 5px; background-color: black; color:white;
}
.hubsteiger{position:absolute; top:0px;}

.home .hubsteiger{position:absolute; top:-20px;}

#main .column2 { clear:both; }
#main .column2 p { padding-right:2px; }
.column4 { width:230px; overflow:visible!important; }
.column4 p { padding-right:20px; }

.date {
  float:left; 
  width: 70px;
  height: 120px;
  font-family: Georgia, serif;
  color: #333;
  padding-top: 9px;
  text-align: center;
  margin-right: 15px;
  background:url(/tl_files/feuerwehr/css/img/calendar_70.png) no-repeat left top transparent;
 }

.layout_short p.info{padding: 0px; font-size:11px;}
.mod_newslist .day,
.mod_newslist .month,
.mod_newslist .year ,
.mod_newsarchive .day,
.mod_newsarchive .month,
.mod_newsarchive .year,
.mod_newsreader .day,
.mod_newsreader .month,
.mod_newsreader .year {
	width: 70px;
}
.mod_newsreader .day,
.mod_newslist .day, 
.mod_newsarchive .day { 
	text-align: center;
	font-size: 30px;
}
.mod_newsreader .month,
.mod_newslist .month ,
.mod_newsarchive .month { 
	text-align: center; 
	font-size: 14px;
	color:white;
}
.mod_newsreader .year,
.mod_newslist .year ,
.mod_newsarchive .year { 
	position: relative;
	top:-6px;
	text-align: center;
	font-size: 12px;
}


/* Mannschaft */



table.block1{width: 600px;}
table.block1 td.label{width: 150px;}


div.person{padding-left: 20px;width: 400px;}
.mannschaft div.item{padding: 20px; margin-bottom:20px; background-color: white; border: 1px solid gray;}

div.bluebox{background: url(/tl_files/feuerwehr/files/signale/bg_signalbox_top.png) no-repeat; padding: 10px;}
div.bluebox h3{color:white;}
div.bluebox{color:white;}
div.mod_pluginmp3{height: 100px;}
div.mod_pluginmp3.alarm{background:url(/tl_files/feuerwehr/files/signale/signal_alarm_standard.gif) no-repeat 10px 65px transparent;}
div.mod_pluginmp3.warnung{background:url(/tl_files/feuerwehr/files/signale/signal_warnung_standard.gif) no-repeat 10px 65px transparent;}
div.mod_pluginmp3.entwarnung{background:url(/tl_files/feuerwehr/files/signale/signal_entwarnung_standard.gif) no-repeat 10px 65px transparent;}
div.mod_pluginmp3.feuerwehr{background:url(/tl_files/feuerwehr/files/signale/signal_feuerwehr_standard.gif) no-repeat 10px 65px transparent;}