/**	RRC-Bötzingen (rrc-boetzingen.de) - template.css
 *	styles the template

 *	Author:	Roman Matthias Keil
 *	Copyright: Roman Matthias Keil
 *	Publisher: RRC-Bötzingen (rrc-boetzingen.de)
 
 *	$Id: template.css 1132 2011-08-28 09:37:55Z rrcadmin $
 *	$HeadURL: http://svn.rm-keil.de/rrc-boetzingen/2.00%20Release/httpdocs/_webroot/stylesheets/template.css $
 *	$Date: 2011-08-28 11:37:55 +0200 (Sun, 28 Aug 2011) $
 *	$Author: rrcadmin $
 *	$Revision: 1132 $
 */

/* ########## template styles ########## */
html {
    height: 100%;
    margin-bottom: 1px;
	width: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #565d6f url(../colorschemes/background/background.png) repeat-x left top;
}

div#head {
	min-width: 900px;

	min-width: 75em;
	height: 2em;
	margin: 0;
	padding: 0;
	background-color: #000;
}

div#page {
	width: 90%;
	min-width: 65em;
	max-width: 85em;

	margin: 5ex auto 5ex;
	padding: 0;

	text-align:left;
	background-color: #ffffff;
}

div#headline {
	height: 100px; 
	padding: 0ex;;
	margin: 0ex;
	background: #ac0000 url(../colorschemes/background/headline-shader.png) repeat-x left top; 
}

div#headline a, div#headline a:active, div#headline a:focus, div#headline a:hover, div#headline a:visited, div#headline a:link {
	display: block;
	height: 100px;
	width: 800px;
	padding: 0;
	margin: 0;
	border: none;
	background: url(../colorschemes/background/headline.png) no-repeat left top;
}

div#shader {
	clear: both;
	height: 45px;
	background: url(../colorschemes/background/shader-down.png) repeat-x left top; 
}

div#stripe {
	float:left;
	background: url(../colorschemes/background/shader-up.png) repeat-x left top;
	min-height: 45px;
	width: 20ex;
}

div#content {
	background: url(../colorschemes/background/shader-up.png) repeat-x left top; 
	margin: 0 0 0 20ex;
	padding: 5ex 3ex;
}

div.contentwrapper {
	margin: 0 0 0 20ex;
	padding: 0;
}

div#additionalcontent {
	margin: 0;
	padding-right: 3ex;
	padding-left: 3ex; 
	padding-bottom: 2ex;
	padding-top: 2ex;
	overflow:hidden; 
	background-color: #121314;
}

div#footer {
	background: #121314 url(../colorschemes/background/footer.png) repeat-x left top;
	height: 5ex;
	padding: 0 2ex;
	margin: 0;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 0.8em;
	line-height: 5ex;
	vertical-align: middle;
	text-align: right;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}

div#footer div#version {
	float: right;
}

div#footer a {
	color: #fff;
}

/* ########## element styles ########## */

h1, h2, h3, h4, h5, h6, .headline {
	font-family: Calibri, Geneva, Helvetica, Arial, sans-serif;

	letter-spacing: -.05em;
	line-height: 0.85em;
	font-weight: normal;
}

#additionalcontent h1, h2, h3, h4, h5, h6, .headline {	
}

h1 {
	font-size: 2em;
	color: #000;

	margin: 0 0 1em 0;
	padding: 0;

	border-bottom: 1px #667 solid;
}

h1 a, h1 a:hover {
	text-decoration: none;
	color: inherit;
}

#additionalcontent h1 {
	color: #ffffff;	
}

#additionalcontent h1 a, h1 a:hover {
	text-decoration: none;
	color: inherit;
}

h2 {
	font-size: 1.6em;
	color: #000000;

	margin: 1em 0 1em 0;
	padding: 0;

	border-bottom: 1px #667 solid;
}

h2 a, h2 a:hover {
	text-decoration: none;
	color: inherit;
}

#additionalcontent h2 {
	margin: 0em 0 0.5em 0;
	color: #ffffff;
}

#additionalcontent h2 a, h2 a:hover {
	text-decoration: none;
	color: inherit;
}

h3 {
	font-size: 1.4em;
	color: #444444;

	margin: 1em 0 0.5em 0;
	padding: 0;
}

h3 a, h3 a:hover {
	text-decoration: none;
	color: inherit;
}

#additionalcontent h3 {
	color: #dddddd;
}

#additionalcontent h3 a, h3 a:hover {
	text-decoration: none;
	color: inherit;
}

h4 {
	font-size: 1.4em;
	color: #888899;
	
	margin: 0 0 1em 0;
	padding: 0;
}

h4 a, h4 a:hover {
	text-decoration: none;
	color: inherit;
}

#additionalcontent h4 {	
	color: #888899;
}

#additionalcontent h4 a, h4 a:hover {
	text-decoration: none;
	color: inherit;
}

h5 {
	font-size: 1.4em;
	color: #888899;

	margin: 0;
	padding: 0;
}

h5 a, h5 a:hover {
	text-decoration: none;
	color: inherit;
}

#additionalcontent h5 {
	color: #888899; 
}

#additionalcontent h5 a, h5 a:hover {
	text-decoration: none;
	color: inherit;
}

h6 {
	font-size: 1.2em;
	color: #888899;

	margin: 0;
	padding: 0;
}

h6 a, h6 a:hover {
	text-decoration: none;
	color: inherit;
}

#additionalcontent h6 {
	color: #888899;		
}

#additionalcontent h5 a, h5 a:hover {
	text-decoration: none;
	color: inherit;
}

p, .standard {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #444;

	font-size: 0.8em;
	line-height: 1.5em;
	text-decoration: none;
	font-weight: normal;
	text-align: left;

	padding: 0;
	margin: 1ex 0;	
}

#additionalcontent p, #additionalcontent .standard {
	color: #888899;	
}

hr {
	border: none;
	background-color: #888899;
	height: 1px;
}

#additionalcontent hr {
}

img {
	border: none;
}

button, input, textarea {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

button {
}

button:hover {
}

button.mark {
	text-decoration: underline;
}

textarea{
	width: 100%;
}

textarea, input, select  { 
}

textarea:focus, input:focus, select:focus {
}
