body
{
	/*background-color: #F9F2EF;*/
	padding:0px;
	margin: 0px;
	text-align:center;
	font:70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	cursor:default;
}
html
{
	height:100%;
}

/* Klassen um die Site aufzubauen und zu positionieren */

#position {
	width: 1010px;
	background: #ffffff url(/img/higru.gif) repeat-y left;
	text-align: left;
	margin: 0 auto 0 auto;
	border: 0px solid red;
}

#position_footer {
	width: 1008px;
	text-align: left;
	margin: 0 auto 0 auto;
	padding-left: 118px;
	_padding-left: 110px;
	border: 0px solid red;
	font-size: 7pt;
}

#position_footer_new {
	width: 1008px;
	margin: 0 auto 0 auto;
	border: 0px solid red;
	font-size: 7pt;
}

#inner_footer_image {
	position: relative;
	left: 30px;
}

#inner_footer_text {
	margin-top: 5px; text-align: right;
}

#indexStandard
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1008px;
	border-right: 1px solid #2A4D75;
}

#box
{
	float: left;
	margin: 0px 0px 0px 2px;
	_margin: 0px 0px 0px 1px;
	padding:0px 0px 0px 0px;
	border: 0px solid black;
	background: #ffffff url(/img/bb_sessel.jpg) no-repeat top;
}

div.hauptleiste
{
	width: 210px;
	height: 38px;
	background-color: #005B7E;
	float: left;
	text-align: center;
	padding-top: 3px;
}

div.hauptnav
{
	width: 211px;
	height: 38px;
	border-left: 1px solid #ffffff;
	background-color: #005B7E;
	float: left;
	text-align: center;
	padding-top: 3px;
}
div.hauptnavstart
{
	width: 211px;
	height: 38px;
	background-color: #005B7E;
	text-align: center;
	padding-top: 3px;
	margin: 0px 0px 0px 0px;
}

#serviceBox
{
	font-size:1.0em;
	margin-top: 0px;
	margin-left: 20px;
	_margin-left: 10px;
	padding: 10px 13px 20px 0px;
	border:0px solid #000000;
	width: 488px;
	_width: 486px;
	float: left;
}

#serviceBox ul
{
	margin: 5px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
	border:0px solid #000000;
}

#serviceBox li
{
	margin: 0px 0px 0px 20px;
	padding:2px 0px 2px 0px;
	border:0px solid #000000;
}

div.starttext
{
	padding: 3px 0px 0px 0px;
	font-size: 11px;
	color: #000000;
	margin-bottom: 5px;
	line-height:1.3;
}

#cta_kurztext
{
	padding: 3px 0px 0px 0px;
	font-size: 100%;
	color: #000000;
	margin-bottom: 5px;
	line-height:1.8;
}

#cta_kurztext a
{
	color:#CE6314;
	text-decoration: none;
	font-size: 1.0em;
}


#cta_kurztext a:hover
{
	color:#2A4D75;
}

#cta_kurztext ul
{
	list-style: square;
}

#cta_kurztext li
{
	color: #2A4D75;
}

#cta_kurztext li span.black
{
	color: #000000;
}

div.cta_kurztext
{
	padding: 3px 0px 0px 0px;
	font-size: 100%;
	color: #000000;
	margin-bottom: 5px;
	line-height:1.8;
}

div.cta_kurztext a
{
	color:#CE6314;
	text-decoration: none;
	font-size: 1.0em;
}


div.cta_kurztext a:hover
{
	color:#2A4D75;
}


div.cta_kurztext ul
{
	list-style-image: url(/img/blau.gif);
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.cta_kurztext li
{
	margin:0;
	padding:3px 0px 3px 0px;
	border:0px solid #000000;
}

div.cta_kurztext li a
{
	color:#CE6314;
	text-decoration: none;
	font-size: 10px;
	cursor:pointer;
}

div.cta_kurztext li a:hover
{
	color:#2A4D75;
}




/* Klassen um allgemeines Aussehen festzulegen */

p
{
	margin:0;
	padding:0;
}

form
{
	padding:0;
	margin:0;
}

br.clearBoth 
{
	padding: 0;
	margin: 0;
	height: 0;
	clear: both; 
}

br.clearBothklein
{
	padding: 0;
	margin: 0;
	margin-bottom: -12px;
	height: 0;
	clear: both; 
}

div.floatleft
{
	float:left;
}
div.center
{
	text-align:center
}
ul
{
	margin:0;
	padding:0;
}

ul.box
{
	margin-top:0px;
	padding-top: 0px;
	list-style : outside url(/img/box.gif);
}
li.box
{
	margin-top:0px;
	padding-top: 0px;
	list-style : outside url(/img/box.gif);
}


ul.links
{
	margin-top:-20px;
	margin-bottom:-20px;
}

li.links a:hover
{
	color:#404295;
	text-decoration: none;
}

#links ul
{
	margin-top:-20px;
	margin-bottom:-20px;
}

#links li a:link
{
	color:#404295;
	text-decoration: none;
}

#links li a:hover
{
	color:#404295;
	text-decoration: none;
}

img
{
	border:0;
}

img.thumbover
{
	padding-top: 0px;

}
img.thumbleft
{
	position: relative;
	margin-top: 0px;
	float: left;
	margin-right: 10px;
	margin-top:1px;
	width: 100px;
}

img.firmlogosize
{
	position: relative;
}

img.firmover
{
	padding-top: 0px;
	float: left;
	azimuth : left-side;
}


img.banner
{
	margin-bottom : 10px;
}
img.left
{
	float: left;
	margin-right: 10px;
}

img.startpict
{
	color: #000000;
	margin-left: 10px;
	height: 88px;
	z-index: 2;
	border: 1px solid;
	border-color: #ffffff;
}

img.refbild
{
	color: #000000;
	margin-right: 10px;
	z-index: 2;
	border: 1px solid;
	border-color: #dddddd;
}




#boxWithoutRightNav
{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding:0px 20px 0px 10px;
	width:733px;
	border-right:0px dotted #000000;
}


#serviceBoxLinks
{
	font-size:1.0em;
	padding: 10px 0px 20px 0px;
	border:0px solid #000000;
}

#serviceBoxLinks ul
{
	list-style-type: url(/img/pfeil_box.gif);
	margin: 5px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
	border:0px solid #000000;
	list-style : outside;
}

#serviceBoxLinks li
{
	margin: 0px 0px 0px 20px;
	padding:2px 0px 2px 0px;
	border:0px solid #000000;
}

.grau
{
	background-color : #b8b8b8;
	padding:4px 5px 4px 5px;
	margin-bottom: 10px;
}

div.statement
{
width: 120px;
}

div.cta_titel
{
	padding: 7px 0px 0px 0px;
	border: 0px solid #000000;
}
div.chefinfo
{
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
}



div.cta_text
{
	padding: 5px 0px 0px 0px;
	border: 0px solid #000000;
	line-height:1.5;
}

div.kurztext
{
	color: #000000;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height:1.8;
}

div.kurztext ul
{
	list-style-type: disc;
	margin: 5px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
	border:0px solid #000000;
}

div.kurztext li
{
   	list-style-type: disc;
	margin: 0px 0px 0px 20px;
	padding:2px 0px 2px 0px;
	border:0px solid #000000;
}

div.kurztext a
{
	font:70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#CE6314;
}

div.kurztext a:hover
{
	color:#2A4D75;
}

div.starttext
{
	color: #000000;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height:1.8;
	font-size: 12px;
}

div.weiss
{
	color: #000000;
	font-size: 7pt;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height:1.5;
	background-color: #FFE2E2;
	width: 180px;
	padding-left: 2px;
}
div.meldung
{
	color: #000000;
	font-size: 8pt;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height:1.5;
	background-color: #FFE2E2;
	padding-left: 2px;
}

div.rot
{
	color: #ffffff;
	font-size: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height:1.5;
	background-color: #CC0000;
	padding-left: 2px;
	width:90%
}

div.firmrechts
{
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 10px;
	line-height: 1.5;
	float: right;
	border: 1px;
	text-align: right;
}

div.balken
{
	color: #ffffff;
	height: 105px;
	background: #666666;
	margin-top: 10px;
	padding-left: 10px;
	padding-top: 10px;
	z-index: 1;
}

div.balkenboerse
{
	margin:20px 0px 0px 0px;
	padding:0;
	color: #ffffff;
	width:165px;
	border:0px solid #000000;
	z-index: 1;
	float:left;
}

div.boerseBalkenPicture
{
	padding:10px 0px 0px 22px;
	border:0px solid #000000;
	background-color: #666666;
	height:160px;	
}

div.boerselink
{
	margin:0;
	padding:10px 0px 0px 22px;
	background-color:#ffffff;
	color:#000000;
}



div.refbalken
{
	color: #ffffff;
	height: 105px;
	background: #666666;
	margin-top: -10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	z-index: 1;
}
div.firmlogo
{
	position:relative;
	color: #000000;
	background: #ffffff;
	margin-left: 10px;
	height: 90px;
	border: 1px solid;
	border-color: #000000;
	padding-left: 5px;
	padding-right:5px:
}
span.firmlogo
{
	color: #000000;
	background: #ffffff;
	margin-left: 10px;
	width: 160px;
	height: 90px;
	border: 1px solid;
	border-color: #000000;
	vertical-align : middle;
}
div.firmlogo_innen
{
	border: 1px solid;
	border-color: #000000;
	z-index: 3;
	vertical-align : middle;
    position:relative;
}
div.newsthumb
{
	position:relative;
	width: 100px;
	height: 106px;
	float: left;
	margin-right: 10px;
	border:0px solid #000000;
}

div.chefdatum
{
	position:relative;
	width: 80px;
	height: 50px;
	float: left;
	margin-right: 5px;
	border:0px solid #000000;
}


div.over
{
	position : relative;
	border:0px solid #ffffff;
}

div.error
{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #71685e;
	background: #ae8a7f;
	text-align:center;
	color: #302927;
	font-size:0.9em;
	height:22px;
}

div.error p
{
	margin-top:4px;
	vertical-align:middle;
}


div.headerLine
{
	padding:0px 0px 0px 3px;
	background-color:#2A4D75;
}

div.punktmitarbeiter
{
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #000000;
	margin-bottom: 5px;
}

div.punktlinie
{
	background-image:url(/img/linie.gif);
	background-repeat: repeat-x;
	height: 10px;
	margin-bottom: 4px;
}

div.punktlinie_news
{
	background-image:url(/img/linie.gif);
	background-repeat: repeat-x;
	height: 9px;
	margin-bottom: 8px;
}

div.linie
{
	/*background: url(/img/verlauf_unten.gif) repeat-x;*/
	border-top: 1px solid #2B2D71;
	margin: 10px 0px 00px 0px;
	height: 50px;
}

div.linienende
{
	background-color: #E6E6E6;
	height: 5px;
	width: 100%;
}

td.linie
{
	border-bottom: 1px solid #666666;
}

td.punktlinie
{
	background-image:url(/img/linie.gif);
	background-repeat: repeat-x;
	height: 10px;
	margin-bottom: 4px;
}
td.details
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:1.5;
}
td.text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:1.5;
}
td.top10
{
	padding-top: 10px;
}

form.suche
{
	margin-top:15px;
}

input.pflicht, textarea.pflicht
{
	border: 1px solid Black;
	border-color: #B70607;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;	
	background-color: #FFE2E2;
}

input.readonly
{
	border: 0px solid Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;	
	background-color: #FFFFFF;
}

input.read
{
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #dddddd;	
	background-color: #ffffff;
}

input, textarea
{
	border: 1px solid Black;
	border-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;	
	background-color: #F7F7F7;
}

div.form
{
	position: relative;
	margin-top:20px;
	padding :5px;
	background-color : #cccccc;
	border: 1px solid Black;
	border-color: #000000;
	width: 200px;
	min-height:100px;
}
div.form_out
{
	position: relative;
	background-color : #cccccc;
	border: 1px solid Black;
	border-color: #000000;
	width: 180px;
	min-height:30px;
	margin-top:20px;
	margin-bottom:20px;
	
}

table.tablefirmlogo
{
	background-color : #ffffff;
	border: 1px solid Black;
	height: 95px;
	padding : 5px 5px 5px 5px;
}

#imageSlideshowHolder
{
  	margin-left: 210px;
  	margin-top: 41px;
    width:364px;
    height:168px;
	z-index: 2;
    position:relative;  /* Never change this value */
}

.imageInGallery
{
    width:364px;
    height:168px;
    /* Never change these 3 value */
    left:0px;
    top:0px;
    position:absolute;  
} 

ul.attachments {
	margin:20px 0px 0px 0px;
	list-style: none;
}

ul.attachments li {
	list-style: none;
	margin:0px 5px 10px 10px;
	height:15px;
	color: #005777;
}

ul.attachments li.dokument_pdf {
	list-style-image: url(/img/dokument_pdf.gif);
}

ul.attachments li.dokument_excel {
	list-style-image: url(/downloads/img/dokument_excel.gif);
}

ul.attachments li.dokument_word {
	list-style-image: url(/downloads/img/dokument_word.gif);
}

ul.attachments li.dokument {
	list-style-image: url(/downloads/img/dokument.gif);
}

/* Event-Calendar ----------------------------- start -*/

#calendar {
	background-color:#ffffff;
	margin:0px 0px 0px 0px;
	padding:0px;
	spacing:0px;
	border:0px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 163px;
	padding-left: 17px;
}

#calendar td {
	padding: 3px;
	font-size: 7pt;
}

#calendar table {
	position: relative;
	top: -2px;
	_top: -3px;
}

#calendar th {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:7.5pt;
	text-align: left;

	width: 180px;
	height: 20px;

	padding: 3px 0px 0px 3px;
	border:0px solid #000000;
}

#calendar .cssEvent, #calendar .cssHilight0  {
	font-weight: bold;
	cursor: pointer;
}

#calendar .cssHeading0  {
	font-weight: bold;
	border-bottom: 0px dashed black;
	border-bottom: 0px dotted black;
}

/* Event-Calendar ----------------------------- ende -*/

/* Referenzen ----------------------------- start -*/

.error_color
{
	color:red;
	font-weight:bold;
}
.speicher_color
{
	color:#339933;
	font-weight:bold;
}


/* Referenzen ----------------------------- ende -*/

/* Kommentar Liste  ----------------------- start -*/

div.comment_list_box
{
	height:140px;
	width:482px;
	overflow:auto;
	position:absolute;
}

ul.ref_comment_list
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:420px;
}

ul.ref_comment_list li
{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div.ref_title
{
	position:relative;
	background-color:#CC0000;
	color:white;
	padding:0px 0px 0px 5px;
}

div.ref_text
{
	position:relative;
	border:1px solid #CC0000;
	padding: 5px 5px 5px 5px;
}

div.delete_ref
{
	margin:0px 0px 0px 325px;
}

/* Kommentar Liste  ----------------------- ende -*/

/*PflichtFelder Error Farbe --------------- start -*/

.error_border
{
	border:1px solid red;
}

/*PflichtFelder Error Farbe --------------- ende -*/
#baumeister 
{
	position:relative;
	display: block;
	width:100%;
	height:270px;
	margin: 15px 0px 20px 0px;
	border:0px solid #000000;
}

#baumeister ul
{
	list-style-type: none;
}

#baumeister ul li
{
	list-style-type: none;
}

#baumeister a 
{
	position: absolute;
	color: #000000;
	text-decoration: none;
	padding: 0px;
	background: transparent url(/img/nix.gif) no-repeat 0% 0%;
	height: 30px;
	visibility: visible;
	overflow: hidden;
	z-index: 50;
	font-size : 10px;
}

#baumeister a span 
{
	visibility: visible;
}

#baumeister a:hover 
{
	color: #ffffff;
	background-color: #005777;
	border-right: 0px solid #005777;
	border-bottom: 0px solid #005777;
	width: 55px !important;
	width: 55px;
	height: 12px !important;
	height: 12px;	
	padding: 0px 10px 4px 2px;
	z-index: 51;
}

#baumeister a:hover span 
{
	visibility: visible;
}

/* Image Gallery */

#dhtmlgoodies_slideshow{
	width:550px;	/* Total width of slideshow. Change this value if you want a different width of the slideshow*/
	border: 0px solid black;
}

#previewPane{

	border:0px solid #CCCCCC;	/* Light gray border around preview pane */
	margin-bottom:10px;	
	text-align:center;	/* Center align preview images */
	padding-top:10px;

	/* Height of preview pane. Change this if you want a different size for the preview pane */
	height: 352px;	/* IE 5.x 	400 + 2px border + 30 px padding */
	height/* */:/**/320px;	/* Other browsers */
	height: /**/320px;
			
}
#galleryContainer{		
	border:0px solid #CCCCCC;	/* Light gray border around the filmstrip */		
	/*
	Don't change these three values 
	*/
	position:relative;
	overflow:hidden;
	padding:1px;
	
	/* CSS HACK */
	height: 84px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/82px;	/* Other browsers */ /* Height of the small images + 2 */
	height: /**/82px;
	margin-left: 40px;
}
/*
CSS for the left arrow div
*/
#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;
}
/*
CSS for the right arrow div
*/
#arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;		
}
#theImages{
	position:absolute;
	height:100px;	/* Height of filmstrip images */
	left:0px;	/* Left position is set to 40 pixels since the left arrow is 40 pixels wide */
	width:1000000px;	/* Just to make sure that all the images fit into one row */
	
}
#theImages #slideEnd{
	float:left;
}

#theImages img{		
	padding:1px;	/* Space around the filmstrip imags */
	filter: alpha(opacity=50);	/* Opacity of inactive images*/
	opacity: 0.5;	/* Opacity of inactive images*/
	cursor:pointer;
	border:0px;
	float:left;
}