/* Poetron-Zone CSS 
  @version: 1.01
  @last-updated: 26.12.2012 
*/
    
/* Global Reset */
*{ margin:0; padding:0; resize: none; border: 0;}
:focus { outline: none;  border: 0;}
html{height: 101%;}

/* Standard */
body{ font-family:'Lucida Sans', 'Lucida Grande', Verdana, sans-serif; color:#b7b4ac;background:#000 url(../img/bd_bg.gif) repeat fixed center top;}
p {font-size:15px; line-height: 22px; }
a:link,a:visited { color:#c8a866; text-decoration: none;}
a:hover,a:active { text-decoration: underline; }
sub { font-size: 11px;}

/* Allgemeine Klassen */
img.right {float:right; padding-right: 20px; }
img.left {float:left; padding-right: 15px; }
.def {padding: 7px;}
.teaser { margin-bottom: 10px; }

/* Überschriften */
#contentheader{height:50px;}
h1.cnt_nav_welcome{width:168px; height:40px; background:transparent url(../img/cnt_nav_welcome.gif) bottom left no-repeat; }
h1.cnt_nav_metricalizer{width:158px; height:40px; background:transparent url(../img/cnt_nav_metricalizer.gif) bottom left no-repeat; }
h1.cnt_nav_poetron{width:102px; height:39px; background:transparent url(../img/cnt_nav_poetron.gif) bottom left no-repeat; }
h1.cnt_nav_sloganizer{width:131px; height:46px; background:transparent url(../img/cnt_nav_sloganizer.gif) bottom left no-repeat; }
h1.cnt_nav_gedichte{width:110px; height:38px; background:transparent url(../img/cnt_nav_gedichte.gif) bottom left no-repeat; }
h1.cnt_nav_wettbewerb{width:163px; height:40px; background:transparent url(../img/cnt_nav_wettbewerb.gif) bottom left no-repeat; }
h1.cnt_nav_sprachspiele{width:153px; height:46px; background:transparent url(../img/cnt_nav_sprachspiele.gif) bottom left no-repeat; }
h1.cnt_nav_impressum{width:137px; height:47px; background:transparent url(../img/cnt_nav_impressum.gif) bottom left no-repeat; }
h1.cnt_nav_haftung{width:243px; height:48px; background:transparent url(../img/cnt_nav_haftung.gif) bottom left no-repeat; }
h1.cnt_nav_links{width:62px; height:37px; background:transparent url(../img/cnt_nav_links.gif) bottom left no-repeat; }
h1.cnt_nav_galerie{width:155px; height:48px; background:transparent url(../img/cnt_nav_fotogalerie.gif) bottom left no-repeat; }
h1.cnt_nav_aboutme{width:139px; height:43px; background:transparent url(../img/cnt_nav_aboutme.gif) bottom left no-repeat; }
h1.cnt_nav_404{width:272px; height:48px; background:transparent url(../img/cnt_nav_404.gif) bottom left no-repeat; }
h2 {color:#b6a581; text-shadow: #493408 2px 2px 0px; font-size: 19px; text-align: left;  margin-bottom: 3px;}
h2.infohead {color:#d1b478; font-size: 15px; text-shadow: #493408 1px 1px 0px;}
h4 {color: #7f7a6e; font-style: italic;  font-size: 18px; }

/* Steuerelemente */
label {display: block; font-size: 10pt; color: #999;}
label.bw {display: block; font-size: 10pt; color: #999999;}
input {width: 300px; background-color: #000000; color:#e7e6e5; border: 1px solid #735b2a; padding: 3px; margin-bottom: 4px;}
input.bw {width: 300px; background-color: #000000; color:#CCC; border: 1px solid #333; padding: 3px;margin-bottom: 4px;}

/* Container */
#container{width:776px; margin:0px auto 0px auto; }
#content{width:567px; float:left; z-index:10;}
#innercontent {margin-bottom: 25px; font-size: 13px;}

/* Header */
#supheader{position:fixed; z-index:4; height:29px; width:100%; background:#000 url(../img/hd_u_bg.gif) top left repeat-x;}
#supquote{width:776px; padding-top: 5px; color: #e0dacd; font-size: 8pt; text-shadow: #2d2d2d 1px 1px 0px; text-transform: uppercase; margin:0px auto 0px auto; text-align:center; letter-spacing: 0.1em;}
.quoter {text-transform: none; color: #bbb;}
#header{height:331px; width:776px;background:transparent url(../img/hd_bg.gif) top left no-repeat;}
.head{height:331px; width:776px;}
#head_start{background:transparent url(../img/hd_nav_welcome.gif) bottom right no-repeat; }
#head_poetron{background:transparent url(../img/hd_nav_poetron.gif) bottom right no-repeat; }
#head_met{background:transparent url(../img/hd_nav_metricalizer.gif) bottom right no-repeat; }
#head_sloganizer{background:transparent url(../img/hd_nav_sloganizer.gif) bottom right no-repeat; }
#head_contest{background:transparent url(../img/hd_nav_contest.gif) bottom right no-repeat; }
#head_sprachspiele{background:transparent url(../img/hd_nav_sprachspiele.gif) bottom right no-repeat; }
#head_gedichte{background:transparent url(../img/hd_nav_gedichte.gif) bottom right no-repeat; }
#head_meta{background:transparent url(../img/hd_nav_meta.gif) bottom right no-repeat; }
#head_guenter{background:transparent url(../img/hd_nav_guenter.gif) bottom right no-repeat; }
#spinner {width:50px; height:50px; display: inline-block; margin-left: -70px; float: left;}
.spin {background:transparent url(../img/spinner.gif) bottom right no-repeat; }

/* Navigation */
#navigation{width:209px; float:left;}
#navhead_tools{width:209px; height:37px; background:transparent url(../img/nav_hd_tools.gif) bottom right no-repeat;}
#navhead_poetry{width:209px; height:39px; background:transparent url(../img/nav_hd_poetry.gif) bottom right no-repeat;}
.nav_cont {padding-top: 10px; padding-bottom: 20px;}
.nav_el_cont {padding-top: 10px; padding-bottom: 20px;}
#d-rhyme {height:42px; background:transparent url(../img/d-rhyme.gif) bottom right no-repeat; }
#kunstworte {height:58px; background:transparent url(../img/kw.gif) bottom right no-repeat; }
#navel_met{ height:24px; margin-bottom: 8px; background:transparent url(../img/nav_el_metricalizer_n.gif) bottom right no-repeat;} 
#navel_met:hover{cursor:pointer; background:transparent url(../img/nav_el_metricalizer_o.gif) bottom right no-repeat;} 
#navel_met.active{cursor:default; background:transparent url(../img/nav_el_metricalizer_o.gif) bottom right no-repeat;} 
#navel_poe{height:23px; margin-bottom: 8px; background:transparent url(../img/nav_el_poetron_n.gif) bottom right no-repeat;} 
#navel_poe:hover{cursor:pointer; background:transparent url(../img/nav_el_poetron_o.gif) bottom right no-repeat;} 
#navel_poe.active{cursor:default; background:transparent url(../img/nav_el_poetron_o.gif) bottom right no-repeat;} 
#navel_slo{height:28px; margin-bottom: 3px; background:transparent url(../img/nav_el_sloganizer_n.gif) bottom right no-repeat;} 
#navel_slo:hover{cursor:pointer; background:transparent url(../img/nav_el_sloganizer_o.gif) bottom right no-repeat;} 
#navel_slo.active{cursor:default; background:transparent url(../img/nav_el_sloganizer_o.gif) bottom right no-repeat;} 
#navel_ged{height:23px; margin-bottom: 8px; background:transparent url(../img/nav_el_gedichte_n.gif) bottom right no-repeat;} 
#navel_ged:hover{cursor:pointer; background:transparent url(../img/nav_el_gedichte_o.gif) bottom right no-repeat;} 
#navel_ged.active{cursor:default; background:transparent url(../img/nav_el_gedichte_o.gif) bottom right no-repeat;} 
#navel_wet{height:23px; margin-bottom: 8px; background:transparent url(../img/nav_el_wettbewerb_n.gif) bottom right no-repeat;} 
#navel_wet:hover{cursor:pointer; background:transparent url(../img/nav_el_wettbewerb_o.gif) bottom right no-repeat;} 
#navel_wet.active{cursor:default; background:transparent url(../img/nav_el_wettbewerb_o.gif) bottom right no-repeat;} 
#navel_spr{height:27px; margin-bottom: 3px; background:transparent url(../img/nav_el_sprache_n.gif) bottom right no-repeat;} 
#navel_spr:hover{cursor:pointer; background:transparent url(../img/nav_el_sprache_o.gif) bottom right no-repeat;} 
#navel_spr.active{cursor:default; background:transparent url(../img/nav_el_sprache_o.gif) bottom right no-repeat;} 
p.nav {font-size: 10px; line-height: 14px; text-align: right; margin-bottom: -5px;}

/* Buttons */
.p_button {display: inline-block; width:90px; height:19px; line-height: 19px; cursor:pointer; text-align:center; font-size: 13px; background-color: #555; border-radius: 3px; -moz-border-radius: 3px; background-color: #333333; text-shadow: #000000 1px 1px 0px;}
.p_button:hover {background-color: #aaaaaa; text-shadow: #cfcfcf 1px 1px 0px; color: #222222;}
.m_button {display: inline-block; width:90px; height:19px; line-height: 19px; cursor:pointer; text-align:center; font-size: 12px; background-color: #2e2106; border-radius: 3px; -moz-border-radius: 3px; color: #fff; text-shadow: #000000 1px 1px 0px;}
.m_button:hover {background-color: #3f2c06; }
.pm_button {margin-left: 10px; display: inline-block; width:90px; height:19px; cursor:pointer; text-align:center; font-size: 13px; background: rgba(73, 52, 8, 0.8); color:#b88d35; border-radius: 3px; -moz-border-radius: 3px; text-shadow: #333 1px 1px 0px;}
.pm_button:hover {background-color: #777; }
.print_button {width: 23px; height: 23px; margin-left: 10px; background:transparent url(../img/print_icon.gif) no-repeat; cursor: pointer; }
.print_button:hover {background:transparent url(../img/print_icon_o.gif) no-repeat; }

/* Footer */
#subfooter{position:fixed; bottom:0px; z-index:9; height:22px; width:100%; background:#000 url(../img/ft_l_bg.gif) top left repeat-x;}
#ft_cnt {margin:0px auto 0px auto;text-align: right; width: 776px;}
#ft_cnt ul li {font-size: 8pt; display:inline; list-style-type: none; padding-right: 8px;}
#subfooter a { text-decoration: none; color: #b7b4ac; }
#subfooter a:hover { color: #e0dacd; }

/* Extra Grafikelemente */
#extraDiv1{position:absolute; }
#extra{position:fixed;  z-index:-10;bottom:0px;left:0px;width:257px; height:219px; background:url(../img/planet3.gif) no-repeat;}

/* Poetron  */
#poetron_container {width: 447px;}
#poetron_bg {width: 580px; height: 430px; background: transparent url(../img/poetron_bg.gif) top right no-repeat; }
#poetron_bg p {width: 290px;  }
#poetron_head {height:44px; background: transparent url(../img/poetron_light_head.gif) no-repeat;}
#poetron_foot {height:15px; background: transparent url(../img/poetron_light_foot.gif) no-repeat;}
#poetron_input {padding-top: 10px; float: left; margin-right: 30px;}
#poetron_body {background-color: #735b2a; color: #FFFFFF; font-size: 12pt; padding: 10px; white-space: pre; text-align: center;}
#poetron_closer {cursor: pointer; position: absolute; right: 8px; top:8px;  width:32px; height:30px; background:transparent url(../img/poetron_closer.gif) no-repeat;}
#poetron_closer:hover {background:transparent url(../img/poetron_closer_o.gif) no-repeat;}
#poetry_number {font-size: 10pt; color:#2e2106; padding-top: 10px; padding-right: 10px; text-align: right;}
input.poetron {width: 270px; background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.5);  color:#b7b4ac; border: 1px solid #1f1f22; padding: 1px; margin-bottom: 6px;}
#buttonpane { margin-top: 60px;}


/* Info Lightbox */
#info_container {width: 683px;}
#info_head {height:44px; background: transparent url(../img/poetron_light_info_head.gif) no-repeat;}
#info_foot {height:9px; background: transparent url(../img/poetron_light_info_foot.gif) no-repeat;}
#info_body {background-color: #735b2a; color: #FFFFFF; font-size: 12pt; padding: 20px;}
p.info {text-align: left; width: 600px; color: #fff; padding-bottom: 10px; font-size: 13px; line-height: 17px; text-shadow: #000000 1px 1px 0px;}


/* Gedichte-Seite */
h1.poetry_category_header { background: rgb(73, 52, 8); background: rgb(40, 28, 3); background: rgba(40, 28, 3, 0.6); border-radius: 5px; -moz-border-radius: 5px; font-size: 16px; color:#917232; font-weight: normal; height: 22px; padding-left: 15px; padding-top: 2px;text-shadow: #000000 1px 1px 0px; cursor:pointer; margin-bottom: 1px; }
h1.poetry_category_header:hover { background: rgba(73, 52, 8, 0.8); color:#b88d35;}
h2.poetry_title {text-align: center; font-size: 15px; color:#917232; text-shadow: #000000 1px 1px 0px; padding-top: 25px; font-weight: normal; }
.poetry_content {text-align: center; font-size: 14px; }
.poetry_content_left {padding: 0 30px 0 30px; text-align: left; font-size: 14px; line-height: 20px; }
.poetry_content_left pre {font-family:'Lucida Sans', 'Lucida Grande', Verdana, sans-serif; line-height: 20px;}
.poetry_nav {width: 567px; height: 21px; text-align: right; margin-bottom: 5px;}
.poetry_forward {width: 23px; height: 21px; background:transparent url(../img/bn_ff.gif) no-repeat; cursor: pointer; display: inline-block;}
.poetry_backward {width: 23px; height: 21px; background:transparent url(../img/bn_fw.gif) no-repeat; cursor: pointer; display: inline-block; }
.poetry_forward:hover {background:transparent url(../img/bn_ff_o.gif) no-repeat;}
.poetry_backward:hover {background:transparent url(../img/bn_fw_o.gif) no-repeat;}
.poetry_object { background: rgba(40, 28, 3, 0.3); border-radius: 5px; -moz-border-radius: 5px; }
.printbutton {width: 23px; height: 21px; background:transparent url(../img/bn_pr_n.gif) no-repeat; cursor: pointer; display: inline-block;}
.printbutton:hover {background:transparent url(../img/bn_pr_o.gif) no-repeat; }

/* Meta-Seiten */
p.imprint_data {margin-bottom:20px;}
#innercontent ul { padding: 3px 0px 25px 10px; list-style: none;  }
#innercontent p {padding-bottom: 20px; }
#innercontent ul li { height: 22px; font-size: 14px; padding: 2px; }
#innercontent ul li img { margin-right: 5px; }

/* Colorbox - Lightbox Plugin*/
.lightcon {width: 180px; height: 145px; display:inline-block; }
.lightobj { text-align: center; margin-bottom: 5px; }
.lighttitle {text-align: center; font-size: 11px; height: 14px; color:#dbb688;}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.5);}
#colorbox{}
#cboxContent{background: transparent; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#dbb688; text-shadow: 1px 1px 0px #000;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#dbb688; text-shadow: 1px 1px 0px #000;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/bn_prev.gif) no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background:url(../img/bn_prev_h.gif) no-repeat;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/bn_next.gif) no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background:url(../img/bn_next_h.gif) no-repeat;}
#cboxLoadingGraphic{background: #000 url(../img/spinner.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/bn_abort.gif) no-repeat; width:25px; height:25px; text-indent:-9999px;}

/* Metricalizer */
#metricalizer {background:url(../img/metricalizer_bg.gif) no-repeat; width:554px; height:433px; margin-top: 10px; }
.met_txt {margin-left: 115px;  border: none; outline: none; overflow: hidden; width: 322px; background-color: transparent; color: #52b633;}
#met_title {margin-top: 75px; text-align: center; height: 40px;}
#met_terminal {text-align: left; height: 98px;}
#met_input {text-align: left; font-family: monospace; background-color: transparent; width: 80px; padding: 0px;}
#met_control {width: 400px;}
#met_buttons {padding-top: 7px;}
.met_input{width: 20px;}
.met_info {font-size: 10pt; color: #fff; text-shadow: #000 1px 1px 0px;}
#met_closer {cursor: pointer; position: absolute; right: 6px; top:6px;  width:32px; height:30px; background:transparent url(../img/met_closer_n.gif) no-repeat;}
#met_closer:hover {background:transparent url(../img/met_closer_o.gif) no-repeat;}
.met_conf {float: left; width: 50%; height: 92px; }
#met_logic {height: 92px;}
.met_conf ul {list-style: none; padding-top: 6px; }
.met_conf li.met {margin: 0; padding: 0px; background-color: #ff0000;}
#met_container {width: 681px;}
#met_head {height:40px; background: transparent url(../img/met_box_header.gif) no-repeat;}
#met_foot {height:22px; background: transparent url(../img/met_box_footer.gif) no-repeat;}
#met_body {min-height: 100px; text-align: left; background-color: #735b2a; color: #FFFFFF; font-size: 12pt; padding-left: 30px; padding-top: 8px;}
#met_txtbox {margin-top: 8px; padding: 8px; font-size: 15px; border: 1px solid #5e430b; outline: none; overflow: auto; width: 600px; height: 380px; background-color: #2e2106; color: #d1b478;}
#met_txtbox.spin {background:transparent url(../img/spinner.gif) center center no-repeat;}
#fb {display: inline-block; font-size: 12px; color: #fff; padding-left: 30px;}
#met_tabs ul {margin-top: 10px;}
#met_tabs li{ font-size: 12px; display: inline-block; cursor: pointer; height: 20px;  border-radius: 5px; -moz-border-radius: 5px; padding-top: 6px; padding-left: 10px; padding-right: 10px; background-color: #2e2106;text-shadow: #000 1px 1px 0px;}
#met_tabs li:hover{background-color: #3f2c06;}
#met_tabs li.active{background-color: #6c4f13;}
.tab {padding-top: 20px;}
.tab pre {font-size: 12px;}

/* Sloganizer */
#sloganizer {background:url(../img/sloganizer_bg.jpg) no-repeat; width:534px; height:444px;margin-top: 10px; }
#slo_start {position: relative; width: 42px; height: 78px; cursor:pointer; top: 50px; left: 453px;}
#slo_reset {position: relative; width: 37px; height: 36px; cursor:pointer; top: 120px; left: 452px; }
#slo_about { background:transparent url(../img/info_n.gif) no-repeat; position: relative; width: 32px; height: 32px; cursor:pointer; top: 0px; left: 375px; }
#slo_about:hover { background:transparent url(../img/info_o.gif) no-repeat;  }
#slo_inputs, #slo_res { position: relative; left: 87px; top: 0px; font-size: 12px; width: 320px; }

/* Wettbewerb */
#archive_container {width: 567px; margin-top:20px; border-radius: 5px; -moz-border-radius: 5px; text-shadow: 1px 1px 0px #000; background: rgb(40, 28, 3); background: rgba(40, 28, 3, 0.6); color: #ddd; font-size: 12px; padding: 10px; line-height: 16px;}
input.pm {font-size: 16px; width: 30px; background-color: transparent; color:#CCC; border: none; }
#sel_archive {width: 400px; background-color: #000; color:#B7B4AC; border: 1px solid #715928; padding: 2px; margin-right: 10px;}
p.ess { font-size: 13px; padding: 0; margin: 0;}
.vorgabe {background: rgb(40, 28, 3); background: rgba(40, 28, 3, 0.6); border-radius: 5px; -moz-border-radius: 5px; padding: 20px; font-size: 15px;}
.vorgabe ol {padding: 0 0 0 20px;}
.vorgabe ol li {padding-top: 15px;}
.vorgabe ol li.n {list-style: none;}
.round {margin-top: 20px;}
p.desc {font-size: 13px; line-height: 17px; width: 370px;}