/**
 * @version $Id: template.css 01b Devils$
 * @author Cervik & Westphal GbR ( Sebastian Westphal )
 * @subpackage Devils
 * @copyright Copyright (C) 2009 Cervik & Westphal GbR. All rights reserved.
 * @license GNU/GPL
 */

body{
 	color: #fefd8b;
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	background-image:url(../images/bgverlauf.gif);
  	background-repeat:repeat;
	width:889px;
  	
}

#flash {
	padding-top: 14px;
	background:url(../images/menue_bar.gif) no-repeat;
}

#maincolumn{ /*main*/
	margin-top:-70px;
	float: left;
	width:889px;
	background-image:url(../images/bg_content_starts.png);
  	background-repeat:repeat-y;
	
}
#maincolumn_full{
	margin-top:-70px;
	float: left;
	width:889px;
	background-image:url(../images/bg_content.png);
  	background-repeat:repeat-y;
}
#content{
	margin-top:20px;
	float:left;
	width:800px;
}
#breadcrumb{ /*breadcrumbs*/
	margin-top:5px;
	padding-left:10px;
	width:80%;
	height:25px;
}
#component{ /*inhalt*/
	width:520px;
    margin: 0 12em 1em 0em;
    padding: 0 1em;
}
#component_full{ /*inhalt*/
	width:800px;
    margin: 0 12em 1em 0em;
    padding: 0 1em;
}

#right{  /*module rechts*/
    float: right; 
	width: 240px;
	margin-right:-12px;
	
}
.moduletable_menu{
	padding-left:20px;
	width:210px;
	background:none;
	border: 2px dotted #FFFF00;
}
#bottom{ /*footer*/
	width:890px;
}
#bottom_div{  /*bottom*/
	width:890px;
	height:21px;
	margin-top:-17px;
	background:url(../images/footer.gif) no-repeat;

}
#footer{  /*footer*/
	width:890px;
	height:21px;
	text-align:center;
	font-size:75%;
    margin: 0 0 24px 0;
}
/* Normal link */
a {
	color: #ffb260;
	text-decoration:none;
}

a:hover, a:active, a:focus {
	color: #f86913;
	text-decoration: underline;
}

a.readon:link, a.readon:visited {
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 5px;
	float: left;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	background:url(../images/btn.gif) no-repeat;
	height:30px;
	width:110px;
	line-height: 12px;
	text-decoration: none;
}

a.readon:hover {
   color : #f2c803;
   text-decoration: none;
}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	line-height:150%;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color:#999999;
	font-size:0.7em;
	line-height:100%;
}

/* Heading */
h1 {
	font-size: 180%;
}

h2, .componentheading {
	font-size: 150%;
}

h3, .contentheading {
	font-size: 125%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 30px;
	background: url(../images/bullet.gif) no-repeat 18px 8px;
	line-height: 180%;
}

ol li {
	margin-left: 35px;
	line-height: 180%;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
	background: url(../images/hdot2.gif) repeat-x top;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

td, div {
	font-size: 100%;
}

img {
	border: none;
}
.article_separator {
	height:29px;
	width:auto;
	display:block;
	background:url(../images/trennlinie.gif) no-repeat left;
}
/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	padding: 3px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.button {
	padding: 3px 5px;
	border: none;
	background: url(../images/btn.gif) repeat-x top #333333;
	color: #f2c803;
	font-family:"Times New Roman", Times, serif;
	font-size: 85%;
	text-transform: uppercase;
}

.button:hover, .button:focus {
	border: none;
	background: #333333;
	color: #f2c803;
}

* html .button {
	padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
	padding: 2px 0 !important; /*IE 7*/
}

.inputbox {
	border: 1px solid #CCCCCC;
	background: #f5cc75;
}

.inputbox:hover, .inputbox:focus {
	background: #f8d996;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #999999;
	background: #FFFFFF;
	font: 1em/1.5 "Courier News", monospace;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 0 0 0 20px;
	background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
	padding: 0 20px 0 0;
	background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #CACACC;
	background: #FFFFFF;
}

/* Small quote */
.small-quote {
	margin: 0;
	padding: 0;
	background: none;
}

.small-quote span.open-quote {
	margin: 0;
	padding-left: 20px;
	background: url(../images/so-q.gif) no-repeat center left;
}

.small-quote span.close-quote {
	margin: 0;
	padding-right: 20px;
	background: url(../images/sc-q.gif) no-repeat center right;
}

.small-quote span.author {
	padding: 2px 5px 2px 20px;
	border-top: 1px solid #DCDDE0;
	margin: 0.5em 0 0;
	display: block;
	background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
	font-size: 90%;
	text-transform: uppercase;
}