Externe CSS-Datei: screen.css
/*****************************************************
BBnewDesign CSS-Definition
---------------------------
******************************************************/

body {
	margin: auto;
	height: auto;
	width: auto;

}
body,td,th {
	font-size: 100%;
}

h1, h2 {
	margin-top: 0em;
	font-weight: bold;
}

h2 {
	font-size: 130%;
	color: #414141;
	margin: 0em 0em 1.5em 0em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 180%;
	color: #000;
	margin-bottom: 0.4em;
}

h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1px;
	color: #EAEAEA;
	text-decoration: blink;
	text-transform: none;
	font-variant: normal;
	font-weight: bold;
}
/*********************************************************
Alles umschliessender Container
*********************************************************/
/*
Das verwendete Design kommt gaenzlich ohne Tabellen aus. Der Textfluss wird mithilfe sog. floats gebrochen )Bsp. "float:left;") und an geeigneter Stelle wieder hergestellt (Bsp. "clear: both;").

Der Container beinhaltet saemtliche für das Layout wichtige Elemente.
*/

#gesamt {
	width: 1000px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 0px;
	height: auto;
	margin: auto;
}
/*********************************************************
Kopfbereich
*********************************************************/

#kopf_gesamt  {
	text-transform: none;
	height: auto;
	text-align: right;
	overflow: hidden;
	color: #FFC;
	padding-left: 0px;
}
#kopf {
	width: 1000px;
	height: 20px;
	line-height: 1;
	text-indent: -1000px;
	color: #000000;
}
#kopf_logo  {
	width: 980px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/**********************************************************
Hauptnavigation
**********************************************************/

#navcontainer
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	border-top: 1px solid #999;
	z-index: 1;
}

#navcontainer ul
{
list-style-type: none;
text-align: center;
margin-top: -8px;
padding: 0;
position: relative;
z-index: 2;
}

#navcontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}

#navcontainer li a
{
padding: 1px 7px;
color: #666;
background-color: #fff;
border: 1px solid #ccc;
text-decoration: none;
}

#navcontainer li a:hover
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}

#navcontainer li a#current
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}

/**********************************************************
Hauptbereich
**********************************************************/

#main_content  {
	width: 1000px;
	text-align: center;
	height: auto;
	/* [disabled]border: 1px solid #21C5FF; */
	/* [disabled]box-shadow: 1px 1px 1px 1px #21C5FF; */
	margin: auto;
	top: auto;
	float: left;
}

/**********************************************************
Inhaltsbereich
**********************************************************/

 #inhalt {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
	width: 680px;
	text-align: left;
	margin-top: 20px;
	height: auto;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 20px;
	background-color: #FFF;
	padding-right: 17px;
	box-shadow: 5px 5px 12px 10px #fff;
 }

 
#pauschal {
	height: 170px;
	width: 170px;
	float: left;
	padding-left: 3px;
}
#pauschal_1 {
	height: 170px;
	width: 170px;
	float: left;
	padding-left: 6px;
	padding-top: 0px;
	padding-right: 0px;
}

#pauschal_2 {
	float: left;
	height: 170px;
	width: 170px;
	padding-left: 8px;
}

#pauschal_3 {
	float: left;
	height: 170px;
	width: 170px;
	padding-left: 7px;
}
.infologo {
	margin-top: 5px;
}

.infobox_1 {
	box-shadow: 2px 1px 4px 2px #000;
}
.box_1 {
	float: left;
	height: auto;
	width: 220px;
	padding-left: 75px;
	padding-right: 20px;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	/* [disabled]box-shadow: 2px 1px 4px 2px #000; */
}
.box_3 {
	float: left;
	height: 170px;
	width: 220px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.box_2 {
	float: left;
	height: auto;
	width: 220px;
	padding-left: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	/* [disabled]box-shadow: 2px 1px 4px 2px #000; */
}

#inhalt_1 {
	float: left;
	height: auto;
	width: 680px;
	background-image: url(../bilder/inhalthintergrund.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: center center;
	padding-right: 5px;
	padding-left: 5px;
}

#film {
	text-align: center;
	
}

 
/**********************************************************
Infobereich
**********************************************************/

 #info {
	float: right;
	margin-right: 5px;
	width: 240px;
	text-align: center;
	margin-top: 20px;
	height: auto;
	box-shadow: 5px 5px 12px 10px #fff;
	padding-top: 5px;
	background-color: #FFF;
	margin-bottom: 20px;
	margin-left: 25px;
	padding-left: 8px;
 }

 
 #info_1 {
	float: none;
	width: auto;
	text-align: left;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-bottom: 5px;
 }
 
/**********************************************************
Fusszeile
**********************************************************/

#fuss {
	text-align: center;
	clear: both;
	height: 50px;
	margin: auto;
	/* [disabled]background-repeat: repeat-x; */
	/* [disabled]box-shadow: 2px 2px 10px 2px #000; */
	/* [disabled]border-color: #000; */
	/* [disabled]border-top-width: 2px; */
	outline-color: #000;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 980px;
}

#fusscontainer
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	border-top: 1px solid #999;
	z-index: 1;
}

#fusscontainer ul
{
list-style-type: none;
text-align: center;
margin-top: -8px;
padding: 0;
position: relative;
z-index: 2;
}

#fusscontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}

#fusscontainer li a
{
	padding: 1px 7px;
	color: #666;
	background-color: #fff;
	/* [disabled]border: 1px solid #ccc; */
	text-decoration: none;
}

#fusscontainer li a:hover
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}

#fusscontainer li a#current
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}


#check {
	width: auto;
	float: left;
	height: 31px;
}


/**********************************************************
Formulardefinition
**********************************************************/

fieldset {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	border: 1px solid #ff0000;
}

input, textarea, select {
	margin: 0px 10px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	width: 300px;
	cursor: pointer;
}

input:focus, 
textaera:focus, 
select:focus {
	background-color: #E9E9E9;
}

input.button {
	border: 1px solid #ff0000;
	background-color: #EFEFEF;
	width: 166px;
	cursor: pointer;
}


.radio {
	margin: 0px 3px 10px 0px;
	padding: 0px;
	width: 20px;	
}		

/*
Die folgenden Klassendefinitionen koennen auf jedem beliebeigen Element verwendet werden, da sie an keinen konkretes Element gebunden sind.
*/

.unterschrift {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 100%;
	font-style: italic;
}
	
.info_1 {
	float: left;
	width: auto;
	text-align: left;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
 }