/* datei information
****************************************************
Datei: screen.css
Rainer Fabrizi, www.transporter.at, 2008
CSS für standardkonforme Browser

background: #E5F6FB url(../bilder/raster.gif) repeat 0 0;
background: url(../bilder/lineal.gif) no-repeat 0 0;
background: transparent url(../bilder/spalten.gif) repeat-y 0 0;

dunkelbraun 100% ........ #504C3C
dunkelbraun 75% ......... #7C796D
dunkelbraun 50% ......... #A7A59D
dunkelbraun 25% ......... #D3D2CE
hellbraun 100% .......... #988051
hellbraun 75% ........... #B2A07D
hellbraun 50% ........... #CBBFA8
hellbraun 25% ........... #E5DFD3


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

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,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,acronym,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; }

/* =html, =body, =container, =layoutbreite, =nebenspalte, =hauptspalte, =spalten
****************************************************/

html {
	}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: small;
	line-height: 1.5;
	text-align: left;
	color: #504C3C;
	background-color: #7C796D;
	}
	* html body {
	font-size: x-small; /* ie5 win */
	f\ont-size: small; /* ie win */
	}
	html>body {
	font-size: small; /* opera */
	}
	
#container {
	font-size: 95%;
	text-align: left;
	}

.layoutmitte {
	width: 962px; /* nebenspalte 26px plus hauptspalte 936px */
	margin: 0 auto;
	/* background: transparent url(../bilder/spalten.gif) repeat-y 0 0; */
	}
		
.layoutbreite {
	width: 962px; /* nebenspalte 26px plus hauptspalte 936px */
	/* margin: 0 auto; */
	/* background: transparent url(../bilder/spalten.gif) repeat-y 0 0; */
	}
	
/* neben- und hauptspalte */
.nebenspalte, .hauptspalte {
	float: left;
	margin-top: 10px;
	}
	.nebenspalte { width: 14px; }
	.hauptspalte { width: 948px; }

/* =spalten, die summe muss immer 12 ergeben */
.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 {
	float: left;
	min-height: 1px;
	overflow: hidden;
	}
	/* spalten inklusive margin 12px links */
	.s1 { width: 79px; } /* 1er spalte, 67px */
	.s2 { width: 158px; } /* 2er spalte, 146px */
	.s3 { width: 237px; } /* 3er spalte, 225px */
	.s4 { width: 316px; } /* 4er spalte, 304px */
	.s5 { width: 395px; } /* 5er spalte, 383px */
	.s6 { width: 474px; } /* 1er spalte, 462px */
	.s7 { width: 553px; } /* 2er spalte, 541px */
	.s8 { width: 632px; } /* 3er spalte, 620px */
	.s9 { width: 711px; } /* 4er spalte, 699px */
	.s10 { width: 790px; } /* 5er spalte, 778px */
	.s11 { width: 869px; } /* 5er spalte, 857px */
	.s12 { width: 948px; } /* 6er spalte, 936px */


/* =navigation
****************************************************/

#navigation {
	background-color: #FFF;
	overflow: hidden;
	}

/* flash */
#flash {
	margin: 0;
	padding: 0;
	width: 962px;
	height: 600px;
	line-height: 0; /* flash ohne abstand unten */
	background: #FFF url(../bilder/bg_europa.jpg) no-repeat 0 0;
	}
	#flash .nebenspalte, #flash .hauptspalte {
	line-height: 1.5; /* kein flash: normale line-height */
	}

/* htmllogo */
#htmllogo {
	width: 500px;
	height: 60px;
	margin: 0 0 50px 0;
	/* background: #FFF url(../bilder/sphere_logo.jpg) no-repeat 0 0; */
	}
	/* link */
	#htmllogo a {
	display: block;
	width: 500px;
	height: 60px;
	}

/* htmlnavigation */
ul.htmlnavigation {
	overflow: hidden;
	width: 936px;
	margin-bottom: 50px;
	}
	ul.htmlnavigation li {
	float: left;
	margin: 0 1em 0 0;
	padding: 0;
	background: none;
	}
	ul.htmlnavigation li a {
	padding: 0 0 0 14px;
	background: transparent url(../bilder/pfeile_htmlnavigation.gif) no-repeat -2000px 50%;
	}
	ul.htmlnavigation li a:hover, ul.htmlnavigation li a:active { background-position: 0 50%; }

/* =content
****************************************************/
#content { background: #FFF url(../bilder/bg_inhalt.jpg) repeat-x left top; }
#contentbg { background: transparent url(../bilder/bg_naechstes.jpg) repeat-x 0 bottom; }

/* =ladeinfo und =fehlerinfo
****************************************************/
#ladeinfo, #fehlerinfo { overflow: hidden; }
#fehlerinfo h4 { color: #FE0000; }

/* =inhalt
****************************************************/

#inhalt {
	width: 962px; /* nebenspalte 26px plus hauptspalte 936px */
	margin: 0 auto;
	}
/* abschnitte, auf welche per softscroll gesprungen werden kann */
.abschnitt, #ajaxload, #abschnitt1, #abschnitt2, #abschnitt3, #abschnitt4, #abschnitt5, #abschnitt6, #abschnitt7, #abschnitt8, #abschnitt9, #abschnitt10, #abschnitt11, #abschnitt12, #abschnitt13, #abschnitt14, #abschnitt15, #abschnitt16, #abschnitt17, #abschnitt18, #abschnitt19, #abschnitt20 {
	width: 962px;
	overflow: hidden;
	}

/* softscroll pfeile */
.pfeil_nachoben, .pfeil_nachunten {
	height: 18px;
	width: 14px;
	margin: 0 0 10px 0;
	text-indent: -999999px;
	overflow: hidden;
	}
	.pfeil_nachoben a, .pfeil_nachunten a {
	display: block;
	width: 14px;
	}
	.pfeil_nachoben a {
	height: 18px;
	background: transparent url(../bilder/pfeile_nachoben.gif) no-repeat 2px 2px;
	}
	.pfeil_nachoben a:hover, .pfeil_nachoben a:active { background-position: 2px -92px; }
	.pfeil_nachunten a {
	height: 16px;
	background: transparent url(../bilder/pfeile_nachunten.gif) no-repeat 3px 2px;
	}
	.pfeil_nachunten a:hover, .pfeil_nachunten a:active { background-position: 3px -98px; }

/* naechstes */
#naechstes {
	padding: 36px 0 72px 0;
	line-height: 1.2;
	overflow: hidden;
	}
	#nachoben {
	float: left;
	margin-left: 26px;
	width: 304px;
	}
	#weiter {
	float: right;
	margin: 0;
	width: 304px;
	}
	#naechstes .sehrgross {
	font-size: 250%;
	}
	/* links */
	#nachoben a, #weiter a {
	display: block;
	width: 304px;
	padding-top: 36px;
	text-decoration: none;
	}
	/* pfeile im hintergrund */
	#nachoben a { background: transparent url(../bilder/pfeile_naechstes.gif) no-repeat 0 0; }
	#nachoben a:hover, #nachoben a:active { background-position: 0 -500px; }
	#weiter a { background: transparent url(../bilder/pfeile_naechstes.gif) no-repeat -1000px 0; }
	#weiter a:hover, #weiter a:active { background-position: -1000px -500px; }

/* =fuss
****************************************************/

#fuss {
	color: #A7A59D;
	/* background: #504C3C url(../bilder/bg_fuss.jpg) repeat-x 0 0; */
	background: #FFF url(../bilder/bg_fuss2.jpg) repeat-x 0 0;
	overflow: hidden;
	}

/*
#fuss {
	color: #504C3C;
	background-color: #E0D9CA;
	overflow: hidden;
	border-top: 1px solid #FFF;
	}

#fuss {
	color: #A7A59D;
	background-color: #504C3C;
	overflow: hidden;
	}
*/

/* liste */
ul#information {
	margin: 36px 0 36px 14px;
	overflow: hidden;
	}
	/* li spalten */
	#kontakt, #links, #impressum {
	float: left;
	width: 316px;
	padding: 0;
	margin: 0;
	background: none;
	}
	/* links */
	ul#information a:link, ul#information a:visited { color: #A7A59D; }
	ul#information a:hover, ul#information a:active { /* color: #D3D2CE; */ color: #504C3C; }

/* =formatierung
****************************************************/

/*
background: #E5F6FB url(../bilder/raster.gif) repeat 0 0;
background: url(../bilder/lineal.gif) no-repeat 0 0;
background: transparent url(../bilder/spalten.gif) repeat-y 0 0;

dunkelbraun 100% ........ #504C3C
dunkelbraun 75% ......... #7C796D
dunkelbraun 50% ......... #A7A59D
dunkelbraun 25% ......... #D3D2CE
hellbraun 100% .......... #988051
hellbraun 75% ........... #B2A07D
hellbraun 50% ........... #CBBFA8
hellbraun 25% ........... #E5DFD3
*/

/* =headlines */
h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	margin: 0 0 0 12px;
	}
/* projekt überschrift */
h1 {
	font-size: 350%;
	padding: 0;
	}
/* projekt sub überschrift */
h2 {
	font-size: 150%;
	margin-bottom: 0.5em;
	padding: 0;
	}
/* absatz überschrift */
h3 {
	font-size: 125%;
	margin-bottom: 0.5em;
	padding: 0;
	}
/* zwischenüberschrift */
h4 {
	line-height: 1.5;
	font-weight: bold;
	}
h5 {  }
h6 {  }
/* absätze */
p {
	margin: 0 0 1em 12px;
	}
/* =bilder */
img {
	margin: 0 0 1em 12px;
	}
	/* bildtext */
	p.bildtext {
	margin: -1em 0 0 12px;
	font-size: 90%;
	text-align: right;
	}
strong { font-weight: bold; }
/* links */
a:link, a:visited {
	text-decoration: underline;
	color: #504C3C;
	}
	a:hover, a:active { color: #A7A59D; }
	a:focus { outline: none; }
/* =auszeichnungen */
acronym {
	cursor: help;
	text-decoration: none;
	border-bottom: 1px dotted;
	}
del {
	color: #AAA;
	text-decoration: line-through;
	}
code {
	color: #91E400;
	font-family: Courier, "Courier New", "MS Trebuchet", Helvetica, Arial, sans-serif;
	}
/* =zitat */
blockquote {
	margin: 0 12px 0 12px;
	font-style: italic;
	}
	blockquote p:first-letter {
	
	}
/* =liste */
ul { margin: 0 0 1em 12px; }
	ul li {
	padding: 0 0 0 14px;
	margin: 0;
	list-style-type: none;
	background: transparent url(../bilder/pfeile_htmlnavigation.gif) no-repeat 0 4px;
	}
/* =definitionsliste */
dl { margin: 0 0 1em 12px; }
	dt {  }
	dd {
	padding: 0 0 0 14px;
	margin: 0 0 0.5em 0;
	list-style-type: none;
	background: transparent url(../bilder/pfeile_htmlnavigation.gif) no-repeat 0 4px;
	}
/* =label */
label { display: block; }
/* =formular */
form { 	}
	input, select, textarea {
	font-family: Helvetica, Arial, sans-serif;
	}
	
/* =klassen
****************************************************/

.links { float: left; }
.rechts { float: right; }
.alignLinks { text-align: left; }
.alignRechts { text-align: right; }
.block { display: block; }
.inline { display: inline; }
.clear { clear: both; }
.clearLinks { clear: left; }
.clearRechts { clear: right; }
.rausschieben { text-indent: -999999px; }
.verstecken { display: none; }

.klein { font-size: 90%; }
.duenn { font-weight: normal; }
.fett { font-weight: bold; }
.wichtig { color: #988051; }
.unwichtig { color: #AAA; }

.null { margin-bottom: 0px; }
.eins { margin-bottom: 1px; }
.zwei { margin-bottom: 2px; }
.drei { margin-bottom: 3px; }
.vier { margin-bottom: 4px; }
.fuenf { margin-bottom: 5px; }
.sechs { margin-bottom: 6px; }
.sieben { margin-bottom: 7px; }
.acht { margin-bottom: 8px; }
.neun { margin-bottom: 9px; }
.zehn { margin-bottom: 10px; }
.zwoelf { margin-bottom: 12px; }
.fuenfzehn { margin-bottom: 15px; }
.zwanzig { margin-bottom: 20px; }
.fuenfundzwanzig { margin-bottom: 25px; }
.dreissig { margin-bottom: 30px; }
.fuenfunddreissig { margin-bottom: 35px; }
.vierzig { margin-bottom: 40px; }
.fuenfundvierzig { margin-bottom: 45px; }
.fuenfzig { margin-bottom: 50px; }

.oeins { margin-top: 1px; }
.ozwei { margin-top: 2px; }
.odrei { margin-top: 3px; }
.ovier { margin-top: 4px; }
.ofuenf { margin-top: 5px; }
.osechs { margin-top: 6px; }
.osieben { margin-top: 7px; }
.oacht { margin-top: 8px; }
.oneun { margin-top: 9px; }
.ozehn { margin-top: 10px; }
.ozwoelf { margin-top: 12px; }
.ofuenfzehn { margin-top: 15px; }
.ozwanzig { margin-top: 20px; }
.ofuenfundzwanzig { margin-top: 25px; }
.odreissig { margin-top: 30px; }
.ofuenfunddreissig { margin-top: 35px; }
.ovierzig { margin-top: 40px; }
.ofuenfundvierzig { margin-top: 45px; }
.ofuenfzig { margin-top: 50px; }

/* =externes
****************************************************/