@charset 'utf-8';


/* Import CSS
--------------------------------------------------------------------------------*/
@import url(reset.css);


/* Typselektoren (HTML)
--------------------------------------------------------------------------------*/
html {
	width:100%;
	height:100%;
}

body {
	min-width:900px;
	min-height:610px;
	width:100%;
	height:100%;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:120%;
	overflow:scroll;
	overflow:-moz-scrollbars;
	text-shadow:#000000 0 0 0; /* fix for safari (pc & mac) 'too-bold' problem - http://www.männl.info/2008/08/19/css-fuer-safari-bold-font-weniger-fett/ */
}


h1,h2,h3,h4,h5,h6,div,ol,ul,li,dl,dt,dd,p,input,textarea,select {
	text-align:left;
}

img, a img {
	border:0 none;
}

form {
	display:inline;
}

strong {
	font-weight:bold;
}

sup {
	font-size:70%;
	/font-size:100%;
	line-height:100%;
	vertical-align:text-top;
}

sub {
	font-size:70%;
}

em {
	font-style:italic;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

p {
   margin:0;
   padding:0;
}

ul,
li {
	list-style-type:none;
}

table {
	/* border-collapse: collapse; */ /* oder separate - is set to 'collapse' by default in 'reset.css' */
	/* table-layout:fixed; */ /* auto oder fixed, Mit fixed wird Tabelle abgeschnitten */
	/* width: 200px; */
	/* border-spacing: 12px; */ /* nur bei border-collapse: separate möglich */
	/* border: 1px solid black; */
	/* background-color: red; */
}

caption {
	/* caption-side:bottom; */
	/* padding:5px; */
	/* text-align:right; */
}

td,
th {
	/* border: 1px solid black; */
	/* padding: 10px; */
	/* text-align: left; */
	/* vertical-align: top; */
}

thead {
}

tfoot {
}

tbody {
}


/* Globale Links
--------------------------------------------------------------------------------*/

a {
	outline:none; /* FF Umrandung */
}

/* Reihenfolge einhalten: a:link, a:visited, a:hover, a:focus, a:active  */
a:link,
a:visited {
	text-decoration:none;
}

a:hover,
a:focus,
a:active {
	text-decoration:none;
}


/* Allgemeine Klassen
--------------------------------------------------------------------------------*/
.nowrap {
	white-space:nowrap;
}

.hideme {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear { /* Clear Float - http://sonspring.com/journal/clearing-floats */
     clear:both;
     display:block;
     overflow:hidden;
     width:0px;
     height:0px;
}

.linear_rot {
   color:#8E2E2E;
}

p.p15 {
   margin-bottom:15px;
}

p.p30 {
   margin-bottom:30px;
}

p.p50 {
   margin-bottom:50px;
}


/* Main
--------------------------------------------------------------------------------*/
#wrapper {
	width:100%;
	height:100%;
}

* html #wrapper {
	width:900px;
	height:610px;
	margin:0 auto;
}

#start {
	min-width:900px;
	width:100%;
	min-height:610px;
	height:100%;
}






/* Colors
--------------------------------------------------------------------------------

Links:#
Überschriften:#
Hervorhebungen:#
*/


/* Wichtige CSS Links
--------------------------------------------------------------------------------
http://www.w3schools.com/css/
http://de.selfhtml.org/css/
http://fwpf-webdesign.de
http://www.mediaevent.de/xhtml/em.html
http://www.css-technik.de
http://www.thestyleworks.de
http://css.maxdesign.com.au
http://www.alistapart.com
http://www.cssplay.co.uk
http://www.css-faq.de
http://www.css4you.de


/* Nach welchen Prios wird CSS ausgeführt ?
--------------------------------------------------------------------------------

1. Prio = Inline CSS (div style="color:#ff0000;")
2. CSS im Head: <style type="text/css"></style>
3. CSS als Link (<link rel="stylesheet" href="style.css" type="text/css" />)
Info: Mehrere CSS Files nacheinander werden überschrieben 
*/

/* Wichtige CSS Hacks
--------------------------------------------------------------------------------
http://www.lipfert-malik.de/webdesign/tutorial/bsp/css-weiche-filter.html
http://www.webdevout.net/css-hacks

IE 6 and IE 7
#target {
	/color:#ffffff;
}

only IE 6 (
* html #target {
	/color:#ffffff;
} 

IE 6 and below
* html #target {
	color:#ffffff;
} 

IE 7 only
*:first-child+html #target[id] {
	color:#ffffff;
}

inline-block in FF2
#target {
	display:-moz-inline-box;
	display:inline-block;
}

Float-double-margin-Bug in IE 6
#target {
	/display:inline; ODER /display:inline-block;
}

Safari Mac (in mac.css)
*body #target[id] {
	color:#ffffff;
}

*/



/* Modern Fonts
--------------------------------------------------------------------------------
http://www.3point7designs.com/blog/2008/05/08/8-fonts-you-probably-dont-use-in-css-but-should/
font-family: Georgia, "Times New Roman", Times, Serif;
font-family: "Trebuchet MS", Verdana, Sans-Serif;


/* helpfull code-fragments
--------------------------------------------------------------------------------

Hide horizontal scrolling

To remove the horizontal scrolling bar, insert overflow-x: hidden; into the body

body {
	overflow-x: hidden;
}

This is useful if you decide to have an image or flash file which has a larger width than the browser.

------------------------

_Tickeffekt for links:
a:active {
	position:relative;
	top:1px;
}



/* Korrekter Table Aufbau
--------------------------------------------------------------------------------

<table class="tabelle-01">

<colgroup>
	<col />
    <col />
</colgroup>
<colgroup>
	<col />
    <col />
</colgroup>

<caption>Common Usenet Abbreviations</caption>
<thead>
<tr>
    <th>Header</th>
    <th>Header</th>
    <th>Header</th>
    <th>Header</th>
</tr>
</thead>

<tfoot>
<tr>
    <td>Footer</td>
    <td>Footer</td>
    <td>Footer</td>
    <td>Footer</td>
</tr>
</tfoot>

<tbody>
<tr>
    <td>tbody 1</td>
    <td>tbody 1</td>
    <td>tbody 1</td>
    <td>tbody 1</td>
</tr>
<tr>
    <td>tbody 1</td>
    <td>tbody 1</td>
    <td>tbody 1</td>
    <td>tbody 1</td>
</tr>
</tbody>

<tbody>
<tr>
    <td>tbody 2</td>
    <td>tbody 2</td>
    <td>tbody 2</td>
    <td>tbody 2</td>
</tr>
<tr>
    <td>tbody 2</td>
    <td>tbody 2</td>
    <td>tbody 2</td>
    <td>tbody 2</td>
</tr>
</tbody>

<tbody>
<tr>
    <td>tbody 3</td>
    <td>tbody 3</td>
    <td>tbody 3</td>
    <td>tbody 3</td>
</tr>
<tr>
    <td>tbody 3</td>
    <td>tbody 3</td>
    <td>tbody 3</td>
    <td>tbody 3</td>
</tr>
</tbody>

</table>


/* PNG Fix
--------------------------------------------------------------------------------

_PNG Fix V1 Universal:
img {
	behavior:url(iepngfix/iepngfix.htc);
}

_PNG Fix V2 Explizit:
'id' or 'class' {
	background-image:url(../images/picture.png); 
	//background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/picture.png', sizingMethod='scale');
}


/* usability improvements - http://nitzsche.info
--------------------------------------------------------------------------------

_Some clever usability improvements - http://nitzsche.info

	label, 
	input[type=button],
	input[type=submit], 
	button {
		cursor:pointer;
	}
	
	q:lang(de) {
		quotes:'' '' '' '';
	}
	
	q:lang(en) {
		quotes:'"' '"' "'" "'";
	}
	
	abbr[title] {
		border-bottom:1px dotted #888 !important;
		cursor:help;
	}
	
	a abbr {
		cursor:pointer !important;
	}