/* datei information
****************************************************
Datei: screen.css
Rainer Fabrizi, www.transporter.at, 2007

100% ...... 30%
#DF0982 ... #DF0982


/* normalisieren (danke andy clarke)
****************************************************/

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; }

/* body
****************************************************/

html {  }

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 1.5;
	text-align: center;
	color: #555;
	background-color: #FFF;
	}
	* html body {
	font-size: x-small; /* ie5 win */
	f\ont-size: x-small; /* ie win */
	}
	html>body {
	font-size: small; /* opera */
	}

/* layout
****************************************************/

/* container um alles */
#page {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	}
#container {
	position: relative;
	float: left;
	width: 800px;
	margin: 20px auto 0px auto;
	background: #DF0982 url('../images/bg.gif') repeat-y 0 0;
	}
#steuerung {
	position: relative;
	float: left;
	width: 290px;
	overflow: hidden;
	}
  #logo {
	position: relative;
	margin: 41px 40px 40px 40px;
	}
	#logo h1, #logo p {
	position: absolute;
	text-indent: -9999px;
	}
	#logo a {
	text-decoration: none;
	border: none;
	background: none; }
	#logo img {
	margin: 0;
	}
  ul#navigation {
	position: relative;
	margin: 0 40px 40px 40px;
	font-weight: bold;
	list-style: none;
	}
	ul#navigation li {
	border-bottom: #FBD6EB 1px solid;
	}
	ul#navigation a:link, ul#navigation a:visited { display: block; color: #333; }
	ul#navigation a:hover, ul#navigation a:active { color: #FFF; }
	ul#navigation a.aktiv { color: #FFF; }
  #branding { margin: 0px 0 0 -40px; padding-top: 30px; }
#inhalt {
	position: relative;
	float: left;
	width: 470px;
	margin: 40px 0 20px 0;
	overflow: hidden;
	}
p#information {
	margin: 0 0 20px 0;
	font-size: 80%;
	color: #CCC;
	}
	p#information a:link, p#information a:visited { color: #CCC; }
	p#information a:hover, p#information a:active { color: #DF0982; }

/* klassen
****************************************************/

.links { float: left; }
.rechts { float: right; }
.alignLinks { text-align: left; }
.alignRechts { text-align: right; }
.block { display: block; }
.klein { font-size: 90%; }
.wichtig { font-weight: bold; }
.clear { clear: both; }
.clearLinks { clear: left; }
.clearRechts { clear: right; }
.top { margin-top: 0.5em; }
.bordertop { border-top: #FBD6EB 1px solid;}
.wichtigfarbe { 
	font-weight: bold; 
	color: #DF0982;
	font-size: 120%;
	}
.wichtiggross { 
	font-weight: bold; 
	font-size: 120%;
	}


/* tags
****************************************************/

a:link, a:visited {
	text-decoration: none;
	color: #555;
	border-bottom: #DF0982 1px solid;
	}
	a:hover, a:active { color: #DF0982; }
	
a.bild { border: none; }
	a.bild:link img, a.bild:visited img { border: #DF0982 1px solid; }
	a.bild:hover img, a.bild:active img { border: #FFF 1px solid; }

h1, h2, h3 {
	font-weight: bold;
	margin: 0 20px 0 20px;
	}
	h1 { font-size: 140%; }
	h2 { font-size: 120%; margin-left: 40px; }
	h3 { font-size: 110%; }
h4, h5, h6 	{
	font-weight: bold;
	margin: 0 20px 0 40px;
	}
p {
	margin: 0 20px 0.5em 40px;
	}

ul {
	margin: 0 20px 0.5em 55px;
	list-style: square;
	}
	ul li { margin: 0; }
	ul li p { margin: 0; }

ol {
	margin: 0 20px 0.5em 60px;
	list-style: decimal;
	}
	ol li { margin: 0; }
	ol li p { margin: 0; }

dl {
	margin: 0 20px 0.5em 40px;
	}
	dt {
	font-weight: bold;
	}
	dd {
	margin: 0 0 0 20px;
	}
	label {
	display: block;
	}

img {
	margin: 0 20px 0.5em 40px;
	}
	img.breit { /* breite: 430px */
	margin: 0 20px 0.5em 20px;
	}
	img.links { margin: 0 10px 10px 20px; }
	img.rechts { margin: 0 20px 10px 10px; }

acronym {
	cursor: help;
	text-decoration: underline;
	}

blockquote {
	margin: 0 20px 0.5em 20px;
	padding: 10px 0;
	color: #FFF;
	background-color: #DF0982;  
	}
	blockquote p { margin: 0 20px 0.5em 20px; }
	blockquote a:link,
	blockquote a:visited {
	color: #FFF;
	border-bottom: #DF0982 1px solid;
	}
	blockquote a:hover,
	blockquote a:active {
	color: #DF0982;
	}
	
	.startseite { 
	border: 0px;
	padding: 0px;
	margin: 20px 0 0 -50px;
	}
.startseite a { border: 0px; }