/*
Theme Name: Dragon
Theme URI: http://www.deaf-dragon.de
Version: 1.0
Author: BlackShark
*/

* { padding: 0; margin: 0; }
html { font: 100.01%; padding: 0; margin: 0; height: 100%; }

body { font: 0.75em/1.5em sans-serif, Arial, Helvetica; color: #cc0000; }
body#fire { background: black url(../images/mcd_body_bg_fire.png) no-repeat center top; }
body#nofire { background: black url(../images/mcd_body_bg_kreis.png) no-repeat center top; }

a { color: #890000; text-decoration: none; }
a:hover { color: #400000; text-decoration: none; }

p { padding-bottom: 8px;  }

h1,h2,h3,h4,h5,h6 { font-weight: normal; margin: 0; line-height: 1.2em; }
h1 { font-size: 350%; }
h2 { font-size: 300%; }
h3 { font-size: 250%; }
h4 { font-size: 200%; }
h5 { font-size: 150%; }
h6 { font-size: 120%; }

h1, h2, h3 { text-transform: uppercase; color: #890000; }
h4, h5, h6 { text-transform: uppercase; color: #640000; }

.t1 { margin: 1.2em 0em 0em 0em; }
.t2 { margin: 0.8em 0em 0em 0em; }
.t3 { margin: 0.5em 0em 0em 0em; }
.t4 { margin: 0em 0.5em 1.5em 0.5em; }
.t5 { margin: 0em 0.5em 1em 0.5em; }
.t6 { margin: 0em 0.5em 0.5em 0.5em; }

#wrapper { text-align: left; width: 880px; margin: 0 0 0 -416px; padding: 0 0 60px; position: absolute; top: 100px; left: 50%; z-index: 1; }
#wrapper.footerfire { background: transparent url(../images/mcd_footer_bg_fire.png) no-repeat left bottom; }
#wrapper.footernofire { background: transparent url(../images/mcd_footer_bg.png) no-repeat left bottom; }

#header { margin: 0; padding: 0; background: transparent url(../images/mcd_header_bg.png) no-repeat top left; width: 880px; height: 160px}
#header h1 { text-indent: -9999px; }
#header h1 a { background: transparent url(../images/mcd_header_logo.png) no-repeat top left; width: 324px; height: 41px; display: block; text-decoration: none; position: absolute; top: 45px; right: 70px; z-index: 3; }

/* header navi----------------------------*/
#nav { position: absolute; top: 120px; left: 60px; height: 40px; width: 600px; z-index: 2; }
#nav li { display: block; list-style-type: none; }

#l_ho a,
#l_te a,
#l_hi a,
#l_ev a,
#l_di a,
#l_li a,
#l_co a,
#l_im a { display: block; height: 40px; background: transparent url(../images/mcd_header_navi_2.gif) no-repeat 0px 40px; position: absolute; top: 0px; text-indent: -9999px; padding: 0; margin: 0; text-decoration: none; }

#l_ho a { width: 68px; left: 0px; background-position: 0px -40px; }
#l_te a { width: 58px; left: 68px; background-position: -68px -40px; }
#l_hi a { width: 82px; left: 126px; background-position: -126px -40px; }
#l_ev a { width: 66px; left: 208px; background-position: -208px -40px; }
#l_di a { width: 78px; left: 274px; background-position: -274px -40px; }
#l_li a { width: 58px; left: 352px; background-position: -352px -40px; }
#l_co a { width: 90px; left: 410px; background-position: -410px -40px; }
#l_im a { width: 100px; left: 500px; background-position: -500px -40px; }

#nav a:focus, 
h1 a:focus { -moz-outline: none; }

#l_ho a:hover { background-position: 0px 0px; }
#l_te a:hover { background-position: -68px 0px; }
#l_hi a:hover { background-position: -126px 0px; }
#l_ev a:hover { background-position: -208px 0px; }
#l_di a:hover { background-position: -274px 0px; }
#l_li a:hover { background-position: -352px 0px; }
#l_co a:hover { background-position: -410px 0px; }
#l_im a:hover { background-position: -500px 0px; }

/* container ---------------------------*/
#container { background: transparent url(../images/mcd_content_bg.png) repeat-y 50%; }

#banner { background-color: #590000; width: 799px; height: 240px; margin: 0px 40px; display: none; }

/* content -----------------------------*/

#content { padding: 10px 80px; }

#content h2 a { text-decoration: none; }
#content h2 a:hover,
#content h3 a:hover 
#content h4 a:hover { text-decoration: none; }

#content ul { margin: 10px 5px 40px 60px; padding: 0; }
#content ul li { list-style: none url(../images/cross_12px.gif); }
#content ul li a { text-decoration: none; }
#content ul li a:hover { text-decoration: none; }
#content ol { margin: 5px 5px 10px 40px; padding: 0; }
#content ol li { list-style-type: upper-roman; }
#content ol li a { text-decoration: none; }
#content ol li a:hover { text-decoration: none; }

dl { width: 350px; padding: 5px 65px 20px 65px; }
dt { color: #640000; padding-top: 15px; font-weight: bold; text-transform: uppercase }
dd { padding: 2px 0;}
dl a, dt a, dd a { padding-left: 16px; background: transparent url(../images/cross_12px.gif) no-repeat left center; }
dl a:hover, dt a:hover, dd a:hover { text-decoration: none; }

blockquote { text-transform: uppercase; margin: 26px 26px 26px 36px; padding: 40px 20px 20px 60px; background: transparent url(../images/quote.png) no-repeat top left; border-top: 1px dotted #a00000; border-bottom: 1px dotted #a00000; clear: both; }
blockquote a {}
blockquote a:hover { text-decoration: none; }

code { font: 0.8em Arial; text-transform: uppercase; border-top: 1px dotted #a00000; border-bottom: 1px dotted #a00000; position: relative; clear: both; display: block; background: transparent url(../images/mcd_0_big.png) no-repeat right 1em; margin: 10px 20px 10px 70px; padding: 20px 40px 20px 40px; }
code a {}
code a:hover {}

.team { margin: 20px 15px; }

.event img { margin: 1em 0 0 0; }

/* footer -----------------------------*/
#footer { font-size: 0.8em; clear: both; display: block; padding: 20px 70px 50px 70px; }
#footer ul { margin: 0; padding: 0; }
#footer ul li { display: inline; list-style: none; }
#footer ul li a { display: inline; border: none; text-decoration: none; }
#footer ul li a:hover { text-decoration: none; }
#footer ul li img { position: relative; top: 0px; left: 4px; right: 4px; border: none; }

/* form ------------------------------------------*/
form { padding: 0; margin: 10px 0 20px; }
#form { padding: 2em 0px 4em 0px; position: relative; margin: 0px; } 
#form p { padding: 0px 0px 2px 0px; margin: 0px; }
#form .box { margin: 0.6em 0px 0.6em 0px; }
#form .ebene { clear: both; margin: 0.4em 0em; padding: 2px 0; }
#form .label { float: left; padding: 3px 0 0 0; width: 10em; }
#form input,
#form textarea { background: #640000; border: 1px solid #890000; padding: 0.4em; font: 0.8em 'Verdana'; }	
#form textarea { overflow: auto; width: 30em; padding: 0.4em; }
#form textarea:focus,
#form input:focus,
#form .submit:focus { background: #b00000; }
#form .submit { color: #000000; width: 140px; height: 30px; clear: both; margin: 1em 0 0 1em; padding: 0.4em; text-transform: uppercase; background: #640000; border: 1px solid #890000; }

/* stüberkisten -----------------------------*/
.float_left  { float: left; }
.float_right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

.center { text-align: center; }
small { font-size: 0.6em; line-height: 1.2em; }

clear, .clear { clear: both; }

hr { margin: 2em 0.4em; border-left: 0px solid #a00000; border-right: 0px solid #a00000; border-top: 1px dotted #a00000; border-bottom: 0px solid #a00000; height: 1px; }

/* images------------------------------------ */
img { padding: 0; margin: 0; border: none; text-align: center;}
img.border { margin: 1em; border: 1px solid #650000; }
img.float-right { margin: 5px 0px 5px 15px; float: right; }
img.float-left { margin: 5px 15px 5px 0px; float: left; }

/* gallery----------------------------------- */
.gallery { zoom: 1; width: auto; padding: 0; margin: 0; }
.gallery a { display: block; float: left; margin: 0.8em; padding: 0; border: 1px solid #660000; opacity: 0.60; text-align: center; }
.gallery a:hover { opacity: 1; }
.gallery img { border: none; display: block; }
.gallery a#vlightbox{ display: none }