﻿/**
 *	N�tzliches Basic CSS Stylesheet, welches als Grundlage
 *	f�r eine neue Seite dienen soll.
 *
 *	WICHTIG! Keine �nderungen an dieser Datei vornehmen!
 *	Alle ben�tigten zus�tzlichen Styles in eine separate Datei auslagern.
 *	Denn nur so kann diese Sammlung updatef�hig bleiben!
 *
 *	@project Vorlagengestalter CSS Core
 *	@copyright	Copyright (c) 2008-2009 by Leonid Lezner
 *	@link	http://www.leolezner.de
 *	@date	2008-11-26
 *	@lastmodified	2009-02-19
 *	@versoin 0.4.1
 */
 
 
/**
 *	Reset
 *
 *	@section reset
 *	@see http://developer.yahoo.com/yui/reset/
 */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img { 
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style:none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}


/**
 *	Layout Klassen
 *
 *	@section layout
 */


html {
	height: 100%;
}


/*	Floatende Boxen unterschiedlicher Breiten. Als Default
	werden diese links gefloatet. F�r das rechte Floating
	zus�tzlich die Klasse 'fr' benutzen!	
*/
.box5, .box10, .box15, .box20, .box25, .box30, .box35, .box40, 
.box45, .box50, .box55, .box60, .box65, .box70, .box75, .box80, 
.box85, .box90, .box95, .box100, .box33, .box66	{
	float:left;
}

.box5 { width: 5%; }
.box10 { width: 10%; }
.box15 { width: 15%; }
.box20 { width: 20%; }
.box25 { width: 25%; }
.box30 { width: 30%; }
.box35 { width: 35%; }
.box40 { width: 40%; }
.box45 { width: 45%; }
.box50 { width: 50%; }
.box55 { width: 55%; }
.box60 { width: 60%; }
.box65 { width: 65%; }
.box70 { width: 70%; }
.box75 { width: 75%; }
.box80 { width: 80%; }
.box85 { width: 85%; }
.box90 { width: 90%; }
.box95 { width: 95%; }
.box100 { width: 100%; }

/*	Boxen f�r Spalten-Layouts mit ungeraden Breiten	*/
.box33 { width: 33.334%; }
.box66 { width: 66.334%; }


/*	Beendet die Floats	*/
.clear {
	clear: both;
	font-size: 1px;	
	margin: 0;	
	padding: 0;
	width: 100%;	
}

/*	Beendet die Floats ohne zus�tzlichen Markup	*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}


/*	Fieldset	*/
fieldset { 
	position: relative;
	padding: 0.3em;
	margin-top: 0.3em;
	border: 1px solid;
}

/*	Fieldset, Legende	*/
fieldset legend {
	top: -12px;
	position: absolute;
	padding: 0 0.2em 0 0.2em;
	border:1px solid;
}

/*	Floatet links	*/
.fl {
	float: left;
}

/*	Floatet rechts	*/
.fr {
	float: right;
}

/*	Horizontales floatendes Men�	*/
ul.fhmenu li {
	float: left;
	margin: 0;
	padding: 0;
}

ul.fhmenu li a {
	display: block;
}

/*	Horizontales nichtfloatendes Men�	*/
ul.hmenu li {
	display: inline;
	margin: 0;
	padding: 0;
}

/*	Horizontales floatendes Men� rechts positionieren	*/
ul.fhmenuright {
	float: right;
}

ul.fhmenuright li {
	float: left;
}

/**
 *	Typografie
 *	@section typography
 */


/*	Keine punktierte Linie um die Links im FF	*/
a:hover, a:focus {
    outline: none;
}

body {
	font-size: 100.01%;
}

/*	�berschriften	*/
h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0 0.3em 0;
}

h1 { font-size: 180%; }
h2 { font-size: 160%; }
h3 { font-size: 150%; }
h4 { font-size: 140%; }
h5 { font-size: 130%; }
h6 { font-size: 120%; }

/*	Horizontale Trennlinie	*/
hr {
	border: none;
	border-top: 1px solid;
	height: 1px;
	margin-bottom: 1em;
}

/*	Quellcode	*/
code {
	display: block;
}

/*	Textausrichtung mittig	*/
.c {
	text-align: center;
}

/*	Textausrichtung links	*/
.l {
	text-align: left;
}

/*	Textausrichtung rechts	*/
.r {
	text-align: right;
}

/*	Listenelement	*/
li {
	padding-left: 0.2em;
	margin-left: 1.2em;
}

/*	Sortierte Liste	*/
ol {
	
}

/*	Paragraph, pr�formatierter Text	*/
p, pre {
	line-height: 1.4em;
	margin-bottom: 1em;
}

/*	Pr�formatierter Text und Code	*/
pre, code {
	margin: 0.6em;
	overflow: auto;
	padding: 0.4em;
}

small {
	font-size: 80%;
}

/*	Unsortierte Liste	*/
ul {
	
}



/**
 *	Hacks und Workarounds
 *	@section hacks
 */


/*	IE. Pr�formatierter Text, overflow bug	*/
* html body {
	height:1px;
}

/*	IE. Float Drop und Duplicate Characters Bug des IE verhindern. Muss der ganz rechten bzw. unteren Box zugewiesen sein.	*/
* html .lastbox {
	margin-right: -3px;
}

/*	IE. Abstand vor dem Fieldset	*/
* html fieldset {
	margin-top: 1em;
}

/*	IE. Abstand des Textes von der Legende im Fieldset	*/
* html fieldset {
	padding-top: 0.8em;
}

/*	Easyclearing fix	*/
/* ohne IE Mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* Ende ohne IE Mac */


/**
 *	Klassen zum Debuggen und Testen
 *	@section debug
 */


/* Pumpt ein leeres DIV auf eine bestimmte H�he auf */
.pump {
	height: 200px;
}

/*	Box mit rotem Hintergrund und schwarzer Schrift	*/
.redbox {
	background-color:Red;
	color:Black;
}

/*	Box mit blauem Hintergrund und wei�er Schrift	*/
.bluebox {
	background-color:Blue;
	color:White;
}

/*	Box mit gr�nem Hintergrund und gelber Schrift	*/
.greenbox {
	background-color:Green;
	color:Yellow;
}

/*	Box mit schwarzem Hintergrund und orangener Schrift	*/
.blackbox {
	background-color:Black;
	color:Orange;
}

/*	Box mit grauem Hintergrund und wei�er Schrift	*/
.graybox {
	background-color:Gray;
	color:White;
}