/*-----------------------------| Facebook share button */
div.facebook-share {
height: 60px;
width: 160px;
background-image: url(facebook_share.png);
}
div.facebook-share span{
color: transparent !important;
}
div.facebook-share a, div.facebook-share a:hover{
text-decoration: none;
}
/*-----------------------------| Users online */
#userson, #minicount    { font-size: 12px; font-weight: bold; background-image: url(style/bg_days.jpg); background-position: 0 -70px; text-align: center; cursor: default; margin-bottom: 14px; margin-left: 30px; padding-right: 4px; padding-left: 4px; width: 160px; border: ridge 1px #630 }
#userson b  { font-size: 120%; background-color: #ba753c; background-image: url(style/bg_days.jpg); background-position: 0 -40px; padding-right: 3px; padding-left: 3px }

/*-----------------------------| Popular pages */
#minicount   { color: #360000; font-size: 90%; font-weight: bold; background-image: none; background-position: 0 -20px; margin-top: 140px; margin-left: 720px; padding-right: 5px; padding-left: 5px; border-style: solid; border-width: 2px; border-color: #360000 #630 #630 #360000 }
table.popular     { margin-left: 180px }
.popular ul  { background-image: url(style/bg_main.jpg); background-position: 0 bottom; padding: 4px; border: inset 2px #630 }
.popular .title  { font-size: 12px; font-weight: bold; margin: 0; padding: 0 }
.popular li    { font-size: 12px; line-height: 120%; list-style-type: none; margin: 0; padding: 0 }
.popular a	{}
.popular a:hover {}

/*-----------------------------| Next Events (Startpage) */
div.next_events_framer    { background-color: #e7d8af; background-image: url(style/bg_main.jpg); background-repeat: repeat-x; background-position: 0 -50px; text-align: center; height: auto; clear: both; border: solid 2px #826c55 }
div.next_event_block     { text-align: center; margin-right: 3px; margin-left: 6px; padding: 2px; width: 168px; float: left; border-style: inset; border-color: #930 }
div.next_event_block img    { width: 162px; height: auto; border: inset 4px #996633; -moz-opacity: 0.80; filter: alpha(opacity=80); opacity: 0.80  }
div.next_event_block img:hover   { -moz-opacity: 1.00; filter: alpha(opacity=100); opacity: 1.00}
div.next_event_block h4  { margin: 2px; padding: 2px; height: 60px }
div.last_comments   { background-color: #390; width: 250px; border: solid 1px }
div.last_comments div    { background-color: #cf3; margin: 2px; padding: 2px; width: 240px; border: ridge 1px #cf3 }
div.next_events_framer a    { text-decoration: none }
div.last_comments div p  { margin: 0; padding: 0 }
.last_comments p.name  { font-weight: bold }
/* ===================================== */
.nixhier {display: none;}
a   { color: #441700; font-weight: bold; text-decoration: underline }
a:hover   { color: #930; text-decoration: none }
a:focus { 
outline: none; 
}
test      { color: #c63; font-size: 10px; text-align: center; cursor: default }
body          { font-family: "trebuchet ms", verdana, Arial; background-color: #0f0400; background-image: url(style/fill_bg2.jpg); background-repeat: no-repeat; background-position: -1px 255px; margin: 0; padding: 0 }
small a    { color: #2f2f2f !important; font-weight: bold !important; background-color: #fc3 !important; margin-left: 30px; padding-top: 2px; padding-right: 3px !important; padding-left: 3px !important }
small a:hover    { color: #0d3600 !important; font-weight: bold !important; background-color: #f93 !important; padding: 3px 3px 2px }
h1,h2,h3 {font-family: Arial, verdana;}
h1           { color: #630; font-size: 24px; background-color: transparent; text-align: center !important; margin-top: -70px; margin-bottom: 35px }
h2         { color: #f6edb3; font-size: 22px; background-color: transparent; margin-top: 1px; margin-right: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; position: relative }
h3     { color: #000; font-size: 18px; font-family: arial; padding: 4px 7px }
h3 b   { color: #921717; font-size: 110%; font-weight: bolder; letter-spacing: 2px }
.faq h3    { color: #fdf5cf; font-size: 16px; font-weight: bold; background-color: #921717; text-align: left; cursor: default; margin: 2px 2px 5px; padding: 4px 3px; border-style: double ridge ridge double; border-width: 4px; border-color: #c10a0a }

#upperframer    { background-image: url(style/filler_framers_framer.gif_); background-repeat: repeat-y; background-position: left center }

#header        { background-image: url(style/filler_head.jpg); background-repeat: no-repeat; background-position: -1px 0; text-align: center; width: 1030px; height: 255px }
#framer { width: 890px; height: auto; clear: both }
#framers-framer                { background-image: url(style/filler_framers_framer.png); background-repeat: repeat-y; background-position: -21px 0 }
#shortcuts img  { margin: 16px }
#breadcrumb {}
#zweitflow   { margin-left: 25px; padding-right: 0; padding-bottom: 0; padding-left: 0; bottom: 200px; width: 193px; height: 100%; float: left; border-color:  }
#mainflow      { margin-left: 20px; padding-right: 0; padding-bottom: 0; padding-left: 15px; min-height: 250px; width: 565px; height: auto; float: left }
#framers-framer-end { background: #0f0400 url(style/framers-frmer-end.jpg) no-repeat -19px top; margin-bottom: 0; margin-left: -2px; padding-bottom: 0; height: 315px }
* html #mainflow { /* for IE bros */
height: 250px;
}
//#mainflow div  { color: #20a5c8; font-size: 12px; margin-right: 12px; margin-left: 15px }
#rblock       { margin-left: 7px; padding-left: 4px }
#shouter  { background-color: transparent }
#news{}
.backtotop    { background-position: 0 top; text-align: right; margin-top: 3px; padding-top: 0; position: fixed; right: 20px; bottom: 150px; width: 165px; height: 52px; float: right }
.backtotop a img {-moz-opacity: 0.50; filter: alpha(opacity=50); opacity: 0.50 }
.backtotop a:hover img {-moz-opacity: 1.00; filter: alpha(opacity=100); opacity: 1.00 }
a#toTop  { cursor: pointer }
/*
-----------------------------------------------------| SUBNAV
*/
/*div frame*/
.subnav     { margin-left: 695px; position: relative; top: 62px; clear: both !important }
/*UL*/
.subnav ul {width:100% !important;	margin:0 !important;padding:0 !important;float: left;}
.subnav ul li    { cursor: pointer !important; list-style-type: none !important; display: inline !important; margin: 0 5px 0 0; padding: 0; width: 60px !important; height: 40px !important; float: left !important }
.subnav ul li:before, .subnav ul li:after, .subnav ul li a:before, .subnav ul li a:after {content:none !important;}
.subnav ul a  { background-color: transparent !important; text-indent: -9999px !important; display: block !important; width: 60px !important; height: 40px !important }
.subnav ul a:hover {background-color:transparent !important;}
/*
-----------------------------------------------------| vtip
*/
p#vtip, p#tip { color: #000; font-size: 12px !important; font-family: Verdana; position: absolute; z-index: 9999; left: 5px; -moz-opacity: 0.80; filter: alpha(opacity=80); opacity: 0.80 }
p#vtip { background-color: #aeddec; background-repeat: repeat-x; display: none; padding: 5px; border: solid 2px #2e6399 }
p#tip { background-color: #cf6; background-image: none; background-repeat: repeat-x; display: none; padding: 5px; border: solid 2px #5db10f }
/*ALLE List Items Bildzuweisung */
.log-in,.log-in:hover,.kontakt,.kontakt:hover,.impress, .impress:hover { background: url(style/submenu.png) no-repeat !important }
/*Einzelne List Items*/
.log-in  { background-position: left -46px !important }
.log-in:hover , #log-in .log-in   { background-position: left -6px !important }
.kontakt  { background-position: -59px -45px !important }
.kontakt:hover, #tpl-27 .kontakt  { background-position:-59px -5px !important }
.impress  { background-position: -118px -46px !important }
.impress:hover, #tpl-28 .impress  { background-position: -118px -6px !important }

/*<agl.folder "footer">*/
	#footer      { color: #1cb3c4; font-size: 12px; font-family: arial; font-weight: normal; background-color: #000; background-image: url(style/footer.gif); background-repeat: repeat-x; background-position: center top; margin: 0; padding-top: 0; padding-right: 60px; padding-left: 60px; height: 100px; float: none; border-top: 4px outset #630 }
	

	#footercont  { padding-top: 15px }
	#footer ul { list-style-type: none; display: inline; margin: 5px 0 0; padding: 5px 0 0 }
	#footer li { color: #edcb81; list-style-type: none; display: inline }
	#footer a { color: #efae45; font-weight: bold; text-decoration: none }
	#footer a:hover { color: #efae45; }
	#footer #current a { color: #edcb81; border-bottom: 2px solid #efae45 }
/*</agl.folder>*/
div.login   { color: #eaecbc; font-weight: bold; background-image: none; text-align: right; width: 850px; height: 20px }
div.login span  { font-size: 14px; background-color: #3a0707; letter-spacing: 1px; padding: 4px 8px; border-right: 2px outset; border-bottom: 2px outset; border-left: 2px outset }
div.login a, 
div.login a:hover, 
div.login a:visited  { color: #eaea0d; margin-bottom: 3px } 
/*
--------------------------------| TOPICS
*/
.topics_form   { border: solid 2px #960 }
iframe  { background-color: transparent }
iframe#extrasager /*comments*/ { width: 99%; height: 700px }
.mod_topic_edit   { text-align: right; margin: 5px }
.mod_topic_edit a  { color: #360; background-color: #cf6; background-image: url(template_includes/edit.png); background-repeat: no-repeat; background-position: left center; padding: 2px 2px 2px 20px; border: outset 2px }
.topic, .tp_readmore, .mod_topic_seealso, .entry, table.calendar  { background-color: #E7D8AF; background-image: url(style/bg_main.jpg); background-repeat: repeat-x; margin-left: 10px; padding: 30px 4px 4px; clear: both; border: solid 3px #601e0c }
.tp_readmore, .mod_topic_seealso,  table.calendar     { background-position: 0 -195px; text-align: right; padding: 8px }
.tp_readmore  { margin-right: 5px; margin-bottom: 20px; margin-left: 5px }
.mod_topic_seealso dl  { text-align: left; padding: 4px }
.mod_topic_seealso p.h4   { color: #472604; font-size: 18px; font-weight: bold; text-align: left; margin-left: 8px }
.topic h2  { display: block; margin-left: 87px }
.mod_topic_seealso a,.mod_topic_seealso a:visited   { color: #401608; text-decoration: underline }
.mod_topic_seealso a:hover  { color: #823419; text-decoration: underline }
.mod_topic_loop   { }
.thetopic /*Topics*/        { color: #650d0d; font-size: 17px; text-align: center; margin-top: 20px; margin-bottom: 20px; padding: 10px; clear: both }
.thetopic img , .thetopicshort img    { display: block; margin-right: auto; margin-left: auto; display: block; margin-bottom: 15px; border: double 5px #630}
.thetopicshort /*Topics*/        { color: #4f0d0d; font-size: 17px; text-align: center; margin-right: 10px; margin-left: 10px }

.moz {	-moz-opacity: 0.70; filter: alpha(opacity=70); opacity: 0.70;}
.readmore  { }
div.writecomment { margin-top: 30px; margin-bottom: 30px }
/*
--------------------------------| G-Book & TopicsComments
*/
.entry     { background-color: #e7d8af; background-image: url(style/bg_main.jpg); background-repeat: repeat-x; margin-left: 10px; padding: 2px 4px 4px; clear: both; border: solid 2px #630 }
.enterer     { color: #650d0d; font-size: 14px; font-weight: bold; line-height: 80%; background-color: #ccc; background-image: url(style/fill_bg.jpg); background-position: 0 center; text-align: right; display: block; margin-top: 0; padding: 0 3px; float: right; border: inset 1px #a76751 }
.enterer span   { color: #4f0d0d }
.entry blockquote      { font-size: 16px; font-style: italic; font-weight: bold; background-image: url(style/quomarks.png); background-repeat: no-repeat; background-position: 0 0; display: block; margin: 30px 5px 5px 10px; padding: 10px }
.entry blockquote div   { background-image: url(style/quomarks.png); background-repeat: no-repeat; background-position: 370px bottom; margin-left: 90px; padding: 10px 10px 36px }
.gbcomment   { background-color: #f4e4c5; padding: 4px; border: solid 2px #823419 }
/*
--------------------------------| calendar
*/
.calendar .date	     { line-height: normal; background-image: url(style/calendars.png); background-repeat: no-repeat; background-position: 0 0; text-align: center; margin-right: 15px; padding-top: 2px; width: 62px; height: 74px; float: left }
.calendar .date .m     { color: #ffe5ad; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; display: block; padding-top: 4px; text-shadow: 2px 2px 2px #000   }
.calendar .date .d	     { color: #38000f; font-size: 24px; font-weight: bold; text-align: center; display: block; padding-top: 1px; text-shadow: 2px 2px 2px #000   }
.calendar .date .y     { color: #3f0404; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; display: block; padding-top: 2px; text-shadow: 2px 2px 2px #000   }
.expl  { color: #666; font-size: 11px; display: block; margin: 0; padding: 0 }
/*
off
*/
.calender_off .date     { background-position: 0 -74px; margin-top: -20px; margin-right: 15px; margin-left: 2px; padding-top: 5px; height: 71px }
/*
big
*/
.big_calendar .date	       { line-height: normal; background-image: url(style/calendars.png); background-repeat: no-repeat; background-position: 0 -150px; text-align: center; margin-top: -50px; margin-right: 15px; margin-left: -25px; width: 91px; height: 110px; float: left }
.big_calendar .date .m      { color: #ffe5ad; font-size: 24px; font-weight: bold; text-align: center; text-transform: uppercase; display: block; padding-top: 6px; text-shadow: 2px 2px 2px #000    }
.big_calendar .date .d	      { color: #381c00; font-size: 38px; font-weight: bold; text-align: center; letter-spacing: -0.08em; display: block; margin-bottom: -4px; padding-top: -3px; padding-bottom: 0; text-shadow: 2px 2px 2px #000    }
.big_calendar .date .y     { color: #381c00; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 2px; display: block; margin-top: 0; padding-top: 5px; text-shadow: 2px 2px 2px #000   }

.calendar .date .d span, .big_calendar .date .d span {display:none;}

/*newsflash calendar*/
.newsflash  { background-image: url(style/bg_main.jpg); background-repeat: repeat-x; background-position: 0 -120px; margin-top: 5px; margin-bottom: 10px; padding: 0 }
.newsflash .calendar { margin-top: -25px; margin-left: -15px }
.newsflash .tp_readmore     { font-size: 80%; background-position: 0 -35px; text-align: left; margin: 30px 5px 20px -30px; padding: 10px }
.newsflash  p.newnews  { background-image: url(style/quomarks.png); height: 30px }
.newsflash p  { margin: 0; padding: 0 }
p.newnews span {display:none;}
h4.news    { text-align: left; margin: 20px 0 0; padding: 0 }
/*
--------------------------------| modules
*/

/*g-book*/
div.gbook   { padding-left: 20px; border: solid thin }
h1.drift  { background-color: transparent; background-position: 0 bottom }
.gbook .even td, .gbook .odd td  { padding: 10px }
.gbook .even   { background-color: #cf3; background-image: url(style/fill_bg.jpg); background-position: left bottom }
.gbook .odd   { background-color: #f90; background-image: url(style/fill_bg.jpg); background-position: right bottom }
.gbcomment   { margin-top: 6px; margin-bottom: 6px; padding: 3px 8px; border: dashed 1px #826c55 }

table.entries {}



#bookmarks a img, .pichover a:visited img { color: #2f2f2f; margin: 4px; padding: 0; border-top: 5px solid #21201e; border-right: none; border-bottom: 7px solid #21201e; border-left: none; -moz-opacity: 0.70; filter: alpha(opacity=70); opacity: 0.70    }
#bookmarks a:hover img { margin: 4px; padding: 0; border-top: 7px solid #21201e; border-bottom: 5px solid #21201e; -moz-opacity: 1.00; filter: alpha(opacity=100); opacity: 1.00    }

table.account_table th    { text-align: right; width: 250px !important; border-style: none }

/*
-------------------------------------------------------| TopicsCALENDAR
*/
table.calendar				{ background-image: url(style/bg1.jpg); background-repeat: repeat-x; background-position: 0 0; text-align: center !important; margin-right: auto; margin-left: auto; border: outset 2px #630 }
table.calendar caption		{ color: #ffc; font-size: 20px; background-color: #630; background-image: url(style/bg1.jpg); background-position: 0 -150px; border: outset 2px #630 }
table.calendar a			{ color: #cf3 !important; font-weight: bold; cursor: pointer; display: block }
table.calendar a:hover		{ color: #cf6; text-decoration: underline }
table.calendar a:visited	{ color: #ac852b }
table.calendar td, th		{ font-size: 18px !important; font-family: arial; font-weight: normal; background-image: url(style/bg_days.jpg); background-position: center -10px; cursor: default; width: 50px !important; vertical-align: middle !important; border: inset 2px #512300; -moz-opacity: 0.70; filter: alpha(opacity=70); opacity: 0.70   }
table.calendar th			{ color: #dff4d9; font-size: 12pt; background-position: 0 -40px; width: 30px }
.calendar td				{ color: #512300; font-size: 12px; font-weight: bold; background-position: center -38px }
.calendar td:hover, 
.calendar th:hover       	{ -moz-opacity: 0.95; filter: alpha(opacity=95); opacity: 0.95;}
.calendar td.today, 
.calendar td.today-linked	{ background-position: 0 -70px !important}
.calendar td.linked-day		{ background-position: center -60px }
.calendar td.emptydays		{ background-image: none; border-style: none !important }
span.today,
span.today-linked			{ color: #f99; font-weight: bold; cursor: default; display: block; margin-right: auto; margin-left: auto; border: inset 3px }
span.today-linked a, 
span.today-linked  			{ color: #fff; text-decoration: underline blink }
/*
-------------------------------------------------------| anythingSlider
*/

/* anythingSlider v1.0 By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
    CSS customized by www.designthings.de */
    
.anythingSlider					{ background-image: url(style/BowlingStar-2nd-E-Kopie_05.jpg); background-repeat: repeat-x; background-position: center bottom; margin: 0 auto 15px; position: relative; width: 520px; height: 360px }
.anythingSlider .wrapper		{ margin-top: 0; margin-bottom: 0; position: absolute; top: 0; left: 0; width: 480px; height: 341px; overflow: auto }
.anythingSlider .wrapper ul		{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; list-style: none; margin: 0; position: absolute; top: 0; left: 0; width: 9999px }
.anythingSlider ul li			{ display: block; margin: 0; padding: 70px 50px 5px; width: 500px; height: 330px; float: left }
.anythingSlider .arrow			{ background: url(style/arrows.png) no-repeat; text-indent: -9999px; cursor: pointer; display: block; position: absolute; top: 115px; width: 67px; height: 120px }
.anythingSlider .forward		{ background-position: 0 0; right: -27px }
.anythingSlider .forward:hover	{ background-position: 0 -110px }
.anythingSlider .back			{ background-position: -74px 0; left: -20px }
.anythingSlider .back:hover		 { background-position: -74px -110px }
.anythingSlider .up				{ background-position: center -270px; position: relative; top: -2px; left: 246px; width: 87px; height: 65px }
.anythingSlider .up:hover		{ background-position: center -335px }

/* Frames 1, 2, 3 usw.*/
#thumbNav			{ text-align: left; padding-left: 22px; position: relative; top: 317px }
#thumbNav a			{ color: #380000; font: bold 14px/20px "Trebuchet MS", Arial; background-image: url(style/thumbs.png); background-position: 0 0; text-align: center; display: inline-block ; margin: 0 5px 10px 0; padding: 4px 12px; height: 24px }
#thumbNav a:hover	{ color: #cf6; background-position: 0 -32px }
#thumbNav a.cur		{ color: #f4daac; background-repeat: repeat; background-attachment: scroll; background-position: 0 -32px }
/**/
#start-stop					{ color: transparent; background-image: url(style/play_pause.png); background-repeat: repeat-x; background-attachment: scroll; background-position: center -44px; text-align: center; padding: 10px; position: absolute; top: 312px; right: 23px; width: 80px }
#start-stop:hover			{ background-position: center 0 }
#start-stop.playing			{ background-image: url(style/play_pause.png); background-position: center 0 }
#start-stop.playing:hover	{ background-image: url(style/play_pause.png); background-position: center -44px }
/*
  Prevents
*/
.anythingSlider .wrapper ul ul		{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li	{ float: none; height: auto; width: auto; background: none; }
	
	
	/*--------------------------------------------------------| eCard*/
	iframe#meXssage___Frame  { background-color: #fc0 }
	table.ecardthumbs {}
	table.ecardthumbs td   { background-color: #630; background-image: url(style/bg_days.jpg); background-repeat: repeat; text-align: center; margin: 5px; width: 180px; height: 180px; vertical-align: middle; border: solid 5px #f6dbba }
	table.ecardthumbs div { }
	table.ecardthumbs div img  { border: inset 4px #963 }
	
	.ecarddiv    { background-image: none; width: 580px !important; height: auto }
	.ecardimg     { background-color: #c96; background-image: url(style/bg_days.jpg); text-align: center; margin-right: auto; margin-left: auto; padding: 4px; bottom: 300px; width: 488px; border: solid 2px #7e3b2d }
	.ecardimg img   { text-align: center }
	#imgbox div, table.ecardthumbs div   { background-image: url(31-1.gif); background-repeat: no-repeat; background-position: center 150px; min-height: 324px }
	table.ecardthumbs div { background-position: center 30px; min-height: 124px }
.eca_notify_area /*eCard Vorschau*/  { background-color: #cf6; padding: 2px; border: solid 1px #360 !important }
table.pnlinks { color: #630; font-weight: bold; padding-bottom: 30px; height: 30px }
/* BUTTONS */

a.readmore, a.next, a.prev, button.preview, input.preview, button.send_ecard_now, a.write-comnt, a.add_gbentry      { background-image: url(style/sprite_buttons.gif); display: block }
a.readmore,a.next, a.prev , button.preview,input.preview, button.send_ecard_now, a.write-comnt,  a.add_gbentry     { background-position: 0 -36px; margin: 5px; padding: 8px 60px; width: 80px; height: 20px }
a.readmore span,a.next span, a.prev span, a.write-comnt span, a.add_gbentry span,
button.preview span, button.send_ecard_now span {display: none;}
a.prev { background-position: 0 0; padding-top: 8px; padding-bottom: 8px }
a.readmore  { text-align: right }

button.preview, button.send_ecard_now { background-position: 0 -72px; cursor: pointer; padding: 20px 60px 20px 30px; position: relative; top: 15px; width: 126px; float: right; border-style: none }
button.send_ecard_now  { background-position: 0 -152px; width:185px !important; } 

a.write-comnt,  a.add_gbentry   { background-position: 0 -112px; padding-top: 10px; padding-bottom: 10px; width: 152px !important }


/*KOPFUEBER*/
ul.kopfueber {}
ul.kopfueber a    { color: #260800; font-size: 16pt; text-decoration: none }
ul.kopfueber li a { display: block; width: 100% }
ul.kopfueber li { color: #fff; font-weight: bold; background-image: url(style/bg_days.jpg); background-repeat: repeat-x; background-position: 0 -60px; list-style-type: none; margin: 3px; padding: 3px 3px 3px 20px; border: outset 2px }
ul.kopfueber li.odd { background-color: #fadeed; margin-right: 10px; border-color: #630 }
ul.kopfueber li:hover    { background-position: 1px -59px; padding-top: 4px; padding-bottom: 2px }
ul.kopfueber li:active   { border-style: inset }
ul.kopfueber li.even       { background-color: #eaedac; background-position: -20px -12px; margin-right: 20px; margin-left: 10px; padding-left: 13px; border-color: #930 }
ul.kopfueber li.even:hover { background-position: -19px -11px; padding-top: 4px; padding-bottom: 2px }