/*
Theme Name: CTS conserve the sound
Theme URI: http://www.conservethesound.de
Description: Layout: Philipp Hilfer
Author: Florian Schütte
Author URI: http://www.florianschuette.de
Version: 1.0
Schrift: 
Farben: Linien #bababa; Text #454544; Grün #779a9c; Footer #1d1f21;

*/


#galerie img { max-height:555px !important; max-width:555px !important}
span.next { text-indent: -99999px !important}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size:100%; font:inherit; padding:0; border:0; margin:0; vertical-align:baseline }
body { line-height:1; -webkit-text-size-adjust: none; overflow-y: scroll; background-color:#f8f8f8; font-family: 'Ubuntu', sans-serif; color: #454544; font-size:15px; }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
.clear { clear:both }
.sticky { }
.bypostauthor { }
.wp-caption-text { }
.gallery-caption { }
a { outline:none; }
#wrapper { width:939px; margin:10px auto 10px auto; background-color:#fff; padding:25px; }
em { font-style:italic; }
/*


Header*/
header { height:138px; border-bottom:1px solid #bababa; }
.page-template-page-videointro-php header { height:84px; border:0; }
header #links { width:600px; float:left; }
header #rechts { width:185px; float: right; }
#branding { }
#site-title { height:84px; width:194px;   z-index:1000;}
#site-title a { height:84px; width:194px; display:block; }
nav { margin-top:20px; }
#menu-hauptmenue a { text-transform:uppercase; text-decoration:none; margin:0 10px 0 10px; font-size:14px; }
#menu-hauptmenue a:link, #menu-hauptmenue a:visited { color:#454544; }
#menu-hauptmenue a:hover, #menu-hauptmenue a:active { color:#779a9c; }
#menu-hauptmenue .current_page_item a, #menu-hauptmenue .current-menu-item a, #menu-hauptmenue .current-post-ancestor a { color:#779a9c; }
#menu-hauptmenue li { float:left; line-height:14px; }
.menu-item { border-right:1px solid #bababa; }
.menu-item-first a { margin-left:0 !important; }
.menu-item-last { border:none; }
#menu-main a { text-transform:uppercase; text-decoration:none; margin:0 10px 0 10px; font-size:14px; }
#menu-main a:link, #menu-main a:visited { color:#454544; }
#menu-main a:hover, #menu-main a:active { color:#779a9c; }
#menu-main .current_page_item a { color:#779a9c; }
#menu-main li { float:left; line-height:14px; }
.menu-item { border-right:1px solid #bababa; }
.menu-item-first a { margin-left:0 !important; }
.menu-item-last { border:none; }
#sprache { font-size:10px; color:#bababa; text-align:right; }
#sprache a:link, #sprache a:visited { text-decoration:none; color:#bababa; }
#sprache a:hover, #sprache a:active { color:#779a9c; }
#social { margin-top:47px; }


#insta { text-indent:-9999px; float:right; margin-right:7px; height:21px;}
#insta a:link, #insta a:visited { display:block; background-image:url(images/instagram.jpg); width:21px ; height:21px;  background-position:0px 0;}
#insta a:hover, #insta a:active { background-image:url(images/instagram.jpg); width:21px; height:21px;  background-position:21px 0;}


#patreon-logo { text-indent:-9999px; float:right; margin-right:7px; height:21px;}
#patreon-logo a:link, #patreon-logo a:visited { display:block; background-image:url(images/patreon.gif); width:21px ; height:21px;  background-position:0px 0;}
#patreon-logo a:hover, #patreon-logo a:active { background-image:url(images/patreon.gif); width:21px; height:21px;  background-position:21px 0;}



#twitter { text-indent:-9999px; float:right; margin-right:6px; }
#twitter a:link, #twitter a:visited { display:block; background-image:url(images/social.png); width:26px; height:21px;  background-position:26px 0; }
#twitter a:hover, #twitter a:active { background-position:26px 21px; }

#facebook { text-indent:-9999px; float:right; }
#facebook a:link, #facebook a:visited { display:block; background-image:url(images/social.png); width:20px; height:21px; }
#facebook a:hover, #facebook a:active { background-position:0px 21px; }

#rss { text-indent:-9999px; float:right; }
#rss a:link, #rss a:visited { display:block; background-image:url(images/social.png); background-position:47px 0; width:21px; height:21px; }
#rss a:hover, #rss a:active { background-position:47px 21px; }



header #search { clear:both; padding-top:20px; text-align:right; }
header #s { width:143px; height:26px; border:1px solid #bababa; font-size:14px; font-family: 'Ubuntu', sans-serif; padding:1px 5px 1px 5px; -webkit-appearance: none; border-radius: 0; outline: 0 none; float:right; }
header #searchsubmit { background-image:url(images/suche.jpg); border:0; text-indent:-9999px; width:29px; height:30px; float:left; cursor:pointer; -webkit-appearance: none; border-radius: 0; }




.home .curhome { color:#779a9c !important}
.category-sound .cursound { color:#779a9c !important}
.category-video .curvideo { color:#779a9c !important}
.category-text .curtext { color:#779a9c !important}
.page-id-8 .curprojekt { color:#779a9c !important}
.page-id-4546 .curdownload { color:#779a9c !important}
.page-id-9 .curkontakt { color:#779a9c !important}

/*



Container*/
#container { margin:20px 0 0px 0; line-height:20px; }
.alignright { float:right; margin: 0 0 20px 20px; }
.alignleft { float:left; margin:0 20px 20px 0; }
.entry-content p {  margin:0 0 20px 0; }
.page-template-page-standard-php .entry-content p { line-height:21px; width:568px;  margin:0 0 20px 0; }
.single-format-standard .entry-content p { line-height:21px; width:568px; margin:0 0 20px 0; }
.single-format-standard .entry-content h1 { width:568px;line-height:21px;}
.single-format-standard .entry-content h2 { width:568px; line-height:21px;}
.single-format-standard .entry-content h3 { width:568px; line-height:21px;}
.single-format-standard .entry-content h4 { width:568px;line-height:21px;}
.single-format-standard .entry-content h5 { width:568px;line-height:21px;}
.single-format-standard .entry-content h6 { width:568px;line-height:21px;}
.entry-title { font-size: 18px; font-weight:600; color:#779a9c; text-transform:uppercase; margin:0 0 20px 0; }
.entry-content h2 { font-size: 18px; color:#779a9c; margin:0 0 20px 0; }
.entry-content h3 { font-size: 16px; color:#779a9c; margin:0 0 20px 0; }
.entry-content h5 { font-size: 16px; color:#779a9c; line-height:22px; }
.entry-content h6 { font-size: 15px; color:#779a9c; }
.entry-content ul { margin:0 20px 20px 20px; list-style-type:disc; }
.entry-content a:link, .entry-content a:visited { color:#454544; }
.entry-content a:hover, .entry-content a:active { text-decoration:none; }
#enter-text { width:50px; line-height:12px; text-align:right; margin-left:850px; float:left; }
#enter-text a:link, #enter-text a:visited { text-decoration:none; font-size:10px; color:#779a9c; }
#enter-text a:hover, #enter-text a:active { color:#454544; }
#enter-bild { }
#enter-bild a:link, #enter-bild a:visited { margin-left:910px; width:30px; height:30px; background-image:url(images/enter.jpg); display:block; text-indent:-9999px; }
#enter-bild a:hover, #enter-bild a:active { background-image:url(images/enter.jpg); background-position:0px 30px; }
/*



Kategorie */
.reihe { margin-left:-21px; }
.kachel { float:left; width:171px; height:171px; padding:0 0 20px 21px; }
.postbild { position:relative; width:171px; height:171px; background-color:#779a9c; color:#fff; }
.postbild:hover img { opacity:0.4; z-index:0; }
.postbild>a { position:absolute; top:0; left:0; }
.postbild>h1 { display:none; position:absolute; bottom:10px; left:10px; z-index:100; margin-right:10px; font-weight:400; }
.postbild>h2 { display:none; position:absolute; top:10px; left:10px; z-index:100; margin-right:10px; }
.postbild h1 a:link, .postbild h1 a:visited { color:#fff !important; text-decoration:none; font-size:12px; font-weight:400; }
.postbild h2 { color:#fff !important; text-decoration:none; font-size:11px;  }
.postbild:hover h1 { display:block; line-height:12px; }
.postbild:hover h2 { display:block; line-height:12px; }
.blog .postbild { background-image:url(images/cts-kachel.png); }
.category-sound .postbild { background-image:url(images/cts-kachel.png); }
.category-sound-en .postbild { background-image:url(images/cts-kachel.png); }
.category-video .postbild { background-image:url(images/cts-kachel.png); }
.category-video-en .postbild { background-image:url(images/cts-kachel.png); }
.category-text .postbild { background-image:url(images/cts-kachel.png); }
.category-text-en .postbild { background-image:url(images/cts-kachel.png); }
.tag .postbild { background-image:url(images/cts-kachel.png); }
.postbild img { }
.clear { clear:both; }
.entry-summary { }
.postbild .ipadspacer a { width:50px; height:50px; z-index:9999; background-color:#df0024; top:50px; }
#tag-liste { border-bottom:1px solid #bababa; margin-top:-5px; margin-bottom:20px; padding-bottom:17px; color:#779a9c; font-size:10pt; text-align:justify;}
#tag-liste a:link, #tag-liste a:visited { text-decoration:none; color:#779a9c; }
#tag-liste a:hover, #tag-liste a:active { color:#bababa; }
.current-term { color:#bababa !important; }
#tag-cloud ul { text-align:justify; width:939px; padding-bottom:22px; }
#tag-cloud li { float:left; line-height:20px; margin-right:10px; }
#nav-below { }
#nav-below a:link, #nav-below a:visited { text-decoration:none; font-size:10px; color:#bababa; }
#nav-below a:hover, #nav-below a:active { }
.nav-next { float:left; margin:0px 0 20px 0; }
.nav-next a { display:block; height:30px; background:transparent url(images/blaettern-links.png) no-repeat top left; padding-left:50px; line-height:30px; }
.nav-next a:hover { display:block; height:30px; background:transparent url(images/blaettern-links.png) no-repeat bottom left; }
.nav-previous { float:right; margin:0px 0 20px 0; }
.nav-previous a { display:block; height:30px; background:transparent url(images/blaettern-rechts.png) no-repeat top right; line-height:30px; padding-right:50px; }
.nav-previous a:hover { display:block; height:30px; background:transparent url(images/blaettern-rechts.png) no-repeat bottom right; }
.linie { border-top:1px solid #bababa; clear:both; margin-bottom:20px; }
.home-linie { border-top:1px solid #bababa; clear:both; margin-bottom:20px; }
/*



Single*/
#single-blaettern a:link, #single-blaettern a:visited { text-decoration:none; font-size:10px; color:#bababa; }
#single-blaettern a:hover, #single-blaettern a:active { }
.neuer { float:left; margin:0px 0 20px 0; }
.aelter { float:right; margin:0px 0 20px 0; }
.neuer a { display:block; height:30px; background:transparent url(images/blaettern-links.png) no-repeat top left; padding-left:50px; line-height:30px; }
.neuer a:hover { display:block; height:30px; background:transparent url(images/blaettern-links.png) no-repeat bottom left; }
.aelter a { display:block; height:30px; background:transparent url(images/blaettern-rechts.png) no-repeat top right; line-height:30px; padding-right:50px; }
.aelter a:hover { display:block; height:30px; background:transparent url(images/blaettern-rechts.png) no-repeat bottom right; }
.video-title { width:639px; text-align:center; margin:0px 0 -25px 150px; color:#779a9c; font-size:14px; padding: 5px 0 0 0;}
#galerie { height:555px; width:555px; float:left; }
#info { width:322px; height:153px; float:right; border:1px solid #bababa; margin-bottom:20px; padding:13px 20px 13px 20px; }
.tags { font-size:10px; margin-bottom:4px; }
.tags a:link, .tags a:visited { color:#454544; text-decoration:none; }
.tags a:hover, .tags a:active { color:#bababa; }
#info h1 { color:#779a9c; font-size:18px; font-weight:500; margin-bottom:4px; }
#content h1 { color:#779a9c; font-size:18px; font-weight:500; margin-bottom:4px; }
/*#content ul { margin-bottom:25px; }*/
#content ul ul { margin-bottom:0px; }
h1.entry-title { color:#779a9c; font-size:18px; font-weight:500; padding-bottom:13px; }
.jahrzehnt { font-size:13px; margin-top:8px; }
.typ { font-size:13px; margin-top:8px; }
.hersteller { font-size:13px; margin-top:8px; }
#player { width: 362px; height:352px; float:right; border:1px solid #bababa; padding:0; background-image:url(soundmanager/demo/360-player/playerback.png); }


/* Single-Slider */
.slideshow-imgprev:before   {background-color:#779a9c !important; border-radius: 0 0px 0px 0 !important;font-size: 22px !important;     margin: -19px 0 0 0 !important;}
.slideshow-imgnext:before    {background-color:#779a9c !important; border-radius: 0 0px 0px 0 !important;font-size: 22px !important;  margin: -19px 0 0 0 !important;}
/* 



Related */
.related-wort { color:#bababa; font-size:12px; margin:-16px 0 4px 0; }
#related { width:965px; margin:0 0 0px -20px;  }
#related li { float:left; }
#related img { }

#related ul li a:hover { opacity:0.3; }
.related-kachel { margin-left:20px; width:76px; height:76px; margin-bottom:20px;}
.Sound { background-image:url(images/sound-kachel-76.png) !important; }
.Text { background-image:url(images/text-kachel-76.png) !important; }
.Video { background-image:url(images/video-kachel-76.png) !important; }
/*



Slider*/
#slider { width:939px; height:400px; margin-bottom:20px; }
.caption a:link, .caption a:visited { color:#779a9c; text-decoration:none; }
.caption a:hover, .caption a:active { color:#454544; }
.caption p { margin:0 0 15px 0; }



.custom.tparrows {   background-color: rgba(119,154,156,0.5) !important}
.custom.tparrows:hover {   background-color: rgba(119,154,156,0.75) !important}


/*



Such-Seite */
#search { clear:both; padding-top:22px; text-align:right; }
#s { width:143px; height:26px; border:1px solid #bababa; font-size:14px; font-family: 'Ubuntu', sans-serif; padding:1px 5px 1px 5px; -webkit-appearance: none; border-radius: 0; outline: 0 none; margin-left:1px; }
#searchsubmit { background-image:url(images/suche.jpg); border:0; text-indent:-9999px; width:29px; height:30px; float:left; cursor:pointer; -webkit-appearance: none; border-radius: 0; margin-bottom:20px;}
h1.page-title { color:#779a9c; font-weight:400; margin-bottom:20px; }
.search .postbild { background-image:url(images/cts-kachel.png); z-index:9999; }
/*



Footer*/
footer { background-color:#1d1f21; height:48px; }
#stiftung { background-size: 91px 25px; width:91px; height:25px; float:left; background-image:url(images/filmundmedienstiftungnrw.png); margin-left:25px; margin-top:11px; text-indent:-9999px; }
#stiftung a { display:block; width:91px; height:25px; }

#patreon { width:106px; height:25px; float:left; background-image:url(images/become_a_patron_button.gif); margin-left:25px; margin-top:11px; text-indent:-9999px; }
#patreon a { display:block; width:106px; height:25px; }


#impressum { float:right; margin-right:25px; line-height:48px;  color:#fff;}
#impressum a:link, #impressum a:visited { text-decoration:none; color:#fff; font-size:14px; }
#impressum a:hover, #impressum a:active { color:#779a9c; }
/*



WPML*/
#footer_language_list li { float:right; margin-left:5px; color: #779a9c; }
/*



Good Old Gallery */
.go-gallery-container { width:555px; height:555px; position: relative; overflow: hidden; margin: 0 !important; padding: 0 !important; }
.go-gallery-container.has-nav { position: relative; padding: 0 0px !important; }
.go-gallery-container .nav { position: absolute; bottom: 20px; right: 10px; z-index: 999; padding: 5px 10px !important; cursor:pointer; }
.go-gallery-container .nav .prev { background-color: transparent; border:0px solid #000; padding:6px 15px 6px 14px ; margin-right:10px; background-image: url(images/links.png); }
.go-gallery-container .nav .next { background-color: transparent; border:0px solid #000; padding:6px 16px 6px 13px ; background-image: url(images/rechts.png); }







/* DOWNLOAD */
.page-id-4546 .wp-post-image {display:none !important}

/* 



Soundmapper2 */
#player h3 { font-size:13px; color:#779a9c; text-indent:-9999; margin:20px;}
#player h3 a:link, #player h3 a:visited { text-decoration:none; color:#779a9c; }
#player h3 a:hover, #player h3 a:active { color:#454544; }
#player ul { margin-top:49px; margin-left:91px; }
.ui360, /* entire UI */ .sm2-360ui { /* canvas container */ position:relative; }
.ui360, .sm2-360ui { min-width:176px; /* should always be at least this. */ min-height:176px; /*background-image:url(soundmanager/demo/360-player/player.png) ;*/ }
.sm2-360ui { width:50px; height:50px; }
.ui360, .ui360 * { vertical-align:middle; }
.sm2-360ui { position:relative; display:inline-block; /* firefox 3 et al */ float:left; /* IE 6+7, firefox 2 needs this, inline-block would work with fx3 and others */ *display:inline;
/*
 clear:left;
*/
}
.sm2-360ui.sm2_playing, .sm2-360ui.sm2_paused { /* bump on top when active */ z-index:10; }
.ui360 a { /* .sm2_link class added to playable links by SM2 */ float:left; display:inline; position:relative; color:#454544; text-decoration:none; left:3px; /* slight spacing on left UI */ top:18px; /* vertical align */ text-indent:50px; /* make room for UI at left */ }
.ui360 a.sm2_link { /* SM2 has now started */ text-indent:0px; /* UI now in place. */ }
.ui360 a, .ui360 a:hover, .ui360 a:focus { padding:2px; margin-left:-2px; margin-top:-2px; }
.ui360 a:hover, .ui360 a:focus { background:#eee; border-radius:3px; outline:none; }
.ui360 .sm2-canvas { position:absolute; left:0px; top:0px; }
.ui360 .sm2-timing { position:absolute; display:block; left:0px; top:63px; width:100%; height:100%; margin:0px; font:13px "helvetica neue", helvetica, monaco, lucida, terminal, monospace; color:#666; text-align:center; line-height:50px; }
.ui360 .sm2-timing.alignTweak { text-indent:1px; /* devious center-alignment tweak for Safari (might break things for others.) */ }
.ui360 .sm2-cover { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:2; display:none; background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* old-skool bug: IE 9 won't catch mouse events otherwise. /smash */ }
.ui360 .sm2-360btn { position:absolute; display:block; top:50%; left:52%; /*
 width:22px;
 height:22px;
 margin-left:-11px;
 margin-top:-11px;
*/ /* by default, cover whole space. make smaller when playing. */ width:50px; height:50px; margin-left:-25px; margin-top:-25px; border-radius: 0px; cursor:pointer; z-index:3; }
.ui360 .sm2-360data { display:inline-block; font-family:helvetica; }
.sm2-inline-block .ui360 .sm2-360btn, .ui360 .sm2-360ui.sm2_playing .sm2-360btn, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { /* smaller clickable button, in center */ width:22px; height:22px; margin-left:-11px; margin-top:-11px; }
.ui360 .sm2-360ui.sm2_playing .sm2-cover, .ui360 .sm2-360ui.sm2_paused .sm2-cover { display:block; }
/* this could be optimized a fair bit. */

.ui360, .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { background:transparent url(soundmanager/demo/360-player/360-button-play.png) no-repeat; background-image: url(soundmanager/demo/360-player/360-button-play.png); *background-image: url(soundmanager/demo/360-player/360-button-play.png);
background-repeat: no-repeat; }
.ui360 { /*
  "fake" button shown before SM2 has started, non-JS/non-SM2 case etc.
  background image will be removed via JS, in threeSixyPlayer.init()
 */ background-position: 14px 50%; _background:transparent url(soundmanager/demo/360-player/360-button-play.gif) no-repeat 14px 50%; /* IE 6-only: special crap GIF */ }
.ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { background-position:50% 50%; _background:transparent url(soundmanager/demo/360-player/360-button-play.gif) no-repeat 50% 50%; /* IE 6-only: special crap GIF */ }
.ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { cursor:pointer; }
.ui360 .sm2-360btn-default:hover, .ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover { background:transparent url(soundmanager/demo/360-player/360-button-play-light.png) no-repeat 50% 50%; _background:transparent url(soundmanager/demo/360-player/360-button-play.gif) no-repeat 50% 50%; cursor:pointer; }
.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover, .ui360 .sm2-360btn-playing:hover { background:transparent url(soundmanager/demo/360-player/360-button-pause-light.png) no-repeat 50% 50%; _background:transparent url(soundmanager/demo/360-player/360-button-pause-light.gif) no-repeat 50% 50%; cursor:pointer; }
.ui360 .sm2-360ui.sm2_playing .sm2-timing { visibility:visible; }
.ui360 .sm2-360ui.sm2_buffering .sm2-timing { visibility:hidden; }
.ui360 .sm2-360ui .sm2-timing, .ui360 .sm2-360ui .sm2-360btn:hover + .sm2-timing, .ui360 .sm2-360ui.sm2_paused .sm2-timing { visibility:hidden; }
.ui360 .sm2-360ui.sm2_dragging .sm2-timing, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing { /* paused + dragging */ visibility:visible; }
.ui360 .sm2-360ui.sm2_playing .sm2-360btn, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover { /* don't let pause button show on hover when dragging (or paused and dragging) */ background:transparent; cursor:auto; }
.ui360 .sm2-360ui.sm2_buffering .sm2-360btn, .ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover { opacity:0.5; visibility:visible; }
/* inline list style */

.sm2-object-box { height:0px !important; position: absolute; top:0;  z-index:-1000; }
#sm2-container { height:0px !important; position: absolute; top:0;  z-index:-1000 !important; }
.loading img { margin-left:20px; padding-left:20px; }
embed#sm2movie {float:right;}
/*

Farben: Linien #bababa; Text #454544; Grün #779a9c; Footer #1d1f21;
Upload-Forumular 




header #s {  border:1px solid #bababa; font-size:14px; font-family: 'Ubuntu', sans-serif; padding:1px 5px 1px 5px; -webkit-appearance: none; border-radius: 0; outline: 0 none; float:right; }
header #searchsubmit { background-image:url(images/suche.jpg); border:0; text-indent:-9999px; width:29px; height:30px; float:left; cursor:pointer; -webkit-appearance: none; border-radius: 0; }


*/
.tdomf_form { }
.tdomf_form input {border:1px solid #bababa; font-size:14px; font-family: 'Ubuntu', sans-serif; padding:5px 5px 5px 5px; -webkit-appearance: none; border-radius: 0; outline: 0 none; width:558px;}
.tdomf_form fieldset { border: 0px; }
.tdomf_form label { }
.tdomf_form .required { }
.tdomf_form fieldset { text-align: left; width: 100%; padding-top: 5px; padding-bottom: 5px; }
.tdomf_form fieldset legend {  }
.tdomf_form_preview { border: 1px dotted black; padding: 5px; margin: 5px; margin-bottom: 20px; }
.tdomf_form_preview p { margin-left: 15px; }
.tdomf_form_message { padding: 5px; margin: 5px; margin-bottom: 20px; text-align: left; }
#tdomf_upload_inline_form { text-align: left; background-color: white; width: 568px; }

#tdomf_upload_inline_form .required { font-weight: bold; }
.tdomf_upload_inline_errors { color: red; }
ul.tdomf_category_checklist, ul.tdomf_category_children { list-style-type: none; }
.tdomf_buttons { text-align: left; }
.tdomf_buttons td { width: 10px; }
/* Formatting the QuickTag toolbar */

#ed_toolbar input { }
#tdomf_form1_send {cursor:pointer; width:120px;  margin-top:15px;} 
#tdomf_form2_send {cursor:pointer; width:120px;  margin-top:15px;} 

#ed_toolbar input:hover { /*padding: 0px;*/
}
#ed_bold { font-weight:bold; }
#ed_italic { font-style:italic; }
#ed_link, #ed_ext_link { color:blue; text-decoration: underline; }
#ed_under { text-decoration: underline; }
#ed_strike { text-decoration: line-through; }

/* Required for AJAX progress display */

.tdomf_shadow { background: black; display: none; position: absolute; top: 0px; left: 0px; width: 100%; padding: 15px; }
.hidden { display: none; }
.progress { position: absolute; display: block; background: #f9fcfe; padding: 5px; }
/* 


Media Queries */
.mobile {display:none;}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.postbild:hover h1 { display:none; line-height:12px; }
.postbild:hover h2 { display:none; line-height:12px; }


.blog .postbild { background-image:none; }
.postbild:hover img { opacity:1; z-index:0; }


.kachel { float:left; width:171px; height:216px; padding:0 0 20px 21px; }
.mobile {display: block; margin:10px 0 0 0 ;}
.geraetkategorie {border-top: 1px solid #bababa;  font-size:12px; padding:5px 6px 3px 6px; line-height:12px;}
.geraetkategorie a:link, .geraetkategorie a:visited {color:#454544; text-decoration:none;}
.geraetname {border-bottom: 1px solid #bababa; font-size:12px; padding:2px 6px 9px 6px;line-height:12px;}
.geraetname a:link, .geraetname a:visited {color:#779a9c; text-decoration:none;}
.home-linie { border-top:0px solid #bababa; clear:both; margin-bottom:11px; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.postbild:hover h1 { display:none; line-height:12px; }
.postbild:hover h2 { display:none; line-height:12px; }

.blog .postbild { background-image:none; }
.postbild:hover img { opacity:1; z-index:0; }

.kachel { float:left; width:171px; height:216px; padding:0 0 20px 21px; }
.mobile {display: block; margin:10px 0 0 0 ;}
.geraetkategorie {border-top: 1px solid #bababa;  font-size:12px; padding:5px 6px 3px 6px; line-height:12px;}
.geraetkategorie a:link, .geraetkategorie a:visited {color:#454544; text-decoration:none;}
.geraetname {border-bottom: 1px solid #bababa; font-size:12px; padding:2px 6px 9px 6px;line-height:12px;}
.geraetname a:link, .geraetname a:visited {color:#779a9c; text-decoration:none;}
.home-linie { border-top:0px solid #bababa; clear:both; margin-bottom:11px; }
}

#explorer {width:939px; margin:10px auto 10px auto; background-color:#fff; padding:25px;}
#explorer p {margin-bottom:5px;}