/*
CSS: TransOrt - MobilLiftSysteme

NaviLinks:
- Inactive: #ffffff
- Active:   #ffed00
Texte Menü links, Farbe weiß, wenn aktiviert ist Frabe ff ed 00
Texte Menü rechts, hier bitte den Farbton: ff ed 00 und wenn das aktiviert ist weiß

Header:
- H1:		#bcbaba
Überschrift im Header:
Herzlich willkommen (diesen texte ca. 35 punkt groß machen und die Farbe: bc ba ba)


Hintergrund blau: #04378b
diesen Farbton auch für den
Fließtext nehmen

*/


body {
	height: 100%;
	margin: 0;
	background-color: #ffffff;
	font-family: verdana, sans-serif;
}

html,body { /* das brauchen die moz-basierten */
	height: 90%;
	margin: 0;
	/*background-image: url(./pics/bg.gif);
	background-repeat: repeat-y;*/
}


#site {
	/*background-color: #c6ffc6;*/
	width: 1024px;
	/*height: 768px;*/
	height: auto;
	/*float: left;*/
	margin: auto;	
	/*background-color: red;*/
	background-image: url(./pics/bg.gif);
	background-repeat: repeat-y;
}



#site_left {
	width:  198px;
	/*height: 768px;*/
	float:  left;
	background-color: #04378b;
	background-color: red;
}
#site_left_background {
	width:  198px;
	height: 768px;
	float:  left;
	background-image: url(./pics/left.jpg);
	background-repeat: no-repeat;
	background-color: #04378b;
}

#navi_dynamic {
	width:  198px;
	height: 200px;
	margin-top: 50px;
	float:  left;
	/*background-color: silver;*/
}

#site_right {
	width:  826px;
	height:auto;
	float:  right;
	/*background-color: silver;*/
}

#site_header
{
	margin: 0 auto;
	width:  826px;
	height: 175px;
	background-image: url(./pics/header.jpg);
	background-repeat: no-repeat;
	float: left;
}
#site_header_text
{
	margin-left: 29px;
	margin-top: 125px;
	/*width:  826px;
	height:  20px;*/
	font-size: 35px;
	color: #bcbaba;
	float: left;
	/*background-color: #0000FF;*/
}

#site_header_h_spacer
{
	margin: 0 auto;
	width:  826px;
	height:   2px;
	background-color: #ffffff;
	/*background-color: red;*/
	float: left;
}

#site_content {
	width:  826px;
	height: auto;
	float:  left;
	/*background-color: silver;*/
}
#site_content_block {
	width:   685px;
	/*height:  591px;
	height: auto;*/
	/*background-color: green;*/
	float: left;
}
#site_content_h_spacer {
	width:   685px;
	height:   27px;
	/*background-color: yellow;*/
	float: left;
}


#site_content_v_spacer_1, #site_content_v_spacer_3
{
	/*margin: 0 auto;*/
	width:    29px;
	/*height:  591px;*/
	height:  564px;
	/*background-color: red;*/
	float: left;
}
#site_content_v_spacer_2
{
	/*margin: 0 auto;*/
	width:    47px;
	/*height:  591px;*/
	height:  564px;
	/*background-color: red;*/
	float: left;
}
#site_content_left, #site_content_right
{
	margin: 0 auto;
	width:   290px;
	/*height:  591px;*/
	height:  auto;
	/*background-color: #F4F4FF;*/
	/*background-color: silver;*/
	float: left;
}
#site_content_navi
{
	margin: 0 auto;
	width:   141px;
	/*height:  591px;*/
	height: auto;
	background-color: #04378b;
	float: left;
}
/*
#site_content_clear
{
	margin: 0 auto;
	width:   826px;
	height:  10px;
	background-color: red;
	background-color: #04378b;
	float: left;
}
*/



/*=====================================
 Clearing - Einzelaufruf
 =====================================*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */












#navi_dynamic {
 float:  left;
 width: 198px;
 /*background: url(../img/nav_bg.gif) no-repeat top left;*/
}
#navi_dynamic a {
 display: block;
 height: 23px;
 padding:6px 0 0 52px;
 border:0px solid;
 color:#fff;
 font-size:14px;
 text-decoration:none;
 /*background:url(../img/nav_link_bg.gif) no-repeat;*/
 background-position:0 -174px;
 }
 
#navi_dynamic li a:hover, #navi_dynamic li a:active, #navi_dynamic li#act a  {
 color:#ffed00;
 }

 /*
#navi_dynamic li#first a:hover, #navi_dynamic li#first_act a {
 background:url(../img/nav_link_bg.gif) no-repeat;
 background-position:0 0;
 color:#ffed00;
 }
#navi_dynamic li#second a:hover, #navi_dynamic li#second_act a {
 background:url(../img/nav_link_bg.gif) no-repeat;
 background-position:0 -29px;
 }
#navi_dynamic li#third a:hover, #navi_dynamic li#third_act a {
 background:url(../img/nav_link_bg.gif) no-repeat;
 background-position:0 -58px;
 }
#navi_dynamic li#fourth a:hover, #navi_dynamic li#fourth_act a {
 background:url(../img/nav_link_bg.gif) no-repeat;
 background-position:0 -87px;
 }
#navi_dynamic li#fifth a:hover, #navi_dynamic li#fifth_act a {
 background:url(../img/nav_link_bg.gif) no-repeat;
 background-position:0 -116px;
 }
#navi_dynamic li#sixth a:hover, #navi_dynamic li#sixth_act a {
 background:url(../img/nav_link_bg.gif) no-repeat;
 background-position:0 -145px;
 }
 */
#navi_dynamic ul {
 padding:0;
 margin:10px 10px 0 10px;
 list-style-type:none;
 }
#navi_dynamic li {
 height: 25px;
 margin:0 0 0 0;
 padding:0 0 0 0;
 /*background:#5C5C5C url(../img/nav_dotted_line.gif) repeat-x;*/
 background-position:0 34px;
 }
 /*
#navi_dynamic li#sixth {
 background:none;
 }
 */













#site_content_navi {
 float:  left;
 width: 141px;
}
#site_content_navi a {
 display: block;
 height: 23px;
 padding: 6px 0 0 0;
 border:0px solid;
 color:#fff;
 font-size:14px;
 text-decoration:none;
 text-align: center;
 background-position:0 -174px;
 /*background-color: red;*/
 }
 
 /*
#site_content_navi li#first a:hover, #site_content_navi li#first_act a {
 background:url(./pics/MobilLifte.jpg) no-repeat;
 background-position:0 0;
 width: 141px;
 height:196px;
 color:#ffed00;
 }*/
 
#site_content_navi ul {
 padding:0;
 margin:10px 10px 0 0px;
 list-style-type:none;
 }
#site_content_navi li {
 height: 30px;
 margin:0 0 0 0;
 padding:0 0 0 0;
 background-position:0 34px;
 }

#site_content_navi li#MobilLifte, #site_content_navi li#MobilLifteAct {
 background:url(./pics/MobilLifte.jpg) no-repeat;
 width: 141px;
 /*height:196px;*/
 height:auto;
 color:#ffffff;
 padding-top: 170px;
 border-bottom: 2px #ffffff solid;
 }

#site_content_navi li#Rollenhandling, #site_content_navi li#RollenhandlingAct {
 background:url(./pics/Rollenhandling.jpg) no-repeat;
 width: 141px;
 /*height:196px;*/
 height:auto;
 color:#ffed00;
 padding-top: 65px;
 border-bottom: 2px #ffffff solid;
 }
#site_content_navi li#Fasshandling, #site_content_navi li#FasshandlingAct {
 background:url(./pics/Fasshandling.jpg) no-repeat;
 width: 141px;
 /*height:196px;*/
 height:auto;
 color:#ffed00;
 padding-top: 65px;
 border-bottom: 2px #ffffff solid;
 }
#site_content_navi li#Kistenhandling, #site_content_navi li#KistenhandlingAct {
 background:url(./pics/Kistenhandling.jpg) no-repeat;
 width: 141px;
 /*height:196px;*/
 height:auto;
 color:#ffed00;
 padding-top: 64px;
 border-bottom: 2px #ffffff solid;
 }
#site_content_navi li#spezKonstruktion, #site_content_navi li#spezKonstruktionAct {
 background:url(./pics/spezKonstruktion.jpg) no-repeat;
 width: 141px;
 /*height:196px;*/
 height:auto;
 color:#ffed00;
 padding-top: 64px;
 border-bottom: 2px #ffffff solid;
 }






#site_content_navi li a:hover, #site_content_navi li a:active, 
#site_content_navi li#MobilLifteAct a,
#site_content_navi li#RollenhandlingAct a,
#site_content_navi li#FasshandlingAct a,
#site_content_navi li#KistenhandlingAct a,
#site_content_navi li#spezKonstruktionAct a
{
	color:#ffed00;
}
 











.bodytext {
	font-size: 12px;
	color: #04378b;
}

h1 {
	font-size: 18px;
	/*color: #ffed00;*/
	color: #04378b;
}

.csc-textpic-caption {
	font-size: 10px;
	color: #04378b;
}

/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid #04378b;
		padding: 0px 0px;
	}


.internal-link img, .mail IMG, .download IMG
{
	border: none;
}


a:link, a:visited
{
	color: #04378b;	/* Schriftfarbe */
	text-decoration: none;
}
a:hover
{

	color: #f29400;
	text-decoration: none;
}
a:active, a:focus
{
	color: #f29400;
	text-decoration: none;
}