/* ############################################################ */
/*                                                              */
/*         Style-Sheet für www.drachenforum.net                 */
/*       erstellt von Jochen Müller alias IndoorJo              */
/*                                                              */
/*                    visit my websites:                        */
/*        www.drachenforum.net | www.kitepage.net               */
/*                                                              */
/* ############################################################ */

body {
   background: #F5F7FB;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
   margin: 0px;
}

h1 { color: #536DB6; font-size: 16px; font-weight: bold; }
h2 { color: #333333; font-size: 15px; font-weight: bold; }
a img{
	border:0;
}

:lang(de)>blockquote    {quotes: "»" "«" "›" "‹"}
:lang(de-de)>blockquote {quotes: "„" "“" "‚" "‘"}
:lang(en)>blockquote    {quotes: "“" "”" "‘" "’"}
:lang(fr)>blockquote    {quotes: "«" "»" "‹" "›"}
/*
blockquote span:before {content:  open-quote}
blockquote span:after {content: close-quote}
*/
blockquote{
   margin-right:2px;
}
blockquote span{
	display:block;
	   padding: 3px;
   padding: 3px;
   background-color: #E4E8F4;
   border-top: 1px solid #888888;
   border-left: 1px solid #888888;
   border-right: 1px solid #C0C0C0;
   border-bottom: 1px solid #C0C0C0;
}

table { border: 0px; color: #202020; }

table.content { border-width: 0px; margin: 1px 0px 3px; padding: 0px; background-color: #888888; }
table.head    { border-width: 0px; margin: 1px 0px 1px; padding: 0px; background-color: #888888; }
table.info    { border-width: 0px; margin: 0px 0px 0px; padding: 0px; background-color: #888888; }
table.panel   { border-width: 0px; margin-bottom: 5px;  padding: 0px; background-color: #888888; width: 150px; }


td { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px; }
th { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px; }
p,div { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px; }

td.head {
   background-color: #CED6EF;
   color: #202020;
   font-weight: bold;
}

th.head {
   background-image: url(th_head.gif);
   background-repeat: no-repeat;
   background-color: #BDCEEF;
   color: #202020;
   font-weight: bold;
   font-size: 13px;
   padding: 2px;
   padding-left: 10px;
}

td.info {
   background-color: #E4E8F4;
   color: #202020;
   font-style: italic;
   font-size: 11px;
}

th.info {
   background-image: url(td_head.gif);
   background-color: #E4E8F4;
   color: #202020;
   font-weight: bold;
   font-size: 12px;
}

td.header {
   background-color: #E4E8F4;
   color: #202020;
}

th.header {
   background-color: #BDCEEF;
   color: #202020;
}

td.left   { background-color: #E4E8F4; }
td.right  { background-color: #F5F5F5; }
td.odd    { background-color: #F5F5F5; }
td.even   { background-color: #EBEEF7; }
td.top    { background-color: #E4E8F4; }
td.bottom { background-color: #BDCEEF; }
td.center { background-color: #E4E8F4; }


table.quote {
   margin-top: 3px;
}

td.quote {
   padding: 3px;
   background-color: #E4E8F4;
   border-top: 1px solid #888888;
   border-left: 1px solid #888888;
   border-right: 1px solid #C0C0C0;
   border-bottom: 1px solid #C0C0C0;
}

span.highlight {
   font-weight: bold;
   background-color: #FFFF00;
   border: 1px solid #FF0000;
}

input            { border: 1px solid #536DB6; background-color: #EEE; color: #000; }
input.send       { border: 1px solid #536DB6; background-color: #BDCEEF; color: #000; }
select, textarea { border: 1px solid #536DB6; background-color: #EEE; font-family: Verdana, Arial; color: #000; }
fieldset         { border: 1px solid #536DB6; background-color: #F5F5F5; }
legend           { border: 1px solid #536DB6; font-family: Verdana, Arial; font-size: 14px; color: #536DB6; font-weight: bold; margin: 2px; }

select.dropdown  { border: 1px solid #536DB6; background-color: #FFF; font-family: Verdana, Arial; font-size: 11px; color: #000; }
input.search     { border: 1px solid #536DB6; background-color: #FFF; font-family: Verdana, Arial; font-size: 11px; color: #000; }



fieldset.offTopic{
	border:1px dotted #CCC;
}
fieldset.offTopic:hover{
	border: 1px solid #536DB6;
}
fieldset.offTopic div{
	/*display:none;*/
	color:#666;
	font-size:11px;
}
fieldset.offTopic:hover div{
	display:block;
}
fieldset.offTopic legend{
	border:none;
	font-size:12px;
	color:#999;
}
fieldset.offTopic:hover legend{
	color:#536DB6;
}




fieldset.modSpell{
	border:1px dotted #900;
	color:#500;
}
fieldset.modSpell legend{
	border:none;
	font-size:12px;
	color:#900;
}

/* Wird im Forum in showthread.php benötigt (wegen der Schriftgröße */
th.thread {
   background-color: #BDCEEF;
   color: #202020;
   font-weight: normal;
   font-size: 10px;
}
/* Ende */


/* Kleinschrift - für alle Fälle ;-) */
.small { font-family: Arial, Verdana, helvetica, sans-serif; font-size: 10px; color: #F5F5F5}
/* Ende */


/* wird im Artikelbereich verwendet */
.Bildumlauf {
   float: left;
   margin: 2px;
   background-color: #E4E8F4;
   padding: 5px;
   border-top: 1px solid #999;
   border-right: 2px solid #555;
   border-bottom: 2px solid #555;
   border-left: 1px solid #999;
}

div.Bildumlauf img {
   border: 1px solid #888888;
}
/* Ende */


/* Das wird im Spreadshirt-Bereich benötigt */
table.shop { border-width: 0px; margin: 10px; padding: 10px; background-color: #F5F5F5; border: 1px dotted #888888; }
td.shop { border: #888888 1px dashed; padding: 10px; font-weight: bold; background-color: #BDCEEF; }
/* Ende */


/* Milindur: in Übersicht *Neue* die Mod-Threads kenntlich machen */
td.oddem1   { background-color: #F5F5B5; }
td.evenem1  { background-color: #F5F599; }
td.oddem2   { background-color: #FFAAAA; }
td.evenem2  { background-color: #FFD8D8; }

/* IndoorJo: in Übersicht *Verkauf [Archiv]* kenntlich machen */
td.oddem3   { background-color: #C0C0C0; }
td.evenem3  { background-color: #D0D0D0; }
/* Ende */

/* Milindur: in Übersicht *Neue* die Ticket-Threads kenntlich machen */
td.oddem4   { background-color: #FFCC88; }
td.evenem4  { background-color: #FFEECC; }


/* Das wird für Code-Anzeigen benötigt, z.B. in html/banner.dat */
code {
   font-family: "Courier New",Courier,monospace;
   color: #000;
}

code.box {
   display: block;
   font-size: 11px;
   text-align: left;
   border: 1px dashed #536DB6;
   padding: 5px;
   background: #E4E8F4;
}
/* Ende */


/* für Rahmenlayouts, z.B. in html/banner.dat */
div.kiste {
   display: block;
   text-align: left;
   border: 1px solid #536DB6;
   margin: 2px 15px 25px;
   padding: 15px;
   background: #FAFAFA;
}
/* Ende */


/* für hover-Boxen, z.B. für RSS-Feed */
#hoverbox div{display:none;}
#hoverbox:hover div{
   display: block;
   width: 150px;
   position: absolute;
   border: 1px solid #888888;
   padding: 15px;
   font-size: 10px;
   background: #E4E8F4;
}
/* Ende */


/* für useredit.php - Neuanmeldung */
th.useredit {
   background-image: url(th_head.gif);
   background-repeat: no-repeat;
   background-color: #BDCEEF;
   color: #F00;
   font-weight: bold;
   font-size: 16px;
   padding: 2px;
   padding-left: 10px;
}

td.useredit {
   background-color: #E4E8F4;
   color: #F00;
   font-size: 14px;
   padding: 10px;
}
/* Ende */


/* für optische Trennung der Signatur, hr wird momentan nicht benötigt */
hr.sig {
   background-color: #555555; /* Mozilla 1.4 */
   color: #555555; /* IE 6 */
   border: #555555; /* Opera 7.11 */
   height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
   width: 100px;
}

div.sig {
   border-top: 1px solid #888888;
   /* padding: 10px 0 20px 0; */
   margin-top: 20px;
   background-color: #F0F0F0;
   color: #555555;
   height: 80px;
   overflow: hidden;
}
/* Ende */


/* allgemein für Trennlinien */
hr {
   background-color: #555555; /* Mozilla 1.4 */
   color: #555555; /* IE 6 */
   border: #555555; /* Opera 7.11 */
   height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}
/* Ende */


/* wird im Kontaktfomular verwendet */
.Infobox {
   font-size: 15px;
   margin: 2px;
   background-color: #FF8080;
   padding: 5px;
   border-top: 1px solid #999;
   border-right: 2px solid #555;
   border-bottom: 2px solid #555;
   border-left: 1px solid #999;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 25px;
}
/* Ende */





/* Hauptmenü der Website
td.menu {
   background-color: #F5F5F5;
   background-image: url(td_menu.jpg);
}

#menu {
   float:left;
}

#menu ul {
   padding: 0;
   margin: 0 0 8px 0;
   list-style: none;
   text-align: left;
}

#menu li {
   width: 148px;
   list-style: none;
}

#menu li:hover {                leider funzt das nicht im M$IE
   background-color: #BDCEEF;
}

#menu a {
   color: #000;
   padding: 1px 5px 1px;
   font-weight: bold;
   text-decoration: none;
   text-align: left;
   display: block;
   border-top: 1px transparent dashed;
   border-bottom: 1px transparent dashed;
}

#menu a:hover {
   border-top: 1px #888888 dashed;
   border-bottom: 1px #888888 dashed;
   background-color: #BDCEEF;
}
 Ende */

/*
 	INTERFACE
*/
#DFKopf{
	position:absolute;
	top:0px;
	height:140px;
	width:100%;
	background: transparent url(design/back.jpg) repeat-x top left;
}
	#DFKopf h1{
		display:none;
	}
	#DFKopfBanner{
		margin-top:30px;
	}
	#DFKopfLogo{
		position:absolute;
		left:0px;
		top:0px;
	}
	#DFKopf div{
		position:absolute;
		top:115px;
		right:5px;
	}
	#DFKopf div small{
		font-weight:bold;
	}

#DFInterface{
	margin-top:140px;
}

#DFSideBar{
	float:left;
	width:160px;
}

.DFSideBarBox{
	border:1px solid #888;
	background:#F5F5F5;
	width:148px;
	margin-bottom:7px;
	padding-bottom:5px;
	font-size:10px;
	overflow:hidden;
}
	.DFSideBarBox h6{
		padding:0;
		margin:0;
		line-height:22px;
		border-bottom:1px solid #888;
		background: #BDCEEF url(th_head.gif) no-repeat top left;
		font-size:12px;
		text-align:center;
	}
	.DFSideBarBox div,
	.DFSideBarBox span{
		display:block;
		padding:5px;
		text-align:left;
	}
	.DFSideBarBox div a{
	}
#DFContent{
	overflow:hidden;
}

#DFFooterBar{
	clear:both;
	line-height:18px;
	height:16px;
	background: #BDCEEF url(th_head.gif) no-repeat top left;
	border:1px solid #888;
	text-align:left;
	padding:2px 10px;
	margin:10px 0px;
}
	#DFFooterBar small{
		float:left;
	}
	#DFFooterBar a{
		float:right;
		font-size:10px;
	}

.LexList,
.LexContent{
	 border:1px solid #888;
	 background:#F5F5F5;
	 padding:0px
}
	.LexList li{
		list-style:none;
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px dotted #069;
		padding:5px;
	}
		.LexList li strong{
			display:block;
			background:#E4E8F4;
			padding:3px;
		}
		.LexList li small{
			color:#069;
		}

.LexContent{
	padding:5px;
}
	.LexContent strong{
		display:block;
		background:#E4E8F4;
		padding:3px;
	}

.editbutton {
	border-width:0px;
	margin:1px;
	padding:0px;
	border-style:none;
}
.editraise {
	border-width:1px;
	margin:0px;
	padding:0px;
	border-style:solid;
	border-color:black;
	background-color:white;
}
.editpress{
	border-width:1px;
	margin:0px;
	padding:0px;
	border-style:solid;
	border-color:black;
	background-color:red;
}

.shoutBox{
	margin:0;
	padding:0;
}
.shoutBox dt,
.shoutBox dd {
	margin:2px;
}
.shoutBox dt{
	width:160px;
	overflow:hidden;
	clear:both;
	float:left;
	border-right:2px solid #CCC;
}
.shoutBox dd{
	float:left;
}