/**
 * ---------------------------------------
 * CSS www.hargen-maschinenbau.de
 * --------------------------------------- 
 * 
 * info@l-vogel.de
 * erstellt: 2009-03-23
 * 
 *
 */
 

html {
    margin: 0;
    padding: 0;
}

body {
	
    padding: 0;
    border: 0;
    margin: 0 auto 0 auto;
	background-color: #fff;
	position: relative;
	
}
.clearer {
	clear: both;
}

#frame {
	margin: 0 auto;
	padding: 0;
	width: 984px;
	height: 606px;
    position: relative;
	
	
}

#msg {
	position:absolute;
	top: 200px;
	left: 300px;
	background-color:#FFFFCC;
	color: red;
	padding: 20px;
	border: 1px ridge black;
}

.msg {
	color: red;
}


/* ------------------------------------
   Navi
   ------------------------------------ */
.navcontainers {
	display: none;
}
/* ------------------------------------
   Header
   ------------------------------------ */

#headerL {

}
#headerC {

}
#headerR {
	display:none;
}

#headerCLogoLayer {
	position: absolute;
	top: 119px;
	left: 263px;
	z-index: 11;
}

#claim {
	/*
	position: absolute;
	top: 60px;
	left: 550px;
	z-index: 12;
	*/
	width:444px;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	
	margin: 0 16px 0 0 !important;
}

#claimHome {
	position: absolute;
	top: 220px;
	left: 550px;
	z-index: 12;
	width:auto;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}
#rHome {
	position: absolute;
	top: 60px;
	left: 500px;
	z-index: 13;
	width:30px;
	height:30px;
	background-color: #b5bfc6;
	
}
#homeTeaser {
	position: absolute;
	top: 339px;
	left: 0px;
	z-index: 99;
	width:263px;
	height:	247px;
	background-image:url(../images/startseite/bg_teaser.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
}
.homeTeaserText {
	padding: 10px 10px 10px 50px;
	font-size: 11px;
	line-height: 120%;
	color: #fff;
}
.homeTeaserHead {
	font-weight: bold;
	font-size: 14px;
	line-height: 120%;
	margin-bottom: 2px;
}



.btnPrint {
	display:none;
}

/* ------------------------------------
   Content
   ------------------------------------ */
#content {
	text-align: left;
}
#contentLeft {
	float:left;
	width: 263px;

}
#contentCenter {
	float:left;
	width: 277px;
}
#contentRight {
	float:left;
	width: 437px;
}

.contentCenterImg {
	margin: 0 0 6px 0;
}

.textContainer {
	margin: 0;
	padding: 30px 50px 0 16px;
}
.boxKontakt {
	height: 151px;
	padding: 0 0 0 16px;
	margin: 0 0 0 16px;
	background-image: url(../images/bullet_fl.gif);
	background-repeat: no-repeat;
	background-position: -2px 0;
}
.boxNews {
	padding: 0 0 0 16px;
	margin: 0 0 6px 16px;
	background-image: url(../images/bullet_fl.gif);
	background-repeat: no-repeat;
	background-position: -2px 3px;
}
.boxNewsImg {
	float: right;
	margin: 0 0 0 10px;
}

.imgBox {
	float: right;
	/*margin: 6px 0px 12px 12px !important;*/
	padding: 0;
	width: 2px;
	height: auto;
}
html>body .imgBox  {
	width: 192px;
}

.imgBox img {
	border: 0;
	margin: 6px 0px 0 12px !important;
}
.imgText {
	margin: 0 0 0 12px !important;
	width: 180px;
	background-color: #b5bfc6;
}
/* ------------------------------------
   Navigation
   ------------------------------------ */
/* s. navigation.css */

/* ------------------------------------
   Footer
   ------------------------------------ */
#footer {
	clear:both;
	border-top: 1px solid  #000;
	margin: 30px 0 20px 0 !important;
}

#footer a {
	
}

/* ------------------------------------
   Boxes
   ------------------------------------ */
   
 
   
/* ------------------------------------
   Text
   ------------------------------------ */



h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 160%;
	font-weight: bold;
	color: #014598;
	margin: 0 0 6px 0;
	padding: 0;

}

h2 {
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 160%;
	font-weight: bold;
	color: #014598;
	margin: 0 0 6px 0;
	padding: 0;
}

/* Datum */
h3 {
	font-size: 10px;
	margin: 0;
	padding: 0;
}
/* News Headline */
h4 {
	font-size: 14px;
	
	margin: 0;
	padding: 0;
}

/* Text allgemein */
div, p, div p, p div, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 160%;
	color: #37373a;
	margin: 0;
	padding: 0;
}
.firstLetter {
	background-image: url(../images/bullet_fl.gif);
	background-repeat: no-repeat;
	background-position: -2px 0;
	padding: 0 0 0 9px;
}

p {
	padding: 0 0 6px 0 !important;
}

.white, a.wite {
	color: white !important;
}

/* ------------------------------------
   Listen
   ------------------------------------ */
ul {
    list-style-image:url(../images/bullet_list.gif);
	
	list-style-position: outside;
	padding: 0 0 0 16px;
	margin: 0px 0 10px 0;
	
}
ul li {
	line-height: 120%;

}



/* ------------------------------------
   Links (andere)
   ------------------------------------ */

a { 
    color: #014598;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
    font-weight:bold;
	text-decoration: underline;
	color: #014598;
}

.linkMore {
	text-align: right !important;
}

.boxKontakt a {
	font-weight: normal !important;
    text-decoration: none;
}
.boxKontakt a:hover {
	font-weight: normal !important;
    text-decoration: underline;
}

/* ------------------------------------
   Kontaktformular
   ------------------------------------ */

.boxForm {
	margin: 20px 0 30px 0;
}	   
   

.formbut {
	padding:1px;
	margin: 1px 0 1px;
	font-size: 12px;
	border:1px solid #666;
	background-color:#33a5e0;
	color: #fff;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* Tabelloses Forumlar */


.formfield {
    display: block;
	float: left;
	width: 200px;
	padding:1px;
	margin: 1px 0 1px;
	font-size: 12px;
	border:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



label {
    display: block;
	text-align: left;
	float: left;
	width: 180px !important;
	margin: 0 0 0 0;
	padding: 0 10px 0 2px;
	font-size: 12px !important;
}
textarea {
	margin: 4px 0 20px 0 !important;
	width: 200px;
	height: 100px;
	font-size: 12px;
	border:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#agb_icon {
	position: absolute;
	top: 360px;
	left: 540px;
	width:24px;
	height:24px;
}

/* ------------------------------------
   Table
   ------------------------------------ */
table {
	border: 0;
	padding: 0;
	margin: 0;
}   
table td {
	border: 0;
	padding: 1px;
	vertical-align: top;
} 

table  th {

}  


/* ------------------------------------
    Flash Film unter Layern
    ------------------------------------ */
.flashcontain {
	position: absolute;
	z-index: 1; 
}

.flashOverlay {
	position: absolute;
	z-index: 10;
	height:263px;
	width: 720px;
}


/* ------------------------------------
   Pager
   ------------------------------------ */
#boxPager {
    padding: 3px;
    margin: 30px 0px 6px 0px;
    border: 0;
    font-size: 12px;
    text-align: center !important;
}
.pager {
    color: #005aaa; 
    font-weight: normal; 
    text-decoration: none; 
    background-color: #fff;
    border:1px solid #005aaa; 
    padding:2px;
}
a.pager:link, a.pager:visited, a.pager:active {
    
	color: #fff; 
    font-weight: normal; 
    text-decoration: none; 
    background-color: #005aaa;
    border:1px solid #005aaa; 
    padding:2px;
}
a.pager:hover { 
    color: #fff !important; 
    font-weight: normal; 
    text-decoration: none; 
    background-color: #b5bfc6; 
    border:1px solid #b5bfc6; 
    padding:2px;
}


/* ------------------------------------
   Formulare
   ------------------------------------ */
.formbut {
	border:1px solid #005aaa; 
	background: #005aaa;  
	font-size: 12px; 
	font-weight: normal; 
	color: #fff;
	width: auto;
	padding: 0;
	margin: 0;
	}
.formfield {
    border:1px solid #035903; 
	background: #81ac81;  
	font-size: 12px; 
	font-weight: normal; 
	color: #222;
	width: 200px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}

/* Tabelloses Forumlar */
.formDisplay {
    display: block;
	float: left;
	border:1px solid #005aaa; 
	background: #b5bfc6;  
	font-size: 12px; 
	font-weight: normal; 
	color: #37373a;
	width: 200px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}
.formDisplayEmpty {
    display: block;
	float: left;
	border:1px solid red; 
	background: #81ac81;  
	font-size: 12px; 
	font-weight: normal; 
	color: #222;
	width: 200px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}
.formDisplayHidden {
    background: none; 
    display: block;
	float: left;
	border:0;  
	width: 200px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}

textarea {
 	display: block;
	float: left;
	border:1px solid #035903; 
	background: #81ac81;  
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	color: #222;
	width: 200px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}

.formLabel, .noLabel {
    display: block;
	text-align: left;
	float: left;
	width: 100px !important;
	padding-right: 10px;
	border: 0;
	margin-bottom: 3px;
}



/* ------------------------------------
   Lightbox-Galery / Multibox-Galery
   ------------------------------------ */
.gallery {
    border: 0;
    width: 270px;
	padding: 20px 0 0 10px;
	margin: 0 0 0 0 ;
}
.gallery td {
    width: 140px;
}
.ligallery {
    margin: 0 0 0 0;
}
.gallery_image {
    border: 0;
    padding: 5px;
    text-align:center !important;
    vertical-align: middle !important;
	border: 1px solid #b5bfc6;
	color: #818181;
	background-color: #fefefe;
}
.gImgCont {
     text-align:center !important;
     height: auto;
}
.gImgCont img {
    border: 0;
}

.gTable {
    margin: 4px 0 4px 0;

	
}
.galleryNav { 
    border:0; 
    padding:0;
}

.galleryNav a {
    margin: 2px !important;
}

/*
a.galleryNav, .galleryNav a {

    color: #222; 
    font-weight: bold; 
    text-decoration: none; 
    background-color: #f0f0f0 !important; 
    border: 1px outset #0464cf;
    padding:4px;
    font-size: 12px;
}
a.galleryNav:hover,  .galleryNav a:hover { 
    color: #222; 
    font-weight: bold; 
    text-decoration: none; 
    border: 1px outset #0464cf;
    padding:4px;
    font-size: 12px;
    background-color: #8da2bd !important; 

}
*/

.gallerylMedianame {
    display:block;
    text-align: center;
    font-size:11px;
    color: #5a595d;
    font-weight:normal;
    padding: 2px;
}