/*** HTML BASIS CSS ***/

* {
  margin: 0;
  padding: 0;
}

html { 
	height: 100%; 
}

body {
  height: 100%;
  font-family: Verdana;
  font-size: 11px;
  color: #263543;
  background: #FFFFFF;
}
.align-justify,#col1 .csc-textpic-text,#col1 p {
  text-align: justify;
}
a {
  color: #1E2D5F;
  text-decoration: underline;
	/*font-weight: bold;*/
}
a:hover { 
	text-decoration: underline;
}

#menu2 a {
  color: #1E2D5F;
  text-decoration: none;
	font-weight: bold;
}
#menu2 a:hover { 
	text-decoration: none;
}
#sitelinks a {
  color: #1E2D5F;
  text-decoration: none;
	font-weight: bold;
}
#sitelinks a:hover { 
	text-decoration: none;
}

p {
	color: #808080;
	font: 12px Verdana, Geneva, sans-serif;
	line-height: 15px;
}
h1,h2,h3,h4,h5,h6 { 
	font-size: 1em;
}

img,fieldset { 
	border: 0; 
}

legend { 
	display: none; 
}
menu {
	background-color:#0F0;
}
div {
	padding:0;
	margin:0;
}
embed {
	width: 500px;
	height:320px;
}
/********************
* TYPO3 CLASSES
********************/

.align-right   { text-align: right;   }
.align-center  { text-align: center;  }
.align-left    { text-align: left;    }
.align-justify { text-align: justify; }


/********************
* TYPO3 EXTENSIONS
********************/

	

/********************
* LAYOUT
********************/

		#bg_home {
			background-color:#CDD2DC;
		}				
		#bg_leistungen {
			background-color:#CDD2C3;
		}	
		#bg_unternehmen {
			background-color:#CDC8C3;
		}	
		#bg_start {
			background-color:#1E2D5F;
		}

/*** NON DISPLAYED IDs ***/

	#jump,#path,#lang,#search { display: none; }
	
/****
	PSEUDO
		****/
		
		#top {

		}
		
		#end {

		}

/****
	CONTAINTER
		****/

		#container {
			position:absolute;
			left:50%; margin-left:-500px;
			width:900px;
			background-image:url(../img/bg/bgtop.gif);
			background-repeat:no-repeat;
			height: 305px;
		}		
		
		
/****
	HEADER
		****/
		
		#header {
			position: absolute;
			padding: 25px 0 0 396px;
			z-index:2;
		}
		#headerButton {
			width:102px; height:19px;	
			text-decoration:none;				
			text-align: center;
			z-index: 3;
			cursor:pointer;
			color:#FFFFFF;
			font-weight: bold;
		}
		#headerLeft {
			position:absolute;
			padding:20px 0px 0px 40px;
			font: 17px Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			font-style:oblique;
			width:295px; height:70px;
			z-index:2;
		}

/****
	JUMP
		****/
		
/****
	PATH
		****/
		
		

/****
	CONTENT & SITEMETA
		****/
		
		
		/*** CONTENT ***/
				
			#content {
				position: absolute;
				padding:164px 0 0 0;
				width: 100%;
			}

			#contentRigthBottom {
				background-color:#F7F7F7;
				background-image: url(../img/bg/contentRightBottom.gif);
				background-position: bottom right;
				background-repeat:no-repeat;
				height:71px;
				z-index:2;
				/*margin-top:-20px;*/
			}
			#contentLeftBottom {
				background-color:#F7F7F7;
				background-image: url(../img/bg/contentLeftBottom.gif);
				background-position: bottom left;
				background-repeat:no-repeat;
				width:295px;
				vertical-align:top;
			}
			
			/*** COL1 ***/

				#col1 {
					background-image: url(../img/bg/contentRightTop.gif);
					background-position:top right;
					background-repeat:no-repeat;
					padding: 35px 32px 0 32px;
					vertical-align: top;
					background-color: #F7F7F7;
					width: 540px;
					z-index:1;
				}
				#col1 a{
					font-weight: normal;
					text-decoration: underline;
				}
				#col1 h3 {
					margin: 0;
					padding: 0 0 22px 0;
					color: #1E2D5F;
					font-size:19px;
					font-weight: normal;
				}
				#col1 h4 {
					color: #1E2D5F;
					font: 12px Verdana, Geneva, sans-serif;
					line-height:1.8;
				}
				#col1 p {
					line-height:1.8;
				}
				#col1end {
					background-image: url(../img/bg/bgbottom.gif);
					background-repeat:no-repeat;
					width: 100%;
					height: 73px;
				}
				#col1flash
				{
					margin-left:-325px;
					margin-top:-77px;
				}
				#col1 th{
					text-align: left;
					color: #808080;
					font: 12px Verdana, Geneva, sans-serif;
					line-height: 15px;		
					font-weight: bold;
					padding: 3px 20px 3px 3px;
					border-color: #808080;
					border-width: 1px 1px 0 0;
					border-style: solid;
					vertical-align:top;
				}
				#col1 td{
					padding: 3px 20px 3px 3px;
					border-color: #808080;
					border-width: 1px 1px 0 0;
					border-style: solid;
					vertical-align:top;
				}
				#col1 table{
					border-color: #808080;
					border-width: 0 0 1px 1px;
					border-style: solid;
					border-spacing:0;
					border-collapse:0;
				}
				#mitarbeiterList table{
					border: 0px;
					padding: 0; 
				}
				#mitarbeiterList td{
					padding: 0; 
					border: 0px; 
				}
				#mitarbeiterList th{
					padding: 0; 
					border: 0px; 
				}				
			/*** COL2 ***/
				#col2 {
					position:relative;
					margin-top: -40px; /*609*/
					width: 237px;
					min-height: 125px;
					z-index: 2;
				}		
				#col2 h3 {
					margin: 0;
					padding: 0 0 8px 77px;
					color: #FFFFFF;
					font-size:12px;
					font-weight: bold;
				}		
				#col2 p {
					color: #FFFFFF;
					font-size:11px;
					padding:0 0 6px 77px;
					line-height:1.1;
				}
				#col2 a {
					padding-top: 8px;
					text-align: right;
				}
				#col2corner {
					background-position: top left;
					background-repeat: no-repeat;
					width: 295px;
					height: 79px;
				}
				#col2bg {
					position: absolute;
					left: 20px;
					margin-top: 20px;
				}
			/*** MEDIA ***/
		
				#media {
					position: absolute;
					padding: 0px 0px 0px 290px;
				}		
		
		/*** SITEMETA ***/
		
			#sitemeta {
				position: absolute;
				padding:0;
			}
		
			/*** MENU ***/

				#menuLink a {
					background-image:url(../img/navigation/grau.gif);
					background-repeat:no-repeat;
					width:95px; 
					height:19px;	
					text-decoration:none;				
					text-align: center;
					margin:0px 3px;
					padding: 4px 15px;
				}
				#menu a {
					color: #FFFFFF;
				} 
				#menuBG {
					position:absolute;
					z-index:1;
				}
				#menuBGMiddle {
					position: relative; 
					z-index:0; 
					margin-top: 79px; 
					width:295px; 
				}				
				#menuBGMiddle img {
					width: 100%;
					height:198px;
				}
				
				.news-list-browse{
					font: 12px Verdana, Geneva, sans-serif;
					padding-top:14px;
					text-align:left;
					color:#808080;
					font-weight:bold;
				}
				.news-list-browse a{
					font-weight:bold;
				}				
			/*** MENU2 ***/
			
				#menu2 {
					position: relative;
					background-position:top right;
					background-repeat: no-repeat;
					padding: 36px 0 0 77px;	/*259*/
					margin:0;
					z-index: 2;
					font-size:12px;
					width:218px;
					min-height:335px;
					border-right: 1px solid #F7F7F7;
				}
				#menu2end {
					positon: relative;
					background-position:top right;
					background-repeat: no-repeat;
					z-index: 2;
					width:295px;				
					height:79px;
					border-right: 1px solid #F7F7F7;
				}
				#menuHeader{
					margin-bottom: 23px;
				}
				#menuHeader a {
					font-size: 14px;
					color: #FFFFFF;
				}	
				#menu2 div {
					padding-bottom: 8px;
				}
				.active {
					color: #FFFFFF;
				}
				#menuLeft {
					text-align: right;
					position:relative;
					margin:0px 0px 0px 0px;
					z-index: 1;
					width: 100%;
					height: 70px;
				}
				
			/*** LOGO ***/

				#logo {
					position: absolute;
					padding: 28px 0px 0px 38px;
					z-index:100;
				}

			/*** SITELINKS ***/
			
				#sitelinks {
					position: absolute;
					padding: 13px 0 13px 63px;
					font-size: 10px;
					float: left;
					z-index: 80;
				}			

			/*** COPYRIGHT ***/
			
				#copyright {
					position: absolute;
					padding: 13px 0 0 714px;
					font-size: 10px;
					color: #808080;
					font: 10px Verdana, Geneva, sans-serif;
				}		
				
/****
	SEARCH
		****/
		
		
/****
	LANG
		****/
			
			
			
/****
	FOOTER
		****/
#col2 a.internal-link {
	padding: 0px 0px 0px 0px;
	text-align: left;
}
