/**************************************************
 * STYLESHEET
 **************************************************/

/**************************************************
 * @package webpage
 * @subpackage stylesheet
 **************************************************/

/**************************************************
 * @author: Roman Matthias Keil
 * @copyright: Roman Matthias Keil
 **************************************************/

/**************************************************
 * $Id: template.css 617 2010-11-28 15:36:38Z tvbadmin $
 * $HeadURL: http://svn.rm-keil.de/tv-boetzingen/webpages/turnverein-boetzingen.de/1.00%20Release1/httpdocs/_webroot/stylesheets/template.css $
 * $Date: 2010-11-28 16:36:38 +0100 (Sun, 28 Nov 2010) $
 * $Author: tvbadmin $
 * $Revision: 617 $
 **************************************************/

/**
##############################
	TEMPLATE
##############################
*/
html {
	height: 100%;
	width: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/**
##############################
	WRAPPER
##############################
*/
div#wrapper {
	width: 100%;
	min-height: 100%;
}

div.wrapper {
	margin: 0;
	padding: 0 0 0 5ex;
	width: 90%;
	min-width: 140ex;
	max-width: 180ex;
}

body>div {
	min-width: 150ex;
}

/**
##############################
	ERROR
##############################
*/ /**
##############################
	INFORMATION
##############################
*/ /**
##############################
	MESSAGE
##############################
*/
div#error_wrapper,div#information_wrapper,div#message_wrapper {
	margin: 0;
	padding: 0.5em 0;
	background: #252525;
	background: #212121; /* TODO*/
	border-bottom: #181818 1px solid;
	background: #333;
}

div#error_wrapper p,div#information_wrapper p,div#message_wrapper p {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: auto;
	line-height: normal;
	text-align: left;
	vertical-align: middle;
	color: #fff;
}

div#error_wrapper h6,div#information_wrapper h6,div#message_wrapper h6 {
	margin: 0;
	padding: 0;
	color: #7d7d7d;
	font-size: 1em;
}

div#error_wrapper button,div#information_wrapper button,div#message_wrapper button
	{
	vertical-align: middle;
	line-height: 2em;
}

/**
##############################
	HEADLINE
##############################
*/
div#headline_wrapper {
	margin: 0;
	padding: 0.5em 0;
	width: 100%;
	background: #005f99;
	border-bottom: #025c9a 1px solid;
}

/**
******************************
	PAGENAVIGATION
******************************
*/
ul#pagenavigation {
	padding: 0;
	margin: 0;
	float: left;
}

ul#pagenavigation>li {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	list-style: none;
	float: left;
	margin: 0 1em;
	padding: 0;
	line-height: 2em;
	text-align: left;
	vertical-align: middle;
}

ul#pagenavigation>li a {
	color: #00bfff;
}

ul#pagenavigation>li a:hover {
	text-decoration: underline;
}

/**
******************************
	FONTSIZE
******************************
*/
div#fontsize {
	padding: 0;
	margin: 0 1em;
	float: right;
	display: none;
}

div#fontsize>span {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0 0.5em;
	padding: 0;
	line-height: 2em;
	text-align: left;
	vertical-align: baseline;
}

div#fontsize>span.small {
	font-size: 0.7em;
	vertical-align: baseline;
}

div#fontsize>span.normal {
	font-size: 0.8em;
}

div#fontsize>span.large {
	font-size: 0.9em;
}

div#fontsize>span a {
	color: #00bfff;
}

div#fontsize>span a:hover {
	text-decoration: underline;
}

div#fontsize>span.normal a {
	text-decoration: underline;
}

/**
******************************
	SEARCH
******************************
*/
form#search {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	list-style: none;
	float: right;
	margin: 0 1em;
	padding: 0;
	line-height: 2em;
	text-align: left;
	vertical-align: middle;
}

form#search>div {
	background-color: #fff;
}

form#search input {
	border: none;
	padding: 0 0.5em;
	margin: 0;
}

form#search button {
	margin: 0;
}

/**
##############################
	BODY
##############################
*/
div#body_wrapper {
	margin: 0;
	padding: 0;
	padding-bottom: 20em;
	background: #005f99 url(../colorschemes/background/background.png);
	background-repeat: repeat-x;
	background-position: top;
	border-top: #3eb4e2 1px solid;
}

div#content_wrapper {
	background-image: url(../colorschemes/background/shadow.png);
	background-position: center top;
	background-repeat: no-repeat;
}

/**
******************************
	EDIT
******************************
*/
div#edit_headline_wrapper {
	margin: 0;
	padding: 0;
	background: #005f99 url(../colorschemes/background/background.png);
	background-repeat: repeat-x;
	background-position: top;
	border-top: #3eb4e2 1px solid;
}

div#edit_body_wrapper {
	margin: 0;
	padding: 0;
	padding-top: 3em;
	padding-bottom: 20em;
	background: #005f99 url(../colorschemes/background/background.png);
	background-repeat: repeat-x;
	background-position: top;
	border-top: #3eb4e2 1px solid;
	background: #252525
}

div#edit_content_wrapper {
	background-image: url(../colorschemes/background/shadow.png);
	background-position: center top;
	background-repeat: no-repeat;
}

/**
##############################
	EDIT
##############################
*/
div#edit_wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 10em;
	background: #212121;
	border-bottom: #181818 1px solid;
	margin-top: -10em;
	padding-bottom: 15em;
}

div#edit_wrapper h5 {
	margin: 0;
	padding: 0;
	color: #0093dc;
}

ul.edit {
	margin: 0;
	padding: 0;
}

ul.edit>li {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	list-style: none;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	float: left;
}

ul.edit>li.seperator {
	color: #7d7d7d;
}

ul.edit>li.category {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	list-style: none;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	margin-bottom: 0;
	margin-top: 2em;
}

ul.edit>li h5 a {
	color: #2da9dd;
}

ul.edit>li>a {
	color: #fff;
}

ul.edit>li>a:hover {
	text-decoration: underline;
}

/**
##############################
	FOORLINE
##############################
*/
div#footline_wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 10em;
	margin-top: -15em;
	background: #2c2c2c;
	border-bottom: #1e1e1e 1px solid;
	border-top: #181818 1px solid;
}

div#footline_wrapper h5 {
	margin: 0;
	padding: 0;
	line-height: normal;
	color: #0093dc;
}

div#footline_wrapper h6 {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 1em;
	color: #a2a2a2;
}

div#footline_wrapper p {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #fff;
	line-height: 1em;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 1ex 0;
	padding: 0;
}

div#footline_wrapper a {
	color: #0093dc;
}

.footlinebox {
	margin: 0.5em 0;
	padding: 0;
	float: left;
}

.footlineseperator {
	margin: 0.5em 2em;
	padding: 0;
	float: left;
	height: 9em;
	border-left: #3f3f3f 1px solid;
	border-right: #1e1e1e 1px solid;
}

/**
******************************
	MENUE
******************************
*/
ul#menue {
	padding: 0;
	margin: 0;
	display: block;
}

ul#menue>li {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 3ex;
	text-align: left;
	vertical-align: middle;
}

ul#menue>li a {
	
}

ul#menue>li a.current {
	text-decoration: underline;
}

ul#menue>li a:hover {
	text-decoration: underline;
}

/**
******************************
	LOGIN
******************************
*/
form#login {
	padding: 0;
	margin: 0;
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: #939393;
	line-height: 2em;
	text-align: left;
	vertical-align: middle;
}

form#login>div {
	margin: 0.5em 0;
}

form#login span.field {
	display: inline-block;
	background-color: #fff;
}

form#login input {
	border: none;
	padding: 0 0.5em;
	margin: 0;
}

form#login label.nowidth {
	width: auto;
	margin: 1em;
}

form#login input[type=text],form#login input[type=password] {
	width: 10em;
}

form#login button {
	margin: 0;
}

form#login button.space {
	background: #2c2c2c;
	width: 0.1em;
	padding: 0;
	margin: 0;
}

form#login button.space:hover {
	background: #2c2c2c;
}

form#login label {
	display: inline-block;
	color: #fff;
	text-align: right;
	vertical-align: middle;
	text-align: left;
}

/**
##############################
	BODYLINE
##############################
*/
div#bodyline_wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 5em;
	border-top: #3f3f3f 1px solid;
	background: #333333;
}

div#bodyline_wrapper p {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.7em;
	color: #b2b2b2;
	line-height: 1em;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 1ex 0;
	padding: 0;
}

div#bodyline_wrapper a {
	color: #0093dc;
}

/**
##############################
	PAGE
##############################
*/
#page-wrapper {
	margin: 0;
	padding: 0.5ex;
	border: #000 1px solid;
	background-color: #fff;
}

div#page {
	margin: 0;
	padding: 0;
}

/**
******************************
	HEADER
******************************
*/
div#headline {
	padding: 1em 0;
	margin: 0;
	position: relative;
	height: 70px;
}

ul#homeheadline {
	list-style: none;
	margin: 0;
	padding: 3em 0 3em 0;
}

ul#homeheadline li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 300px;
}

div.homeheadline {
	padding: 0;
	margin: 0;
}

/**
******************************
	BODY
******************************
*/
div#body {
	margin: 0;
	padding: 0;
}

div#content {
	padding: 0;
	margin: 0;
	margin-left: 25ex;
	margin-right: 5ex;
	margin-bottom: 5ex;
	position: relative;
}

/**
******************************
	TOPLINE
******************************
*/
div#topline {
	margin: 0;
	padding: 0;
	margin-left: 25ex;
	margin-bottom: 3em;
}

/**
******************************
	ROOTLINE
******************************
*/
ul#rootline {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

ul#rootline>li {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #999999;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1em;
	text-align: center;
	vertical-align: middle;;
}

ul#rootline>li a {
	text-decoration: none;
	color: #999999;
}

ul#rootline>li a:hover {
	text-decoration: underline;
}

/**
******************************
	NAVIGATION
******************************
*/
ul#navigation {
	padding: 0;
	margin: 0;
	width: 20ex;
	position: relative;
	float: left;
}

ul#navigation>li {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.9em;
	color: #444444;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0;
	padding: 2ex 1ex 0;
	padding-top: 0;
	padding-bottom: 2ex;
	list-style-type: none;
	line-height: 1em;
	text-align: right;
	vertical-align: middle;
}

ul#navigation>li a {
	text-decoration: none;
	color: #444444;
}

ul#navigation ul.subnavigation {
	padding: 0;
	margin: 0;
	margin-top: 1ex;
	display: none;
}

ul#navigation ul.subnavigation>li {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #444444;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0;
	padding: 1ex 0 0;
	list-style-type: none;
	line-height: 1em;
	text-align: right;
	vertical-align: middle;
}

ul#navigation li.current>a {
	font-weight: bold;
}

ul#navigation>li.current>ul.subnavigation {
	display: block;
}

ul#navigation a:hover {
	text-decoration: underline;
}

ul#navigation>li:hover>ul.subnavigation {
	
}

/**
******************************
	SIDEBAR
******************************
*/
div#sidebar {
	float: right;
	width: 45ex;
	margin: 0;
	padding: 0;
	margin-left: 5ex;
	margin-bottom: 5ex;
	border-left: #cccccc 1px solid;
	padding-left: 1em;
}

div.sidebar {
	
}

/**
******************************
	BASELINE
******************************
*/
div#baseline {
	clear: both;
	position: relative;
	bottom: 0;
	margin: 0;
	margin-top: 10ex;
}

/**
##############################
	CONTENT
##############################
*/
p {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #2a2a2a;
	line-height: 1.5em;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 1em 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #0066cc;
}

div#content p a {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

hr {
	background-color: #cccccc;
	height: 1px;
	border: none;
}

/**
##############################
	HEADLINE
##############################
*/
h1,h2,h3,h4,h5,h6 {
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}

h1 { /* TITLE */
	font-size: 2.33em;
	color: #454545;
	margin: 0;
	padding: 0;
}

h2 { /* SECTION */
	font-size: 1.66em;
	color: #454545;
	margin: 0;
	margin: 1em 0 0;
}

h3 { /* SUBSECTION */
	font-size: 1.33em;
	color: #666666;
	padding: 0;
	margin: 1em 0 0;
}

h4 { /* PARAGRAPH */
	font-size: 1em;
	color: #666666;
	padding: 0;
	margin: 1em 0 0;
}

h5 { /* SIDEBAR */
	font-size: 1.33em;
	color: #454545;
	padding: 0;
	margin: 0;
}

h6 { /* TEASER */
	font-size: 1.33em;
	color: #666666;
	padding: 0;
	margin: 0;
}

div#sidebar h6 {
	color: #202020;
	font-size: 1.0em;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: inherit;
	text-decoration: inherit;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color: inherit;
	text-decoration: inherit;
}

/**
##############################
	IMAGE
##############################
*/
img {
	border: none;
}

/**
##############################
	FORM
##############################
*/
form {
	padding: 0;
	margin: 0;
}

button,input,textarea,label {
	color: #6c7275;
}

label {
	display: inline-block;
	width: 10em;
}

textarea {
	width: 100%;
}

input[type=submit] {
	background: #454545 url("../colorschemes/background/button_normal.png");
	background-repeat: repeat-x;
	border: none;
	color: #fff;
}

input[type=submit]:hover {
	background: #212121 url("../colorschemes/background/button_hover.png");
	background-repeat: repeat-x;
	border: none;
	color: #fff;
}

button {
	min-height: 2em;
	background: #454545 url("../colorschemes/background/button_normal.png");
	background-repeat: repeat-x;
	border: none;
	color: #fff;
}

button:hover {
	background: #212121 url("../colorschemes/background/button_hover.png");
	background-repeat: repeat-x;
	border: none;
	color: #fff;
}

/**
##############################
	CONTENTBOX
##############################
*/
.contentbox {
	margin: 1ex 0;
	padding: 0 2ex;
	background-color: #e6e6e6;
	border: #cdcdcd 1px solid;
}