/* 
 * SilverStripe team-o Theme
 * (c)2009 by team-o onlinedienstleistungen - ttp://www.team-o.de
 * 
 * layout.css - Stylesheet Design
*/
 
/* ALLGEMEINES 
-------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #262626;
	text-align: center;
}
.wrap {
	margin: 0 auto;
	text-align: left;
	width: 980px;
}
a img{
	border: 0;
}
.clearer {
	clear: both;
	line-height: 0; 
	height: 0; 
	font-size: 0;
}

/* HEADER-DEFINITIONEN
-------------------------------------------- */
#header {
	height: 126px;
	background: #454545 url(../images/bg_header.jpg) repeat-x top;
	padding-top: 10px;
}
#header.home {
	height: 156px;
	padding-top: 60px;
}

/* HAUPTBEREICH-DEFINITIONEN
-------------------------------------------- */
#main {
	background: #FFFFFF url(../images/bg_main.jpg) repeat-y top center;
	padding: 20px 0 40px 0;
}
	#content {
		width: 656px;
		padding-right: 20px;
		float: left;
	}
	#content_right {
		width: 284px;
		padding-left: 20px;
		float: left;
	}

/* HAUPTNAVIGATION
-------------------------------------------- */
#navigation {
	height: 84px;
	width: 100%;
	background: #262626 url(../images/bg_navi.jpg) repeat-x top center;
}
	ul#Menu1 {
		list-style-type: none;
	}
		ul#Menu1 li {
			padding: 33px 30px 29px 30px;
			display: inline;
			float: left;
		}
			ul#Menu1 li:hover, ul#Menu1 li.current, ul#Menu1 li.section {
				background: #CC8300 url(../images/bg_navihover.jpg) repeat-x top center;
			}
			ul#Menu1 li a {
				color: #FFF;
				text-decoration: none;
				font-size: 1.15em;
			}

/* UNTERNAVIGATION
-------------------------------------------- */
ul#Menu2 {
		list-style-type: none;
	}
		ul#Menu2 li {
			margin: 0px;
			list-style:none;
			background: url(../images/rightlist_line.gif) repeat-x top left;
		}
			ul#Menu2 li a {
				padding: 8px 2px 8px 25px;
				display: block;
				margin:  0;
				color: #FFF;
				text-decoration: none;
				background: url(../images/rightlist_bullet.gif) no-repeat left;
			}
				ul#Menu2 li a:hover, ul#Menu2 li.current a, ul#Menu2 li.section a {
					background: #81631C url(../images/rightlist_bullet.gif) no-repeat right;
					color:#FFF;
				}
				
/* FOOTER-DEFINITIONEN
-------------------------------------------- */
#footer {
	width: 100%;
	background: #003939 url(../images/bg_footer.jpg) repeat-x top left;
}
#footer img {
	vertical-align: middle;
}
#footer .wrap {
	margin: 0 auto;
	padding: 20px 0;
	color: #FFF;
}
#footer h4, #footer h4 a {
	color: #CC8300;
	padding: 10px 0 10px 0;
	background: url(../images/footlist_line.gif) repeat-x bottom left;
	text-decoration: none;
	}
 
 #footer h4 a:hover {
	color: #FFF;
}
.linksright {
	float: left;
	width: 282px;
	margin: 0 12px;
	padding: 0 10px 30px 10px;
	list-style-type: none;
	background: #002C2C url(../images/linkscorner.jpg) no-repeat top right;
	}
	
.linksright li {
	display: inline;
	margin: 0px;
	list-style-type: none;
	font-size: 0.9em;
	}

.linksright li a {
	padding: 4px;
	display: block;
	margin:  0;
	padding: 5px;
	color: #B3BEBE;
	text-decoration:none;
	background-color: #002C2C;
	border-bottom: 1px solid #002525;
	}

.linksright li a:hover {
	background-color: #002525;
	color:#FFF;
	border-bottom: 1px solid #001C1C;
	}

.links li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 0.7em;
	}

.links li a {
	padding: 4px;
	display: block;
	margin:  0;
	color: #BD9A56;
	text-decoration:none;
	background-color: #2D1A06;
	border-bottom: 1px solid #211000;
	}

.links li a:hover {
	background-color: #211000;
	color:#FEEDA4;
	}

.foot {
	color: #CC8300;
	margin: 5px 0 0 12px;
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.6em;
	background-color: #004040;
}
/* REFERENZEN
-------------------------------------------- */
.ReferenceScreenshot {
	text-align: left;
	float: left;
	margin: 0 10px 10px 0;
}
.reference_listing hr {
	clear: both;
}
/* SOCIAL MEDIA-INCLUDES
-------------------------------------------- */
#socialmdedia {
	text-align:right;
	height: 25px;
	margin: 40px 0 0 0;
}
.socialbutton {
	float: right;
	margin: 0 0 0 5px;
	vertical-align: bottom;
}