html, body 
{
	width   : 100%;
	height	:100%;
	margin  : 0;
	padding : 0;
}

body
{
	background-color: #ffffff;
}

#wrapper 
{	
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
	position: relative;
}

/** ################# header - anfang ################# **/

#top
{
	height: 90px;
	border: 0px solid red;
	background-image: url(../graphics/kathmann_logo.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#top_backmann
{
	height: 90px;
	border: 0px solid red;
	background-image: url(../graphics/backmann_logo.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#top_brock
{
	height: 90px;
	border: 0px solid red;
	background-image: url(../graphics/brock_logo.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#logo
{	position:absolute;
	width:230px;
	height: 74px;
	border: 0px solid red;
	margin-left:24px;
	margin-top:3px;
}

#logo_backmann
{	position:absolute;
	width:250px;
	height: 74px;
	border: 0px solid red;
	margin-left:24px;
	margin-top:3px;
}

#logo_brock
{	position:absolute;
	width:250px;
	height: 74px;
	border: 0px solid red;
	margin-left:24px;
	margin-top:3px;
}

/** globale navigation - anfang **/

#globnavshaddowleft1
{
	width: auto;
	height: 29px;
	position: absolute;
	top: 0;
	left: 400px;
	float: left;
	background: url(../graphics/globalnavi_unten_brock.gif) repeat-x left bottom;
}

#shaddowmiddle2
{
	border: 0px solid red;
	padding-right: 3px;
	background: url(../graphics/hauptnavi_rechts_brock.gif) no-repeat right;
	width: auto;
	height: 100%;
	float: left;
}

#shaddowright3
{
	background: url(../graphics/globalnavi_links_ecke_b.gif) no-repeat left bottom;
	width: auto;
	height: 100%;
	float: left;
}

#globnav_shaddowcontent4
{
	overflow: hidden;
	position: relative;
	bottom: 1px;
	width: auto;
	height: 23px;
	float: left;
	border-left: 1px #e6e6e6 solid;
	border-top: 1px #e6e6e6 solid;
	padding-top: 4px;
}

#globnav_shaddowcontent4 A
{
	color: #707070;
	font-style: normal;
	text-decoration: none;
	margin: 4px;
	border: 0px none;
	font-family: Arial;
	font-size: 11px;
	background: url(../graphics/pfeil.gif) no-repeat left center;
	padding-left: 10px;
	padding-right: 2px;
}

#globnav_shaddowcontent4 A:hover
{
	color: #303030;
	font-style: normal;
	text-decoration: none;
	margin: 4px;
	border: 0px none;
	font-family: Arial;
	font-size: 11px;
	background: url(../graphics/pfeil_brock_over.gif) no-repeat left center;
	padding-left: 10px;
	padding-right: 2px;
}
#globnav A:hover
{
}

#globnav A:focus
{
}

#globnav A:active
{
}

#globnav A:visited
{
}

/** globale navigation - ende **/


/** main navigation - anfang  |
   | Begrenzungsrahmen |    **/
#mainnavcutter
{
	height: 28px;
	overflow: hidden;
	margin-left: 23px;
}

/**    1.Ebene!!!!!!!
 ### ausgewählte Elemente start ### **/
#selectedlast, #selected
{
	height: 28px;
	background: #0d3f97;
	float: left;
	margin-left: -8px;
}

#selectedfirst
{
	height: 28px;
	background: #0d3f97;
	float: left;
}

/** ### ausgewählte Elemente end   ### **/

.mainnav1
{
	float: left;
	background: url(../graphics/mainnav_hg.gif) repeat;
	height: 28px;
	width: auto;
}

/** 2.Ebene enthält rechten Shatten!!!!!! **/
.mainnav1 .mainnav2
{
	height: 28px;
	background: url(../graphics/mainnavi_schatten_new.gif) no-repeat right top;
	width: auto;
	float: left;
}

#selectedfirst .mainnav2, #selected .mainnav2
{
	height: 28px;
	background: url(../graphics/mainnav_schaten_right_on.gif) no-repeat right top;
	width: auto;
	float: left;
}

#mainnav1last .mainnav2
{
	height: 28px;
	background: url(../graphics/mainnav_schaten_last.gif) no-repeat right top;
	width: auto;
	float: left;
}

#selectedlast .mainnav2
{
	background: #0d3f97;
	width: auto;
	float: left;
}

/** 3.Ebene!!!!!!!!!!!!!!! **/

#mainnav1first .mainnav2 .mainnav3
{
	padding-top: 9px;
	height: 28px;
	background: url(../graphics/mainnav_schaten_first.gif) no-repeat left top;
	width: auto;
	float: left;
}

#selectedlast .mainnav2 .mainnav3
{
	background: url(../graphics/mainnav_schaten_left_on.gif) no-repeat left top;
	padding-top: 9px;
	padding-left: 25px;
	padding-right: 22px;
	height: 28px;
	width: auto;
	float: left;
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

#selected .mainnav2 .mainnav3
{
	background: url(../graphics/mainnav_schaten_left_on.gif) no-repeat left top;
	padding-top: 9px;
	padding-left: 27px;
	padding-right: 25px;
	height: 28px;
	width: auto;
	float: left;
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

.mainnav1 .mainnav2 .mainnav3, #selectedfirst .mainnav2 .mainnav3
{
	padding-top: 9px;
	padding-left: 20px;
	padding-right: 24px;
	height: 28px;
	width: auto;
	float: left;
	color: #0d3f97;
	font-style: normal;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

/** ###  Elemente end   ### **/

.mainnav3 A
{
	display: block;
	color: #909090;
	font-style: normal;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	width: auto;
	float: left;
}

.mainnav3 A
{
}
.mainnav3 A:hover
{
	color: #606060;
}
.mainnav3 A:focus
{
}
.mainnav3 A:active
{
}
.mainnav3 A:visited
{
}

#selected .mainnav2 .mainnav3 A, #selectedlast .mainnav2 .mainnav3 A, #selectedfirst .mainnav2 .mainnav3 A
{
	color: #ffffff;
}
#selectedfirst .mainnav2 .mainnav3
{
	color: #ffffff;
}

#selected .mainnav2 .mainnav3
{
	color: #ffffff;
}
#selectedlast .mainnav2 .mainnav3
{
	color: #ffffff;
}

#selected .mainnav2 .mainnav3 A:hover, #selectedlast .mainnav2 .mainnav3 A:hover, #selectedfirst .mainnav2 .mainnav3 A:hover
{
}
/** main navigation - ende **/

#subnav
{
	background: url(../graphics/subnavi_brock.gif) repeat-x;
	height: 31px;
	width: auto;
	padding-left: 23px;
	padding-top: 0;
}

.subs
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #707070;
	background: url(../graphics/subnav_strich_brock.gif) no-repeat left top;
	padding-left: 7px;
	padding-top: 9px;
	padding-right: 23px;
	float: left;
	text-decoration: none;
}

.inpopup
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal ;
	color: #0d3f97;
	background: url(../graphics/pfeil_popup_backmann.gif) no-repeat left bottom;
	padding-left: 10px;
	padding-top: 12px;
	padding-right: 23px;
	float: right;
	text-decoration: none; 
}

.inpopup a
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #0d3f97;
	text-decoration: none;
}

.subs:hover
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: url(../graphics/subnav_strich_weiss.gif) no-repeat left top;
	padding-left: 7px;
	padding-top: 9px;
	padding-right: 23px;
	float: left;
	text-decoration: none;
}

.subs_selected
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: url(../graphics/subnav_selected_brock.gif) repeat;
	padding-left: 7px;
	padding-top: 9px;
	padding-right: 23px;
	padding-bottom: 8px;
	float: left;
	text-decoration: none;
	border:0px solid red;
}

.subs_selected:hover
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.subs_selected a
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

/** ################# header - ende ################# **/


/** ################# content - anfang ################# **/
#intro_flash
{
	height: 216px;
	background-image: url(../graphics/bauzeichnung_brock.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: auto;
}

#middleline
{
	height: 6px;
	background-color: #ffffff;
	width: auto;
}
/** Gallerie - anfang **/
#gallery
{
	height: 238px;
	overflow: hidden;
}

#gallery a 
{
	font-family: Tahoma;
	color: #0d3f97;
	font-size: 12px;
	text-decoration: none;
	font-weight:normal;
}

.galleryobject
{
	height: 208px;
	width: 151px;
	margin-left: 12px;
	overflow: hidden;
	border: 0px solid red;
	float: left;
	overflow: hidden;
}
.gallerypolaroid
{
	background: url(../graphics/startseite_polaroid.gif) no-repeat;
	width: 151px;
	height: 157px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 5px;
	overflow: hidden;
}
.title
{
	font-family: Tahoma;
	font-weight: bold;
	color: #0d3f97;
	font-size: 11px;
	text-align: center;
	padding-top: 6px;
	width:135px;
}

* html .title
{
	font-family: Tahoma;
	font-weight: bold;
	color: #0d3f97;
	font-size: 11px;
	text-align: center;
	padding-top: 6px;
}

.subtitle
{
	padding-left: 1px;
	height: 28px;
	font-family: Tahoma;
	color: #000000;
	font-size: 11px;
}
.more
{
	background: url(../graphics/verlauf_backmann.jpg) no-repeat;
	height: 20px;
	width: 147px;
	text-align: right;
	padding-right: 4px;
	padding-bottom: 0;
}
.more_link_txt
{
	font-family: Tahoma;
	color: #707070;
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	background: url(../graphics/pfeil_polaroid_brock.gif) no-repeat right center;
	display: block;
	padding-right: 9px;
	padding-bottom: 0;
}

.more_link_txt a
{
	color: #0d3f97;
}

.more A:hover
{
}
.more A:focus
{
}
.more A:active
{
}
.more A:visited
{
}

#gallerytop
{
	margin: 9px;
	padding-left: 4px;
	border:0px solid red;
	height:17px;
	overflow:hidden;
}

#galleryheadline
{
	font-family: Tahoma;
	color: #0d3f97;
	font-size: 15px;
	font-weight: Bold;
	float:left;
}

#gallerylink
{
	background: url(../graphics/verlauf2_backmann.jpg) no-repeat;
	height: 20px;
	width: 264px;
	text-align: right;
	padding-right: 4px;
	padding-bottom: 0;
	float:right;
}

.gallery_link_txt
{
	font-family: Tahoma;
	color: #707070;
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	background: url(../graphics/pfeil_verlauf_brock.gif) no-repeat right center;
	padding-right: 14px;
	padding-bottom: 0;
}
/** Gallerie - ende **/
/** ################# content - ende ################# **/

/** #################   Footer  ################# **/
/*Äüßerste Footer Division*/

#Footer
{
	position: relative;
	background-color: #0d3f97;
	height: 20px;
	width: 100%;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
	bottom:0;
	z-index:100;
}

/*ausrichtung für den Text rechts*/
#FooterRight
{
	padding-right: 23px;
	text-align: right;
	margin-top: 2px;
}
/*ausrichtung für den text Links*/
#FooterLeft
{
	float: left;
	padding-left: 23px;
	text-align: left;
	margin-top: 2px;
}
#FooterRight A
{
	font-family: Tahoma;
	font-size: 11px;
	color: #ffffff;
	padding-left: 8px;
}
#FooterRight A:link
{
}
#FooterRight A:visited
{
}
#FooterRight A:active
{
}
#FooterRight A:hover
{
}


/** ######## Content ######**/

#Content
{
	width:100%;
	position:relative;
	top:0;
	left:0;
}

#left
{
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: 100%;
	z-index: 1;
	height:459px;
}

#holdright
{
	position:fixed;
	top: 150px;
	right: 0;
	z-index: 2;
}

* html #holdright
{
	position: absolute;
	top: 0;
	left: 328px;
	z-index: 2;
}

#right
{
	position: relative;
	top: 0;
	left: 0;
	width: 627px;
	float: right;
	z-index: 3;
}
/** Content - Frames - Anfang **/
/** obere Fraktion des Contents **/
#ContentHeadline1
{
	height: 72px;
	width: 368px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	border: 0px dotted red;
}
#ContentHeadline2
{
	height: 72px;
	width: 627px;
	background-image: url(../graphics/zeichnung_brock.jpg);
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}

#ContentHeadline2_Imprint
{
	height: 72px;
	width: 627px;
	background: url(../graphics/imprint_hg_1_brock.jpg) no-repeat left right;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}

/**Linie des Contents**/
.separateline
{
	width: auto;
	height: 34px;
	background: url(../graphics/balken_unterseite_backmann.gif) repeat-x;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	border: 0px solid red;
}

#separateline_link .contenttextlink, .contenttextlink1
{
	font-family:Tahoma;
	font-weight:bold;
	font-size:14px;
	color:#315ca6;
	text-decoration:none;
}

/** und die darüber formatierten Scriften **/
#headlinetitle
{
	color: #0d3f97;
	font-family: Tahoma;
	font-size: 24px;
	position: absolute;
	left: 24px;
	top: 48px;
}

#headlinesubtitle{
	color:#909090;
	font-weight:bold;
	font-family:Tahoma;
	font-size:12px;
	position:absolute;
	left:24px;
	top:84px;
	width:360px;
 }

/** untere Fraktion **/
#minheight
{
	border-top:356px solid white;
	position:relative;
	top:0;
	left:0;
}

#ContentText1
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 24px;
	width: 335px;
	padding-right: 10px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	color: #606060;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 12px;
	margin-top:-356px;
}

#ContentText1 a
{
	color: #606060;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration:underline;
}

#minheight_sitemap
{
	border-top:620px solid white;
	position:relative;
	top:0;
	left:0;
}

#ContentText2
{
	height: 353px;
	width: 627px;
	position: relative;
	top: 0;
	left: 0;
	background-image: url(../graphics/bg_unterseite_backmann.jpg);
	overflow: hidden;
	z-index: 1;
}

#ContentText2_Imprint
{
	height: 353px;
	width: 627px;
	position: relative;
	top: 0;
	left: 0;
	background: url(../graphics/imprint_hg_2_brock.jpg) no-repeat top right;
	overflow: hidden;
	z-index: 1;
}

#CT2background
{
	background: repeat-x bottom url(../graphics/hintergrund_unten_backmann.gif);
	z-index: 1;
	height: 353px;
	width: 627px;
}
/** Content - Frames - Ende **/

/** Kleinkramm**/
.linkedPics
{
	padding-right: 2px;
	float: left;
}

.RighttextMiddle
{
	position: absolute;
	left: 772px;
	top: 8px;
	z-index: 2;
	padding-left: 10px;
	background: url(../graphics/pfeil_links.jpg) no-repeat left center;
}


#pfadinfo
{
	margin-left: 24px;
	color: #707070;
	font-family: Tahoma;
	font-size: 11px;
	padding-top: 10px;
}

.wegweiser
{
	color: #707070;
	font-family: Tahoma;
	font-size: 11px;
}

.wegweiserlink
{
	color: #707070;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: underline;
}

.wegweiserlink:hover
{
	color: #0d3f97;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: underline;
}

/** gelayerte(s) Bild(er) | treten im rechten Bereich auf - Anfang **/
#bluebackground
{
	position: absolute;
	height: 280px;
	width: 367px;
	top: 34px;
	left: 19px;
	background-color: #0d3f97;
	z-index: 2;
}
#shadowpic1
{
	position: absolute;
	top: 12px;
	left: 12px;
	width: 368px;
	height: 281px;
	background-color: Silver;
	z-index: 3; -moz-opacity:0.35;
	filter:alpha(opacity=35);
	opacity:0.35;
}
#image_overview
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 352px;
	height: 265px;
	background: #FFFFFF;
	padding: 7px;
	border: 1px solid #CCCCCC;
	z-index: 4; -moz-opacity:1.00;
	filter:alpha(opacity=100);
	opacity:1.00;
}
#img2_overview
{
	background: #FFFFFF;
	padding: 7px;
	border: 1px solid #CCCCCC;
	width: 249px;
	height: 190px;
	position: absolute;
	left: 291px;
	top: 119px;
	z-index: 6;
}
#shadowpic2
{
	position: absolute;
	left: 293px;
	top: 121px;
	width: 265px;
	height: 206px;
	background-color: Silver;
	z-index: 5; -moz-opacity:0.35;
	filter:alpha(opacity=35);
	opacity:0.35;
}
#img3_overview
{
	width: 148px;
	height: 112px;
	padding: 7px;
	border: 1px solid #CCCCCC;
	z-index: 8;
	position: absolute;
	top: 263px;
	left: 250px;
	background-color: White;
}
#shadowpic3
{
	background-color: Silver;
	z-index: 7; -moz-opacity:0.35;
	filter:alpha(opacity=35);
	opacity:0.35;
	width:164px;
	height:128px;
	position:absolute;
	top:265px;
	left:252px;
}
/** gelayerte(s) Bild(er) - Ende **/

/** ######## Content ######**/

.Laufband{
	left: 18px; 
	width: 600px; 
	position: absolute; 
	top: 234px; 
	height: 120px;
	border: 0px solid red; 
	
}
.TextLaufband{
	position:absolute;
	top:180px;
	left:408px;
	font-family:Tahoma;
	font-weight:bold;
	font-size:14px;
	color:#9f9f9f;
	background: url(../graphics/pfeil_blau_brock.gif) no-repeat 100px 20px;
	width:125px;
	height:38px;
	border:0px solid red;
}

.TextOverview{
	position:absolute;
	top:0;
	left:408px;
	font-family:Tahoma;
	font-weight:bold;
	font-size:14px;
	color:#9f9f9f;
	background: url(../graphics/pfeil_back_overview_brock.gif) no-repeat left top;
	width:200px;
	height:38px;
	padding-top:10px;
	padding-left:14px;
}

.contenttextlink132{
	font-family:Tahoma;
	font-weight:bold;
	font-size:14px;
	color:#9f9f9f;
	text-decoration:none;
}

.largerView{
	position:absolute;
	top:0;
	left:408px;
	font-family:Tahoma;
	font-weight:bold;
	font-size:14px;
	color:#315ca6;
	background: url(../graphics/pfeil_forward_brock.gif) no-repeat right top;
	width:125px;
	height:38px;
	padding-top:10px;
	padding-right:14px;
}

/* Style für das Tag <TABLE> im Inhalt */
.contentTable
{
}

/* Style für ein Tag <TR> im Inhalt */
.contentTableRow 
{
}

/* Style für die Trennzeile zwischen den einzelnen Tabellenzeilen */
.contentTableLine {
	background-color: #ffffff;	
}

/* Style für die erste Tabellenzeile, damit diese anders formatiert werden kann, als der Rest */
.contentTableRowTitle {
	background-color: #ffffff;
	color: #606060;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;	
	padding-right: 3px;
}


/* Style für eine Tabellenzelle <TD> in einer ungeraden Zeile (Erste Zeile ist ungerade) */
.contentTableRowOdd {
	background-color: #ffffff;
	color: #606060;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;	
	padding-right: 3px;
}

/* Style für eine Tabellenzelle <TD> in einer geraden Zeile (Bei einer Tabelle mit Titel ist die erste Content-Zeile gerade) */
.contentTableRowEven {
	background-color: #ffffff;
	color: #606060;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;	
	padding-right: 3px;
}

#ContentText1 .sitemaptextfett {
	font-family: Tahoma;	
	font-weight: bold;
	color: #606060;
	font-size: 12px;
	text-decoration: none;
}

#ContentText1 .sitemaptextfett:Hover {
	font-family: Tahoma;	
	font-weight: bold;
	color: #0D3F97;
	font-size: 12px;
	text-decoration: underline;
}

#ContentText1 .sitemaptext {
	font-family: Tahoma;	
	font-weight: normal;
	color: #606060;
	font-size: 12px;
	text-decoration: none;
}

#ContentText1 .sitemaptext:Hover {
	font-family: Tahoma;	
	font-weight: normal;
	color: #0D3F97;
	font-size: 12px;
	text-decoration: underline;
}

#ContentText1 .text
{
    font-family: Tahoma;
    color: #606060;
	font-size: 12px;
	text-decoration: none;
}

#ContentText1 .textfield
{
    height: 20px;
    border-top: 1px solid #a0a0a0;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #a0a0a0;
}