/* Last Update 24.04.2010 */

body {
	margin:0 auto;
	font-size:11px;
}

strong {
	font-weight:bold;
	}
	
em {
	font-style:italic;
}

/* --- RTE Klassen --- */

UL {
	
	list-style-image:url("../../fileadmin/pics/list-icon.gif");
	padding-left:16px !important;
	padding-bottom:15px;
	line-height:20px;
	list-style-position:center;
	}

P {
	line-height:18px;
	padding-bottom:15px;
}

P A, #content UL A {
	color:#003366;
	font-weight:bold;
	padding-left:14px;
	background-image:url("../../fileadmin/pics/textlink-icon.gif");
	background-position:left 3px;
	background-repeat:no-repeat;
}

#content UL A {
	background-image:none;
	padding-left:0px;
}
	
	
#content UL UL A {
	font-weight:normal;
}

P A:HOVER {
	border-bottom:1px dotted #003366; 
	background-image:url("../../fileadmin/pics/textlink-icon.gif");
}

P A:VISITED {
	color:#666;
	background-image:url("../../fileadmin/pics/textlink-icon_visited.gif");
}

P A.mail {
	background-image:url("../../fileadmin/pics/maillink-icon.gif");
	padding-left:14px;
	background-position:left 5px;
}

P A.mail:VISITED {
	background-image:url("../../fileadmin/pics/maillink-icon_visited.gif");
}
	

/*** Tabelle ***/

TABLE {
	padding-top:0 !important;
	margin-top:0 !important;
	margin-right:0px !important;
	width:100% !important;
	text-align:left;
	margin-bottom:15px;
	font-size:1em;
}

TABLE P {
	font-size:1em;
	padding-bottom:3px;
}

CAPTION {
	font-size:1.2em;
	font-family:Arial;
	color:#069;
	padding-bottom:15px;
	text-align:left;
}


TH, TD {
	padding:5px;
	font-size:1em;
	}
	
TD {
	border-bottom:1px dotted #a3a3a3;
	}
	
TH {
	background-color:#f1f9fc;
	}
	

THEAD P{
	font-weight:bold;
	color:#666;
	}
	
/*** Tabelle ***/


SPAN.text_grau {
	color:#666;
}

DIV.hintergrund_blau {
	background-color:#f1f9fc;
}

/* --- Headlines --- */

H1 {
	font-size:2em;
	font-family:Arial;
	color:#069;
	padding-bottom:20px;
}

H2, H2 A {
	font-weight:normal;
	font-size:1.65em;
	font-family:Arial;
	color:#069;
	padding-bottom:12px;
}

H3, H3 A {
	font-weight:normal;
	font-size:1.38em;
	font-family:Arial;
	color:#069;
	padding-bottom:10px;
}
	
/* --- TYPO3 Klassen --- */

/*Googlemap:*/

DIV.tx-lumogooglemaps-pi1 {
	width:300px !important;
	
	}
	
.gmapDir {
	width:200px !important;
	border:1px solid green;
	display:block;
}

#gmapDirHeadTo {
	width:200px !important;
	}
	
div .tx_lumogooglemaps_pi1_sidebar {
	display:none;
	}
	
DIV#map_5381f32e72 IMG {
	padding-left:5px;
	}
	
.tx_lumogooglemaps_pi1_infobox A, .gmapDir A{
	color:#003366;
	font-weight:bold;
	padding-left:14px;
	background-image:url("../../fileadmin/pics/textlink-icon.gif");
	background-position:left 3px;
	background-repeat:no-repeat;
}

.tx_lumogooglemaps_pi1_infobox IMG {
	margin-left:-14px;
	}
	
/**** HTML Sitemap ****/

DIV.tx-flseositemap-pi1 {
	padding-left:0px;
	margin-left:0px;
	}

.tx-flseositemap-pi1 UL UL{
	padding-bottom:0px;
	}
	
.tx-flseositemap-pi1 UL, UL.csc-menu-1 {
	list-style:none;
	}
	
		
#content UL.list A, #content UL.csc-menu LI A   {
	padding-left:14px;
	background-image:url("../../fileadmin/pics/textlink-icon.gif");
	background-position:left 3px;
	background-repeat:no-repeat;
	}
	
#content UL.list A:HOVER, UL.csc-menu-1 LI A:HOVER {
	border-bottom:1px dotted #a3a3a3; 
	background-image:url("../../fileadmin/pics/textlink-icon.gif");
	}
	
#content UL.list A:VISITED, #content UL.csc-menu-1 LI A:VISITED {
	color:#666;
	background-image:url("../../fileadmin/pics/textlink-icon_visited.gif");
}

.csc-textpic-intext-left ul { 
	
	overflow: auto !important; 
	height: auto !important; 
	}
	
#content ul.deep0, UL.csc-menu-1 {
	margin-left:-15px;
	}
	
/*-----------------*/

.csc-textpic-caption {
	background-color:#f1f9fc;
	padding:8px;
	font-size:0.9em;
	line-heigt:14px;
	}
	
	
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; 
		margin-right: 0px;
	}

	
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; 
		margin-left: 0px;
	}

	
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; 
		margin-left: 0px !important;
		margin-right:0px !important;
	}

	
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { 
		margin-bottom: 0px; 
		}
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { 
		margin-bottom: 0px !important;
		display: block; 
		}
		

		

/* --------------------- */

DIV#container_outer {
	margin:0 auto;
	width:90%;
	max-width:980px;
	min-width:680px;
  	
}

DIV#container_outer {
  width: expression(document.body.clientWidth < 680? "680px": "auto" 
  &&
  document.body.clientWidth > 980? "980px": "auto" );
}



DIV#container_inner {
	
	border:1px solid #ccc;
	padding:0px 20px 25px 20px;
	
	font-family:Verdana;
	margin-top:20px;
	
}




DIV#header {
	margin-top:4.5%;
	margin-bottom:2.5%;
	float:left;
	width:100%;
	position:relative;
	
}

DIV#logo {
	
	float:left;
	width:181px;
	padding-left:20px;
}

DIV#metanavi_inner {
	
	width:auto; 
	margin-top:2.8%;
	padding-top:3px;
	position:absolute;
	bottom:18px;
	right:210px;
	text-align:right;
	
}

DIV#metanavi_inner UL {
	
	width:auto;
	display:inline;
	padding:0px;
	padding-left:8px !important;
	margin:0px;
	line-height:15px;
	}

DIV#metanavi_inner UL LI{
	display:inline;
	padding-right:13px; 
}

DIV#metanavi_inner A {
	font-size:1.1em;
	font-family:Arial;
	font-weight:bold;
	color:#666;
}

/**** EXTENSION FONTSIZE ****/

.tx-ghfontsize-pi1 {
	width:200px !important;
	position:absolute;
	bottom:-1px;
	left:-210px;
	text-align:right !important;
	background:none;
	padding-bottom:0px;
}

.tx-ghfontsize-pi1 UL {
	width:auto;
	text-align:right !important;
	float:right;
	}

.tx-ghfontsize-pi1 li {
	padding-top:2px;
	padding-bottom:0px;
	padding-right:0px !important;
	padding-left:5px;
	}
	
.tx-ghfontsize-pi1 A {
	font-family:Arial;
	font-weight:bold;
	color:#666;
	}

#tx-ghfontsize-smaller, .tx-ghfontsize-reset, .tx-ghfontsize-larger { 
	line-height: 15px !important;
	}
	
#tx-ghfontsize-smaller {
	font-size:0.8em !important; 
	}

#tx-ghfontsize-reset {
	font-size:1.0em !important; 
}

#tx-ghfontsize-larger {
	font-size:1.3em !important;
}	 

DIV#metanavi A:HOVER {
	color:#333;
	}
	

DIV#lang {
	padding-left:0px;
	padding-right:0px;
	text-align:right;
	width:105px;
	float:left;
	line-height:15px;
	}
	
DIV#lang UL {
	padding-bottom:0px;
	}
	
DIV#metalinks {
	float:right;
	}
	
DIV#search {
	
	width:210px !important;
	height:36px !important;
	position:absolute;
	bottom:0px;
	right:0px;
}


DIV.clear {
	clear:both;
	background-color:none;
}


/**** HEADER PICS ****/

DIV#header_pic {
	width:100%;
	height:200px;
	margin-top:10px;
	background-repeat:no-repeat;
}

DIV.pic_start {
	background-image:url("../../fileadmin/pics/header-pic-start.jpg");
}

DIV.pic_profile {
	background-image:url("../../fileadmin/pics/header-pic-profile.jpg");
}

DIV.pic_products {
	background-image:url("../../fileadmin/pics/header-pic-products.jpg");
}

DIV.pic_projects {
	background-image:url("../../fileadmin/pics/header-pic-projects.jpg");
}

DIV.pic_aboutus {
	background-image:url("../../fileadmin/pics/header-pic-aboutus.jpg");
}

DIV.pic_contact {
	background-image:url("../../fileadmin/pics/header-pic-contact.jpg");
}




DIV#mainnavi_outer {
	width:100%;
}


	
DIV#content {
	font-size:1em;
	padding-top:20px;
	width:100%;
	
	
}

DIV#content_left {	
	padding-right:240px !important;
	/*position:relative;*/
	
	
}

/*DIV#dummy_right {
	width:200px;
	height:100%;
	float:right;
	background:orange;
	}*/

DIV#breadcrumb {
	color:#666;
	font-family:Verdana;
	font-size:0.94em;
	line-height:25px;
	border-bottom:1px dotted #a3a3a3;
	border-top:1px dotted #a3a3a3;
	margin-bottom:20px;
	/*height:25px;*/
}



DIV#breadcrumb A {
	color:#666;
	font-family:Verdana;
	font-size:1em;
	white-space:pe-wrap;
}

/*DIV#bread_left {
	float:left;
	}*/


DIV#breadcrumb A:HOVER {
	color:#333;
	}
	
DIV#history {
	text-align:right;
	float:right;
}



DIV#content_right {
	width:220px;
	height:100%;
	padding-left:20px;
	float:right;
	background-color:#fff !important;
}


DIV#content_right .right_wrap {
	background-color:#f1f9fc;
	margin-bottom:20px;
	width:220px !important;
	padding:0px;
	padding-bottom:12px;
	padding-top:15px;
}

DIV#content_right .right_wrap IMG {
	background-color:#fff !important;
	text-align:center;
	margin-bottom:-15px;
	margin-top:-15px;
	}

#content_right H4, #content_right H1 ,#content_right H2, #content_right H3 {
	padding:0px 15px 15px 15px;
	color:#666;
	font-size:1.1em;
	font-weight:bold;
	font-family: Verdana;
}




#content_right H4 A, #content_right H1 A, #content_right H2 A, #content_right H3 A {
	color:#003366;
	font-size:1em;
	font-family:Verdana;
	font-weight:bold;
	padding-bottom:0px;
}

#content_right H4 A:HOVER, #content_right H1 A:HOVER, #content_right H2 A:HOVER, #content_right H3 A:HOVER {
	border-bottom:1px dotted #003366;
	
}


DIV#content_right P {
	width:190px !important;
	padding:0px 15px 15px 15px;
	}
	
DIV#content_right .csc-textpic P {
	padding-top:30px;
	}

DIV#content_right IMG {
}

DIV#content_right .csc-textpic-caption {
	padding-top:20px !important;
	padding-left:15px;
	padding-bottom:0px;
	padding-right:15px;
}

/*** Footer ***/

DIV#footer {
	float:left;
	width:100%;
	font-family:Verdana;
	font-size:0.9em;
	padding-top:2.3%;
	padding-bottom:30px;
	text-align:center;
}

DIV#footer UL {
	padding-bottom:0px;
	line-height:18px;
	}

DIV#footer A {
	color:#7a7a7a;
	font-weight:bold;
}
	
DIV#footer A:HOVER {
	color:#333;
}

DIV#footer_left {
	float:left;
	padding-left:20px;
	padding-right:17%;	
}

DIV#footer_left A {
	background-image:url("../../fileadmin/pics/print-icon.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	}
	
DIV#footer_left A:HOVER {
	background-image:url("../../fileadmin/pics/print-icon_hover.gif");
	}

DIV#footer_middle {
	float:left;
	width:330px;
	text-align:center;
	color:#999;
}

DIV#footer_right {
	float:right;
	padding-right:20px;
	text-align:right;
}

DIV#footer_right A{
	background-image:url("../../fileadmin/pics/totop-icon.gif");
	background-position:left 7px;
	background-repeat:no-repeat;
	padding-left:12px;
	}
	
DIV#footer_right A:HOVER{
	background-image:url("../../fileadmin/pics/totop-icon_hover.gif");
	}
DIV#footer_middle UL {
	padding-bottom:2px;
	}

DIV#footer_middle UL LI{
	display:inline;
}

DIV#footer_middle UL LI A{
	color:#999;
	font-weight:normal;
}


/* **** */

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {
	border: none;
	margin-left:-14px !important;
	}
	
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD A {
	background:none !important;
	}
	
/* Abstand unter den Bildern 
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { 
	margin-bottom: 0px !important; 
	}
	
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { 
	margin-bottom: 0px;
	display: block; 
	}

.csc-textpic-intext-left-nowrap {
	float:left !important;
	}


/*Stifticons über Linkicons schieben*/
img.frontEndEditIcons {
	margin-left:-15px !important;
	margin-top:2px !important;
	background:#fff !important;
	position:absolute;
	
	}

/* IE6 Hack für max-width:
 * Expression ist eine proprietäre Eigenschaft ausschließlich des Internet Explorer . 
 * Ist das Browserfenster größer als 1100 Pixel, wird dem #container die feste Breite von 1100 Pixel zugewiesen.
#container {
  width: expression(document.body.clientWidth > 1100? "1100px": "auto" );
}
*/



