/* CSS Document */

/* ********************************************************************************************
 * Farbcodes
 ******************************************************************************************* *
	
*/


/* ********************************************************************************************
 * Strukturelemente & Allgemeine formatierungen
 ******************************************************************************************* */
	body {
		/* Scroller Eigenschaften (nur IE) */
		/* scrollbar-arrow-color: rgb(0,0,0);	
		scrollbar-base-color: rgb(250,250,250); 
		scrollbar-face-color: rgb(255,255,255);
		scrollbar-3d-light-color: rgb(102,102,102);
		scrollbar-highlight-color: rgb(102,102,102);
		scrollbar-darkshadow-color: rgb(255,255,255);
		scrollbar-shadow-color: rgb(102,102,102);
		scrollbar-track-color: rgb(255,255,255); */
		
		/* Hintergrundfarbe */
		background-color: #840202;
				
		/* Seitenabstand */
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
		/* Sonstige Parameter */
		height: 100%;
	}

	/* Standard Schrifttyp und Eigenschaften */
	body {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000;
		text-decoration: none;
		line-height: 18px;
	}
	
	/* Absatz - Abstände oben und unten festlegen */ 
	p {
		margin-top: 0px;
		margin-bottom: 16px;
	}
	
	/* Links */
	a:link    { text-decoration: none; color: #000000; }
	a:hover   { text-decoration: none; color: #000000; }
	a:visited { text-decoration: none; color: #000000; }
	a:active  { text-decoration: none; color: #000000; }
	
	.font_red {
		color: #9A0000;
	}

	/* Schatten ------------------------------------------------------------------------------ */
	
	.shadow_corner_left_top { background-image:url(/_images/structure/shadow_corner_left_top.gif) }
	.shadow_corner_right_top { background-image:url(/_images/structure/shadow_corner_right_top.gif) }
	.shadow_corner_right_bottom { background-image:url(/_images/structure/shadow_corner_right_bottom.gif) }
	.shadow_corner_left_bottom { background-image:url(/_images/structure/shadow_corner_left_bottom.gif) }
	
	.shadow_top { background-image:url(/_images/structure/shadow_top.gif)	}
	.shadow_right { background-image:url(/_images/structure/shadow_right.gif) }
	.shadow_bottom { background-image:url(/_images/structure/shadow_bottom.gif) }
	.shadow_left { background-image:url(/_images/structure/shadow_left.gif) }
	
	.clearFloat {
		clear:both;
		height:0px;
		overflow:hidden;
	}

/* ********************************************************************************************
 * Header
 ******************************************************************************************* */
	#header {
		position:relative;
		width: 944px;
		height: 53px;
		margin: 22px 14px 22px 14px;
	}
	
	/* Hauptnavigation Kopfbereich ----------------------------------------------------------- */
	#header a:link, #header a:hover, #header a:visited, #header a:active {
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}
	
	#header a:hover {
		color: #9A0000;
	}

/* ********************************************************************************************
 * Content td-Shadow (Inhaltsbereich innerhalb der Strukturtabelle für den Schatten)
 ******************************************************************************************* */
	#content_table {
		background-color: #f4f2f3;
		vertical-align: top;
	}

/* ********************************************************************************************
 * Content (Inhaltsbereich unterhalb vom Header)
 ******************************************************************************************* */
	#content {
		width: 944px;
		margin-left: 14px;
		margin-right: 14px;
		vertical-align: top;
		clear: both;
	}
	
	
/* ********************************************************************************************
 * Content Left (Linker Inhaltsbereich -> Hauptnavigation)
 ******************************************************************************************* */
	#content_left {
		float: left;
		width: 185px;
		margin: 0px;
		vertical-align: top;
		overflow: hidden;
	}


/* ********************************************************************************************
 * Content Middle (Mittlerer Inhaltsbereich -> Inhalte)
 ******************************************************************************************* */
 	#content_middle {
		float: left;
		width: 480px;
		margin: 0px 14px 0px 14px;
		vertical-align: top;
		overflow: hidden;
		background-color: #f4f2f3;
		padding-bottom: 15px;
	}

	#content_middle .content, #content_middle .content_first, #content_middle .content_imp {
		background-color: #e8e8e8; 
		padding: 15px 10px 15px 10px;
		border-bottom: 1px dashed #323232;
	}
	
	#content_middle .content_first {
		padding-top: 5px;
	}
	
	#content_middle .content_imp {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	#content_middle .title {
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	#content_middle h2 {
		margin:0px;
		padding:0px;
		border:none;
		margin-bottom:15px;
	}
	
	#content_middle a:link, #content_middle a:hover, #content_middle a:visited, #content_middle a:active {
		color: #9A0000;
		text-decoration: none;
	}
	
	/* Side Index ---------------------------------------------------------------------------- */
	#content_middle .title_bottom {
		padding: 0px 4px 4px 0px;
		line-height: 18px;
		font-weight: bold;
	}
	
	#content_middle .content_bottom {
		background-color: #e8e8e8;
		padding: 3px 10px 10px 10px;
		border-top: 1px dotted #323232;
		border-bottom: 1px dotted #323232;
	}

	#content_middle .view_image_text {
		border-bottom: 1px dashed #000000;
		background-color: #e8e8e8;
		line-height: 17px;
		margin-bottom: 15px;
	}	
	
	#content_middle .block {
		border-bottom: 1px dashed #000000;
		background-color: #e8e8e8;
		line-height: 17px;
		margin-bottom: 15px;
		padding: 12px 10px 12px 10px;
	}	
	
	.link_start:link, .link_start:hover, .link_start:visited, .link_start:active {
		font-size: 11px;
		color: #000000;

		text-decoration: none;
	}
	
	.link_start:hover {
		color: #9A0000;
	}
	
/* ********************************************************************************************
 * Content Right (Rechter Inhaltsbereich -> Auflistungen oder weitere Informationen)
 ******************************************************************************************* */
 	#content_right {
		width: 250px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		float: right;
	}

	#content_right .title {
		padding: 0px 4px 4px 0px;
		line-height: 18px;
		font-weight: bold;
	}
	
	#content_right .content, #content_right .content2 {
		background-color: #e8e8e8;
		padding: 11px 10px 10px 10px;
		border-top: 1px dotted #323232;
		border-bottom: 1px dashed #323232;
	}

	#content_right .content2 {
		padding-top: 35px;
		font-weight: bold;
	}
	
	#content_right .content2 p {
	  margin-bottom: 35px;
	}
	
	/* Navigation Main ----------------------------------------------------------------------- */
	#nav_main {
		list-style: none;
		text-align: left;
		padding: 0px;                    /* Padding-Eigenschaft für Listenelement auf 0px setzen */
		margin: 0px;                     /* Marging-Eigenschaft für Listenelement auf 0px setzen */
	}
	
	#nav_main li {
		color: #9A0000;
		padding: 10px 4px 4px 0px;
		line-height: 18px;
		border-bottom: 1px dashed #323232;
	}
	
	#nav_main a:link, #nav_main a:hover, #nav_main a:visited, #nav_main a:active {
		font-weight: bold;
		color: #9A0000;
		text-decoration: none;
		font-size: 12px;
	}
	
	#nav_main a:hover {
		color: #000000;
	}
	
	/* Navigation Main Untermenü ------------------------------------------------------------- */
	#nav_main .nav_umnu {
		color: #000000;
		margin-top: 4px;
		padding-top: 4px;
		border-top: 1px dashed #323232;
		text-align: right;
	}
	
	#nav_main .nav_umnu a:link, #nav_main .nav_umnu a:hover, #nav_main .nav_umnu a:visited, #nav_main .nav_umnu a:active {
		font-weight: bold;
		color: #000000;
		text-decoration: none;
		font-size: 12px;
	}
	
	#nav_main .nav_umnu a:hover {
		color: #9A0000;
	}
	
	
	/* Überschrift --------------------------------------------------------------------------- */
	h1 { 
		font-size: 14px;
		font-weight: bold;
		margin: 0px;
		margin-bottom: 16px;
	}
	
	.text_padding { padding-left: 9px; }

	
	/* Auflistung  --------------------------------------------------------------------------- */
	.view_dot {
		padding: 0px;                    /* Padding-Eigenschaft für Listenelement auf 0px setzen */
		margin: 0px;                     /* Marging-Eigenschaft für Listenelement auf 0px setzen */
		margin-left: 10px;
	}
	
	.view_dot li {
		list-style-image: url(/_images/icon_dot.gif);
		list-style-position: outside;
		vertical-align: middle;
		text-align: left;
		padding: 0px 4px 0px 0px;
		margin: 0px 0px 1px 5px;
	}
	
	.view_dot a:link, .view_dot a:hover, .view_dot a:visited, .view_dot a:active {
		text-decoration: none;
	}
	
	.view_dot a:hover {
		font-weight: bold;
	}
	
	
	/* Auflistung Image Doc ------------------------------------------------------------------ */
	.view_doc {
		padding: 0px;                    /* Padding-Eigenschaft für Listenelement auf 0px setzen */
		margin: 0px;                     /* Marging-Eigenschaft für Listenelement auf 0px setzen */
		margin-left: 10px;
	}
	
	.view_doc li {
		list-style-image: url(/_images/icon_doc.gif); 
		list-style-position: outside;
		vertical-align: middle;
		text-align: left;
		padding: 0px 4px 0px 3px;
		margin: 0px 0px 4px 5px;
		font-weight: bold;
		cursor: hand;
	}
	
	.view_doc a:link, .view_doc a:hover, .view_doc a:visited, .view_doc a:active {
		text-decoration: none;
	}
	
	.view_doc a:hover {
		font-weight: bold;
	}
	
	/* Auflistung Referenzen Startseite ------------------------------------------------------------------ */
	.refStart {
		margin-top:11px;
		margin-bottom:10px;
		font-weight: bold;
	}


/* ********************************************************************************************
 * Formatierungen Bereich Report-Text
 ******************************************************************************************* */
	.report_image_description {
		background-color: #e8e8e8; 
		padding: 3px 10px 3px 10px;
		border-bottom: 1px dashed #323232;
	}
	
	.report_image {
		background-color: #e8e8e8; 
		padding: 15px 10px 15px 28px;
		border-bottom: 1px dashed #323232;
		text-align:center;
	}
	
	.report_image_photographer {
		background-color: #e8e8e8; 
		padding: 3px 10px 3px 10px;
		text-align:center;
	}
	


/* ********************************************************************************************
 * Formatierungen Bereich Produkt-Text
 ******************************************************************************************* */
	/* Produkt Header / Footer / stext ------------------------------------------------------- */
	.prod_typ { font-weight: bold; margin-bottom: 3px; }
	.prod_model { font-weight: normal; margin-bottom: 7px; }
	.prod_stext { }
	
	.footer_info { font-size: 11px; font-weight: bold; text-align: left; }
	
	
	/* Auflistung Plus ----------------------------------------------------------------------- */
	#ltext ul {
		padding: 0px;                    /* Padding-Eigenschaft für Listenelement auf 0px setzen */
		margin: 0px;                     /* Marging-Eigenschaft für Listenelement auf 0px setzen */
		margin-left: 12px;
		margin-bottom: 14px;
	}
	
	#ltext ul li {
		list-style-image: url(/_images/symbol/plus.gif);
		list-style-position: outside;
		vertical-align: middle;
		text-align: left;
		padding: 0px 4px 0px 6px;
		margin: 0px 0px 6px 5px;
	}
	
	#ltext ul a:link, #ltext ul a:hover, #ltext ul a:visited, #ltext ul a:active {
		text-decoration: none;
	}
	
	#ltext ul a:hover {
		color: #F88228;
		font-weight: bold;
	}
	
	#ltext p {
		margin-top: 0px;
		margin-bottom: 10px;
	}

	/* Produkt Header / Footer / stext ------------------------------------------------------- */
	.member_name { font-weight: bold; margin-bottom: 3px; }
	.member_year { font-weight: normal; margin-bottom: 3px; }
	.member_discipline { font-weight: normal; margin-bottom: 7px; }
	.member_motto {	font-weight: normal; }
	

/* ********************************************************************************************
 * Formatierungen Bereich Kontaktformular	
 ******************************************************************************************* */
	/* Textfelder ---------------------------------------------------------------------------- */
	.input_text {
		width:260px;
		height: 15px;
		background-color: #ffffff; 
		border: 1px solid #000000;
		color: #000000;
	}
	
	.inputTextError {
		height: 15px;
		border: 1px solid #000000;
		color: #000000;
		background-color: #fbcdcd;
		padding-left:19px;
		background-image:url(/_images/fieldError.gif);
		background-repeat:no-repeat;
		width:241px !important;
	}
	
	.input_text3 {
		width:25px;
		height: 14px;
		background-color: #ffffff; 
		border: 1px solid #000000;
		color: #000000;
	}
	
	.input_text4 {
		width:35px;
		height: 14px;
		background-color: #ffffff; 
		border: 1px solid #000000;
		color: #000000;
	}

	.input_textarea {
		width:334px;
		height: 154px;
		background-color: #ffffff; 
		border: 1px solid #000000;
		color: #000000;
	}
	
	.button {
    border: 1px solid #000000;
		background-color: #f4f2f3;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    width: 105px;
		height: 19px;
    cursor: hand;
	}	
	
	.inputCboError {
		
	}
	
	.inputCboError {
		border: 1px solid #000000;
		color: #000000;
		background-color: #fbcdcd;
		padding-left:19px;
		background-image:url(/_images/fieldError.gif);
		background-repeat:no-repeat;
		width:261px !important;
	}


/* ********************************************************************************************
 * Formatierungen Bereich Kontaktformular	
 ******************************************************************************************* */
	#popup {	
		background-color: #f4f2f3;
		vertical-align: top;
		margin: 10px;
	}
	
	#popup .view_image_text {
		border-bottom: 1px dashed #000000;
		background-color: #e8e8e8;
		line-height: 17px;
		margin-bottom: 25px;
	}	
	
	#popup .nav_botton {
		border-bottom: 1px dashed #000000;
		border-top: 1px dashed #000000;
		background-color: #e8e8e8;
		line-height: 17px;
		padding: 6px 6px 6px 6px;
		margin-bottom: 15px;
		text-align: right;
		font-weight: bold;
		color: #9A0000;
	}
	
	#popup .image {
		margin-top 25px;
		margin-bottom: 25px;
		text-align:center;
	}	
	

/* ********************************************************************************************
 * Formatierungen Bereich Preisanfrage
 ******************************************************************************************* */
	.arrowUpDown {
		float:left;
		border-top: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}