/*
Theme Name: InterFace AG
Theme URI: http://www.interface-ag.com
Description: InterFace AG Official Theme
Version: 2.0
Author: InterFace AG, Felix Lange
Author URI: http://www.interface-ag.com, http://www.felixlange.de
*/

html, body, * {
	padding: 0;
	margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	
	background-color: #f9f9f9;
	background-image: url("img/bg.gif");
	background-repeat: repeat-x;
}

#conMain {
	width: 800px;
	margin: 0 auto;
}

	#conMain #conMainNav { height: 46px; }
	
	#conMain #conMainNav ul {
		list-style: none;
		width: 780px;
		margin: 0 auto;
	}
				
	#conMain #conMainNav ul li {
		float: left;
		
		width: 260px;
		padding: 15px 0;
		
		text-align: center;
	}
	
	#conMain #conMainNav li#firstItem { margin-left: 0; }
	
	#conMain #conMainNav li#lastItem { margin-right: 0; }
	
	#conMain #conMainNav ul li a {
		display: block;
		
		font-size: 1.4em;
		font-weight: bold;
		color: #333;
		text-decoration: none;
	}
	
	#conMain #conMainNav ul li a.active { color: #ff9900; }
	
	#conMain #conMainNav ul li.current_page_item a { color: #ff9900; }
	#conMain #conMainNav ul li.current_page_parent a { color: #ff9900; }
	#conMain #conMainNav ul li.current_page_ancestor a { color: #ff9900; }
	
	#conMain #conMainNav ul li a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	#conMain #conMainNav ul li.current_page_item a:hover { color: #ff9900; }
	#conMain #conMainNav ul li.current_page_parent a:hover { color: #ff9900; }
	#conMain #conMainNav ul li.current_page_ancestor a:hover { color: #ff9900; }
	
	#conMain #kopfgrafik {
		margin-top: 25px;
		margin-bottom: 5px;
		height: 130px;
		background-image: url("img/wellen_text_2.gif");
		background-repeat: no-repeat;
		background-position: bottom;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	#conMain #kopfgrafik a img {
		display: block;
		margin: 10px;
		border: none;
		text-decoration: none;
	}
	
	#conMain #metaNav {
		width: 780px;
		padding: 0 10px;
	}
	
	#conMain #metaNav ul {
		list-style: none;
		float: right;
	}
	
	#conMain #metaNav ul li {
		float: left;
		margin-left: 15px;
	}
	
	#conMain #metaNav ul li a {
		display: block;
		
		font-size: 1.1em;
		color: #a9a9a9;
		text-decoration: none;
	}
	
	#conMain #metaNav ul li a:hover { text-decoration: underline; }
	
	#conMain #conContent {
		margin-top: 30px;		
	}
	
	#conMain #conContent #col1 {
		width: 380px;
		margin-right: 30px;
		margin-bottom: 30px;
		float: left;
	}
	
	#conMain #conContent #col2 {
		width: 390px;
		margin-bottom: 30px;
		float: right;
	}
	
	#conMain #conFooter {
		margin-bottom: 25px;
		padding-top: 5px;
		border-top: 1px solid #ccc;
		text-align: center;
		color: #a9a9a9;
		font-size: 1.1em;
	}
	
	#conMain #conFooter a {
		color: #ff9900;
		text-decoration: none;
	}
	
	#conMain #conFooter a:hover { text-decoration: underline; }
	
	#conMain #col1 h2 {
		font-size: 1.4em;
		font-weight: bold;
		color: #fff;
		background-color: #ff9900;
		padding: 0.21em 1.0em;
	}
	
	#conMain #col1 h2 a {
		color: #fff;
		text-decoration: none;
	}
	
	#conMain #col2 h3 {
		margin-bottom: 10px;
		font-size: 1.6em;
		font-weight: bold;
		color: #ff9900;
		padding: 0.13em 0;
	}
	
	#conMain #conContent #col2 p {
		font-size: 1.2em;
		line-height: 1.6em;
		margin-bottom: 1em;
		text-align: justify;
	}

	#conMain #conContent #col2 img {
		display: block;
		float: left;
		margin: 0;
		padding-top: 5px;
		padding-right: 10px;
	}
	
	#conMain #conContent #col2 ul {
		list-style: square;
		font-size: 1.2em;
		line-height: 1.6em;
		margin-left: 1.5em;
		margin-bottom: 1em;
		padding-right: 1em;
	}
	
	#conMain #conContent #col2 h4 {
		display: block;
		font-size: 1.3em;
		font-weight: bold;
		margin-bottom: 0.2em;
	}
	
	#conMain #conContent #col2 h5 {
		display: block;
		color: #333;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	#conMain #conContent #col2 hr {
		border: none;
		background-color: #ccc;
		height: 1px;
		margin: 2em 0;
	}
	
	#conMain #conContent #col2 a {
		color: #ff9900;
		text-decoration: none;
	}

        #conMain #conContent #col2 a[href^="http:"], #conMain #conContent #col2 a[href^="https:"] {
        background: transparent url('http://www.interface-ag.com/wp-content/uploads/2009/09/externerlink.gif') no-repeat;
        padding-left: 15px;
        }
      
        #conMain #conContent #col2 a[href^="http://interface-ag.com"],
        #conMain #conContent #col2 a[href^="http://www.interface-ag.com"]
        {
        background: transparent;
        padding-left: 0px;
        }
	
	#conMain #conContent #col2 a:hover { text-decoration: underline; }

	#conMain #subNavi {
		height: 275px;
		background-image: url("img/000.jpg");
		background-repeat: no-repeat;
		padding-top: 10px;
	}
	
	#conMain #subNavi ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 180px;
	}
	
	#conMain #subNavi ul li {
		padding: 0.3em 1.0em;
	}
	
	#conMain #subNavi ul li a {
		display: block;
		
		font-size: 1.4em;
		font-weight: bold;
		color: #333;
		text-decoration: none;
	}
	
	#conMain #subNavi ul li a.active { color: #ff9900; }
	
	#conMain #subNavi ul li.current_page_item a { color: #ff9900; }
	#conMain #subNavi ul li.current_page_parent a { color: #ff9900; }
	
	#conMain #subNavi ul li a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	#conMain #subNavi ul li.current_page_item a:hover { color: #ff9900; }
	#conMain #subNavi ul li.current_page_parent a:hover { color: #ff9900; }
	
	
	div.downloads {
		margin-top: 0.5em;
		padding: 0.6em;
		font-size: 1.2em;
		line-height: 1.6em;
		border: 1px solid #ccc;
		background-color: #efefef;
	}
	
	table#projektbeispiele {
		padding: 0;
		margin: 30px 0;
		margin-bottom: 10px;
		margin-top: -0.5em;
		border: 0px;
		font-size: 1.2em;
		border-collapse: collapse;
	}
	
	table#projektbeispiele tr {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #fff;
	}
	
	table#projektbeispiele td, table#projektbeispiele th {
		padding: 0.4em;
		margin: 0;
		padding-right: 1.5em;
		background-color: #ededed;
		vertical-align: top;
	}
	
	table#projektbeispiele th {
		font-weight: bold;
		text-align: left;
		background-color: #ddd;
	}
	
	p#back {
		padding: 0 0.4em;
		margin-bottom: 30px;
		font-size: 1.2em;
	}
	
	p#back a {
		color: #ff9900;
		text-decoration: none;
	}
	
	p#back:hover {
		color: #ff9900;
		text-decoration: underline;
	}
	
/* eigene Styleangaben für die Weiche */

.weicheCol {
	width: 260px;
	float: left;
	margin-bottom: 25px;
}

.weicheCol a {
	color: #fff;
	border: none;
	text-decoration: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

.weicheCol a div.foto {
	border: none;
}

#rot {
	margin: 0 10px;
}

.weicheCol h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
}

.weicheCol h2 a {
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
	padding: 0.21em 1.0em;
}

/* Farbvorschläge Felix Lange
#gruen { background-color: #c2ddb1; }
#gruen h2 { background-color: #429d0b; }

#blau { background-color: #afbfc9; }
#blau h2 { background-color: #105b88; }

#rot { background-color: #efb7bc; }
#rot h2 { background-color: #d91e2f; }
*/

#gruen { background-color: #b2d5c3; }
#gruen h2 { background-color: #007336; }

#blau { background-color: #b2c9d9; }
#blau h2 { background-color: #004b80; }

#rot { background-color: #e4bdbb; }
#rot h2 { background-color: #a5241c; }

.weicheCol ul {
	list-style: none;
	margin: 10px 0;
}

.weicheCol ul li {
	font-size: 1.2em;
	padding: 0.2em 1.17em;
}

.weicheCol ul li:before {
	content: "\00BB \0020";
}

.weicheCol ul li.spacer:before {
	content: "";
}

.weicheCol div.foto {
	display: block;	
	height: 200px;
	background-repeat: no-repeat;
}

.weicheCol div.foto a {
	display: block;
	height: 190px;
	font-size: 12px;	
	padding: 5px 1.17em;
	color: #fff;
}

.weicheCol ul li a {
	color: #000;
	text-decoration: none;
}

.weicheCol ul li a:hover {
	text-decoration: underline;
}

#gruen div.foto { background-image: url("img/tvallon.jpg"); }
#rot div.foto { background-image: url("img/mbuchberger.jpg"); }
#blau div.foto { background-image: url("img/cstierlen.jpg"); }

#page404 {
width: 60em;
padding: 10px;
margin: 30px 0;
}

#page404 h2 {
margin-bottom: 10px;
font-size: 1.6em;
font-weight: bold;
color: #ff9900;
padding: 0.13em 0;
}

#page404 p {
font-size: 1.2em;
line-height: 1.6em;
margin-bottom: 1em;
}

#page404 a {
color: #ff9900;
text-decoration: none;
}

#page404 a:hover {
text-decoration: underline;
}

li.page-item-567 a:after {
content:" NEU";color:#ff9900;
}