/******* www.chorwettbewerb-erwitte.de *********
   *						           	  			 
   *            (c) Claus Canstein        www.canstein.cc    
   *                                                                                    
   ********************************************/

* {margin: 0; padding: 0;}
html {height: 100.01%;}
body {background: #bcd941 url(../pix/bg_body.gif) top repeat-x; text-align: center;  margin: 0 auto; font-size: 0.7em;}
body, input, textarea {font-family: verdana, helvetica, sans-serif; line-height: 1.2em;}
textarea, input {font-size: 1em;}
img {border: none;}
dfn {position: absolute; left:-1000px; top:-1000px; width: 0px; height: 0px; overflow:hidden; display:none;}
acronym {text-decoration: underline; border: none; cursor: help;}
abbr {border: none; color: #666;}
a {outline: none;}
hr {color: #fff; background: transparent; margin: .2em 0 .2em 15px; padding: 0 .2em .2em 0; border-bottom: 1px #eee solid;}

dt {background: none; margin-bottom: 4px;}
dd {margin-bottom: .5em;}

#container {margin: 10px auto 0 auto; width: 800px; text-align: left; background: #fff;}

#toCont {display: none; position: absolute; left: -1000em;}

#header {position: relative; height: 190px; background: #fff url(../pix/bg_cont.gif) top no-repeat;}
#logo {font-size: 110%; margin-top: 44px;}
#headerpic {position: absolute; top: 44px; right: 2%;}

#content {position: relative; margin: 10px 0 0 70px;}

#mainNav {float: left; width: 150px; margin: 30px 1em 50px 0;}
#mainNav ul {list-style: none;}
#mainNav li {margin-bottom: .4em;}
#mainNav li a {text-decoration: none; font-weight: bold; color: #707070; font-size: .9em;}
#mainNav li a:hover, #mainNav li a:focus, #mainNav li a:active {color: #ffa334;}
#mainNav li a.active {color: #bcd941}

#logos {margin-top: 20px; text-align: left;}
#logos img {margin-left: -20px; margin-bottom: 10px;}

#text {float: left; width: 470px; color: #4a4a4a; margin-bottom: 15px;}
#text h1 {font-size: 1.1em; margin: 0 0 0 15px;}
#text h2 {font-size: 1em; margin: .5em 0 1em 15px; color: #c63;}
#text h3 {font-size: .9em; font-weight: bold; margin: 0 0 .6em 15px; color: #666;}
#text h4 {font-size: .9em; font-weight: bold; margin: 0 0 .5em 15px; color: #555;}

#text p {font-size: .9em; margin: 0 0 .8em 15px;}
#text span.caps {text-transform: uppercase;}
#text a {text-decoration: underline; color: #693;}
#text a.back {color: #693!important; text-decoration: underline;}
#text a:hover, #text a:focus, #text a:active {background: #efefef; color: #360;}
#text a.image:hover, #text a.image:focus, #text a.image:active {text-decoration: none; background: none;}

#text ul {list-style: square url(../pix/list_item.gif) outside; margin: 10px 0 1.5em 40px;}
#text ul.press {list-style: square url(../pix/list_presse.gif) outside;}
#text ul.jury {list-style: square url(../pix/list_jury.gif) outside;}
#text li {font-size: .9em; margin-top: .4em;}

#text dl {margin: 0 0 .6em 15px; font-size: .9em;}
#text dt {color: #333; margin-top: .4em; background: url(../pix/list_item.gif) left no-repeat; padding-left: 12px;}
#text dd {color: #666; margin: .2em 0 0 12px;}

#text form {margin: 1em 0 10px 15px; background: #efefef; padding: 7px;}
#text input, textarea {border: 1px solid #ccc; margin: 3px 0 8px 0; font-size: .9em; color: #4a4a4a;}
#text textarea {background: #fff;}
#text input.radio {float: left; margin: 0 8px 0 0; border: none;}
#text label {font-size: .9em; width: 80px; font-weight: bold; color: #666;}
#text select {border: 1px solid #ccc; margin: 3px 0 8px 0; font-size: .9em; color: #4a4a4a;}
#text legend {color: #c63; background: #fff; border: 1px solid #fff; padding: 1px 5px; font-size: 1; font-weight: bold; margin-bottom: 1em;}
#text fieldset {border: none;}
#text fieldset p {margin: 5px 0;}

#text img {margin: 1em 0 1em 15px;}
#text img.jury {float: right; margin: 0 0 1em 1em;}

#text table {width: 100%; margin: .5em 0 1em 15px;}
#text th {font-size: .9em; color: #666; border: 1px solid #999; border-width: 0 1px 1px 0;}
#text td {font-size: .9em; padding: 0 2px; border: 1px solid #ccc; border-width: 0 1px 1px 0;}

#galerythumbs a:hover {background: none!important; text-decoration: none;}


.maus {cursor: pointer; background: #fff;}
.w30 {width: 30%;}
.w70 {width: 90%;}
.w75 {width: 75px;}
.small {font-size: .8em; color: #666; margin-top: .5em;}
.red {font-weight: bold; color: #ffa334;}
.formtext {font-size: .9em;}
.clearfloat {clear: both;}
.em {font-style: italic;}
.greybg {background: #ededed; padding: 1px 0 1px 3px; width: 99%;}
.right {float: right; width: 180px; margin: 0 0 10px 15px;}
.comm {font-style: italic; color: #666;}


#footer {clear: left; background: url(../pix/bg_footer.gif) bottom no-repeat; height: 60px; text-align: center;}
#footer p {border-top: 1px solid #a4a4a4; font-size: .8em; color: #a6a6a6; margin: 0 60px; padding-top: 1em;}
#footer a {text-decoration: underline; color: #a6a6a6;}
#footer a:hover, #footer a:focus, #footer a:active {color: #4a4a4a;}