/* 
	-----------------------------------------------------
	Stylesheet zur Darstellung auf dem Bildschirm für Homepage "LIGA H".
	Getestet auf und Optimiert für:
	WIN: IE >= 6, FF >= 1.5, Opera >= 9, Safari 3.1
	MAC: Safari 3.1, FF >= 2, Opera >= 9.2
	author: Monika Sommer
	Stand: 16.06.2009
	-----------------------------------------------------
*/
/* 	
	Globales aufheben der default Abstände aller Elemente basierend auf 
	Eric Meyers "reset reloaded" 
	http://aktuell.de.selfhtml.org/weblog/browserstyles-zuruecksetzen-reset-css
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	/*font-weight:inherit;
	font-style:inherit;*/
	vertical-align:baseline;
}
:focus {
	outline:0;
}
body {
	height: 100.1%; /* verhindert ein "springen" in FF - Scrollbars werden immer angezeigt */
	font-family: "Verdana", "Tahoma", "Arial", "Trebuchet MS","Helvetica",sans-serif;
	background-color: #cecece;
	background-image: url(../images/imgbg.gif);
	background-repeat:repeat-y;
	background-position:center;
	/*text-align: center;*/
}

/*  Aufheben von Floats ohne zusaetzliches Markup 
	http://www.jassesnee.de/easyclear/  */    
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/*  Behelfsklassen: clearer, kein Hintergrundbild, keine Abstaende  */
.clearer {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
}


/* ------------------------- Layout ------------------------------ */
#wrapper {
	margin: 20px auto 20px auto;
	width: 930px;
	}
	
/****** HEADER ******/
.header {
	width: 930px;
	text-align: center;
	background: url(../images/line.gif) 0 bottom no-repeat;
	}
	
	.primNavUl {
		margin-bottom: 10px;
		margin-top: 20px;
		}
		
	.primNavUl li {
		display:inline;
		font-size: 14px;
		text-transform: uppercase;
		line-height: 20px;
		}
		
		.primNavUl li a {
			font-weight: bold;
			color: #af0917;
			cursor: pointer;
			text-decoration: none;
			padding: 1px 4px 1px 4px;
			}
		.primNavUl li a:hover,
		.primNavUl li a.active {
			color: #ffffff;
			font-weight: bold;
			background-color:#af0917;
			padding: 1px 4px 1px 4px;
			}
		.primNavUl li span {
			font-weight: bold;
			color: #999999;
			padding: 0 10px 0 10px;
			}
		
		.secNavUl {
			padding-bottom: 10px;
			}
		.secNavUl li {
			display:inline;
			font-size: 11px;
			line-height: 16px;
			}
		
		.secNavUl li a {
			color: #72010a;
			cursor: pointer;
			text-decoration: none;
			padding: 0 10px 0 10px;
			}
		.secNavUl li a:hover,
		.secNavUl li.active {
			color: #72010a;
			font-weight: bold;
			text-decoration: none;
			}
			
/****** MAINCONTENT ******/			
.mainContent {
	width: 880px;
	background: url(../images/line.gif) 0 bottom no-repeat;
	}
	.distancePadd {
		padding: 25px;
		}
	.distancePadd-1 {
		padding: 25px 0 0 25px;
		}
	.distancePadd-2 {
		padding: 15px 0 0 25px;
		}
	.distancePadd-3 {
		padding: 50px 0 0 0;
		}
	.distancePadd-4 {
		padding: 25px 0 25px 25px;
		}
	.distancePadd-5 {
		padding: 20px 0 0 0;
		}
	.distancePadd-6 {
		padding: 0 0 5px 0;
		}
	.distancePadd-7 {
		margin: 0 0 20px 0;
		}
		
	.contentCol {
		width: 620px;
		padding-right: 25px;
		float: left;
		}
		
		h1.headline,
		h2.headline {
			font-size: 15px;
			line-height: 20px;
			font-weight: bold;
			color: #292929;
			text-transform: uppercase;
			padding-bottom: 5px;
			}
		h1.headlineRed,
		h2.headlineRed,
		h3.headlineRed {
			font-size: 14px;
			line-height: 16px;
			font-weight: bold;
			color: #af0917;
			text-transform: uppercase;
			padding-bottom: 5px;
			}
		.contentCol p,
		.projectContentMiddle p,
		.contentCol p.content {
			font-size: 12px;
			line-height: 18px;
			color: #292929;
			padding: 0 0 0 15px;
			}
			
		p.txt,
		.projectContentMiddle {
			font-size: 12px;
			line-height: 18px;
			color: #292929;
			padding: 0;
			}
			p.news,
			p.reference,
			p.project,
			p.press {
				padding: 0 0 5px 0;
				}
				
		a.linkNews {
			color: #af0917;
			background: url(../images/linkarrow.gif) 0 5px no-repeat;
			padding-left: 12px;
			text-decoration: underline;
			}
				
		a.linkMore {
			color: #af0917;
			background: url(../images/linkarrow.gif) 10px 5px no-repeat;
			padding-left: 22px;
			text-decoration: underline;
			}
			
		a {
			color: #af0917;
			text-decoration: underline;
			}
		
		p.date,
		.projectTxt .date {
			font-size: 11px;
			line-height: 12px;
			color: #292929;
			padding: 5px 0 2px 0;
			}
		
		.contentCol .imgTxt {
			width: 196px;
			float: left;
			margin: 5px 10px -2px 0;
			}
			
		.contentCol ul, ol {
			margin: 15px 0 10px 15px;
			list-style: none;
			}
			.contentCol li {
		
				background: url(../images/liststyle.gif) 0 8px no-repeat;
				font-size: 12px;
				line-height: 18px;
				color: #292929;
				margin: 0 0 8px 15px;
				padding: 0 0 0 15px;
				}
			.contentCol li span {
				padding: 0 0 0 0;
				}
			.contentCol li img {
				width: 6px;
				height: 4px;
				margin-right: 5px;
				background-color: #292929;
				}

/****** CONTENTELEMENTE ******/
.newsBox {
	margin-top: 25px;
	padding-left: 14px;
	}
	
.referenceBox {
	margin-top: 20px;
	padding-left: 14px;
	}
	
	.stripeline-1 {
		background: url(../images/stripline-01.gif) 0 0 no-repeat;
		/*height: 130px;*/
		}
	.stripeline-2 {
		background: url(../images/stripline-02.gif) 0 0 no-repeat;
		/*height: 260px;*/
		}
	.stripeline-3 {
		background: url(../images/stripline-03.gif) 0 0 no-repeat;
		/*height: 390px;*/
		}
	
	.referenceContent {
		width: 605px;
		margin-top: 10px;
		}
		.referenceContent a {
			text-decoration: none;
			}
		.referenceContent a.linkMore {
			text-decoration: underline;
			}
	
	.referenceContent .imgContent {
		width: 196px;
		height: 122px;
		float: left;
		margin: 0;
		}
			
	.referenceTxt {
		width: 394px;
		margin-left: 10px;
		float: left;
		}


/****** PROJECT OVERVIEW ******/
.projectBox {
	width: 884px;
	padding: 0 25px 20px 21px;
	}
	.projectBox .bgTop {
		width: 884px;
		height: 15px;
		background:url(../images/img_teaser-l_top.png) 0 0 no-repeat;
		}
	.projectBox .bgMiddle {
		width: 844px;
		background: url(../images/img_teaser-l_middle.png) 0 0 repeat-y;
		padding: 5px 20px 5px 20px;
		}
	.projectBox .bgBottom {
		width: 884px;
		height: 15px;
		background:url(../images/img_teaser-l_bottom.png) 0 0 no-repeat;
		}
		
	.projectContent {
		width:838px;
		}
		.projectContent a {
			text-decoration: none;
			}
		.projectContent a.linkMore {
			text-decoration: underline;
			}
	
	.projectDistance {
		padding: 0 0 25px 40px;
		}
	.projectTxt {
		width: 626px;
		float: left;
		}
	.projectBox .imgContent {
		width: 196px;
		margin-right: 10px;
		float: left;
		}
		
		
/****** PROJECT IMAGE-GALLERY ******/
.projectContentBox .galleryBox {
	margin-top:20px;
	padding:20px 10px;
	/* background:#000; */
	}
	.projectContentBox .galleryBox img {
		float:left;
		margin:0 10px 15px;
		border:1px solid #000;
		border-width:0 1px;
	}
		
/****** PRESS ******/
.pressBox {
	padding: 10px 25px 5px 15px;
	}
	
	.pressBox p {
		padding: 0; !important
		}
	
	.pressBox a {
		text-decoration: none;
		}
	.pressBox a.linkMore {
		text-decoration: underline;
		}
		
	.iconFormat {
		font-size: 12px;
		line-height: 18px;
		color: #af0917;
		padding: 0 0 2px 15px;
		margin-right: 20px;
		vertical-align: middle;
		}
		

/****** MEMBERS ******/
.membersbox {
	width: 176px;
	height: 102px;
	display:block;
	background: url(../images/imgmembers.png) 0 0 no-repeat;
	margin: 10px 5px 0 15px;
	float:left;
	}
	
	.membersImg  {
		width:140px;
		height: 70px;
		margin: 13px 19px 20px 16px;
		}

/****** CONTACT ******/

form {
	width: 580px;
	margin: 0;
	padding: 25px 25px 0 0;
	}

label {
	display: block;
	width: 200px;
	font-size: 12px;
	color: #292929;
	padding: 3px 0 3px 15px;
	margin-bottom: 3px;
	float: left;
	}
	
p.formError {
	padding-bottom: 25px;
	color: #af0917;
	}
	
.contentCol form p {
	padding-bottom: 25px; !important
	color: #ff8c00;
	}
	
label.error {
	font-weight: bold;
	color: #af0917 !important;
	}
input.error,
select.error,
textarea.error { 
	border:1px solid #af0917 !important;
	}
	
input.col-width {
	width: 349px;
	height: 17px;
	border: 1px solid #292929;
	margin-right: 8px;
	float: right;
	}
	*+ html input.col-width {
		width: 342px;
		}
		
select.col-1-width {
	width: 356px;
	height: 20px;
	float: right;
	display: block;
	border: 1px solid #292929;
	margin-right: 8px;
	}
	*+ html select.col-1-width {
		width: 350px;
		}
		
.textarea-width {
	width: 349px;
	height: 50px;
	float: right;
	display: block;
	border: 1px solid #292929;
	margin-right: 8px;
	}
	*+ html .textarea-width {
		width: 342px;
		}
		
input.txinpt,
select.txinpt,
textarea.txinpt {
	display: block;
	font-family: "Verdana", "Tahoma", "Arial", "Trebuchet MS","Helvetica",sans-serif;
	text-decoration: none;
	color: #292929;
	line-height: 16px;
	font-size: 12px;
	padding-left: 5px;
	}

.buttonFormBox {
	float: right;
	}
	
.buttonForm {
	font-size: 11px;
	color: #292929;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	margin-top: 10px;
	padding: 0 0 2px 0;
	width: 120px;
	height: 40px;
	border: none;
	cursor: pointer;
	background: url(../images/button_form.png) 0px no-repeat;
	}
		

/****** RIGHTCOL ******/
.rightCol {
	width: 200px;
	float: left;
	}
	
	a.imgTeaser {
		width: 200px;
		display: block;
		cursor: pointer;
		}
		
	.bgTop {
		width: 200px;
		height: 15px;
		background:url(../images/img_teaser-s_top.png) 0 0 no-repeat;
		}
		
	.ContactbgTop {
		width: 200px;
		height: 15px;
		background:url(../images/img_teaser-s_top_transp.png) 0 0 no-repeat;
		}
		
	.ContactbgMiddle {
		width: 200px;
		background:url(../images/img_teaser-s_middle_transp.png) 0 0 repeat-y;
		}
	
	.ContactbgBottom {
		width: 200px;
		height: 15px;
		background:url(../images/img_teaser-s_bottom_transp.png) 0 0 no-repeat;
		}
	
	.bgMiddle img {
		width: 200px;
		}
	
	.bgBottom {
		width: 200px;
		height: 15px;
		background:url(../images/img_teaser-s_bottom.png) 0 0 no-repeat;
		}
		
	.bgMiddle {
		width: 200px;
		background:url(../images/img_teaser-s_middle.png) 0 0 repeat-y;
		}
		
	.bgTop-transp {
		width: 200px;
		height: 15px;
		background:url(../images/img_teaser-s_top_transp.png) 0 0 no-repeat;
		}
		
	.bgMiddle p.rightTxt {
		font-size: 11px;
		line-height: 16px;
		color: #292929;
		padding: 0 10px 0 15px;
		}
		
	.twitter {
		font-size: 12px;
		line-height: 18px;
		background:url(../images/icon_twitter.gif) 4px 0 no-repeat;
		padding: 0 0 0 24px;
		}
		
	a.rightLink {
		font-size: 11px;
		line-height: 22px;
		color: #af0917;
		background: url(../images/linkarrow.gif) 0 5px no-repeat;
		padding-left: 12px;
		text-decoration: underline;
		}
	
	
/****** FOOTER ******/
.footerBox {
	width: 880px;
	height: 200px;
	text-align: center;
	margin: 10px 25px 25px 25px;
	}
	
	.szwidget {
		float: right;
		margin-top: -25px;
		}

	.footerBox a.buttonBookmarks {
		float: right;
		margin-top: -25px;
		}
	
	.footerLinkUl {
		margin-bottom: 10px;
		}
	.footerLinkUl li {
		display:inline;
		font-size: 12px;
		line-height: 16px;
		}
		
		.footerLinkUl li a {
			color: #292929;
			cursor: pointer;
			text-decoration: none;
			}
		.footerLinkUl li a:hover,
		.footerLinkUl li.active {
			color: #292929;
			text-decoration: underline;
			}
		.footerLinkUl li span {
			color: #999999;
			padding: 0 5px 0 5px;
			}
			
	.membersBox {
		width: 945px;
		text-align: left;
		margin-top: 20px;
		}
		.membersBox p {
			font-size: 11px;
			color: #7d7d7d;
			}
			
	.membersUl li {
		display:inline;
		}
		
		.membersUl li a {
			cursor: pointer;
			}
		.membersUl li img {
			margin: 10px 15px 10px 0;
			}