/*
Theme Name: Römer AG
Description: Template for Roemer AG
Author: tt
Author URI: http://www.servish.ch
*/

/*---- general styles ----*/
*{margin:0; padding:0;font-family:'Source Sans Pro';font-weight:400;}
a{text-decoration:none;color:rgb(95,95,95);}
a:hover{text-decoration:underline;}
#wrapper{width:1150px; margin:0 auto;}
.clearfix{clear:both;}

/*---- colors ----*/
.gray-bg{background-color:rgb(156, 156, 156);}
.yellow-bg{background-color:rgb(255,228,12);}
.yellow{color:rgb(255,228,12);}


/*---- Header ----*/
header{
	position:relative;
	width:960px;
	height:120px;
	margin:0 auto;
	z-index:9999;
}
#header-wrapper{
	width:960px;
	margin:0 auto;
}


/*---- roemer logo ----*/
#logo-cont{
	float:left;
	height:95px; width:380px;
	position: relative;
}
#logo{
	width:340px; height:42px;
}
#logo-text{
	margin:16px 0 0 20px;
	font-size:13px;
	color:white;
}

#logo-link {
	position: absolute;
	width: 100%;
	height: 100%;
}


/*---- main navigation ----*/
nav {
	float:left;
	width:575px; height:64px;
	overflow:hidden;
	background-color:rgb(240,240,240);
	font-size:14px;
}
nav a{text-decoration:none !important;}
nav ul {
    padding: 0px;
    margin: 0px;
}
nav ul:first-child> li >a{
	width:115px;
	height:14px;
	padding:25px 0px;
	text-align:center;
}

nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

nav ul li {
    list-style: none;
    float:left;
}
nav ul li a {
    text-decoration: none;
    display: block;
    padding: 10px 20px;
	min-width:115px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}
nav ul li:hover a, nav ul li:hover > ul li a  {
    background-color: rgb(255,228,12);
}

nav ul li:hover > ul {
    visibility: visible;
}

nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}
nav ul li ul li{
	float: none;
}

nav ul li ul li a:hover{
	color: #333;
	background-color: #FAFAFA !important;
}



/*---- secondary navigation ----*/
.sec-nav{
	float:right;
	margin:25px 0 0 0;
	font-size:13px;color:white;
}

.sec-nav div{
	display:inline;
	width:75px; height:22px;
	background-color:rgba(80,80,80,0.8);
	padding:5px;
	margin:0 4px !important;
}
.sec-nav div:last-child{margin:0;}
.sec-nav a{color:white;}


/*---- homepage ----*/
#content-start{
}
.slider-start{
	position:absolute;
	width:1150px;
	top:0;
	z-index:0;
}


.nivo-caption{
	color:white; font-size:20px;
	margin:0 0 80px 85px;
	background-color:transparent !important;
}
.nivo-caption p{
	margin:13px 0 !important;
	display:table;
	background-color:rgba(0,0,0,0.7) ;
	padding:10px;
}
.main-mobile{display:none;}

.main-buttons-wrapper{
	position:relative;
	height:154px;
	width:960px;
	margin:480px auto 0 auto;
	z-index:99999;
}

.main-buttons-wrapper div{
	float:left;
	width:192px; height:154px;
	background-image:url('pics/hintergrund_icons_normal.jpg');
	background-size:192px 154px;
	background-repeat:no-repeat;
}
.main-buttons-wrapper div:hover{
	background-image:url('pics/hintergrund_icons_hover.jpg');
	background-size:192px 154px;
	background-repeat:no-repeat;
}
.main-buttons-wrapper p{
	text-align:center;
	color:rgb(255,228,12);
	font-size:18px;
	margin:8px 0 0 0;
}






/*---- Footer ----*/
footer{
	position:relative;
	height:350px;
	padding-top:22px;
	font-size:13px;
	line-height:21px;
	color:rgb(95,95,95);
	font-family:'Source Sans Pro';
}

footer h1{
	font-size:13px !important;
	font-weight:600;
	margin-bottom:10px;
}

#footer-mobile{display:none;}

#footer-wrap{
	width:960px; height:271px;
	margin:0 auto;
	background-color:rgb(240,240,240);
	border-bottom:7px solid rgb(255,228,12);
}

#footer-left, #footer-middle,#footer-right{
	float:left;
	width:272px; height:220px;
	margin:40px 0 0 35px;
}

.footer-title{
	font-weight:600;
	margin-bottom:15px;
}

#footer-left >.footer-title{
	position:relative;

}
.footer-more{margin-top:10px;}
#news-bg-img{
	position:absolute;
	margin-left:-8px;
	width:60px; height:23px;
	background-image:url('pics/svgs/news.svg');
	background-repeat:no-repeat;
}

.openings ul{
	display:inline;
	list-style:none;
}
.openings ul li:first-child{float:left;clear:both;}
.openings ul li:last-child{float:right;}


.footer-copyright{
	margin:0 auto;
	width:960px;
	text-align:right;
	font-size:10px;
	margin-top:10px;
}

/*

/*--- Main Content ---*/

.content-header-image{
	position:relative;
	width:1150px;
	height:420px;
	z-index:0;
}
.content-header-image img{
	width:1150px;
	height:420px;
	margin-top:-120px;
}

.content-title{
	position:absolute;
	top:-130px; left:0;
	font-weight:300;
	font-size:30px; color:rgb(95,95,95);
	background-color:rgb(255,228,12); padding:14px;
}
.content-nav{
	position:absolute;
	top:-28px; left:0px;
	font-size:13px;
	color:rgb(95,95,95);
}

.content-nav li.current_page_item{background-color:#FAFAFA !important;}

.content-nav li{
	display:inline; float:left;
	height:20px;
	background-color:rgb(190,190,190);
	margin-right:10px;
	padding:4px 17px 4px 17px;
}

.content-wrapper{
	position:relative;
	width:888px;
	margin:-170px auto 0 auto;
	padding:50px 36px;
	background-color:#FAFAFA;
	color:rgb(95,95,95);
	font-size:16px;
	line-height:24px;
}

.content-full-width{float:left;}
.content-left{float:left;width: 579px;}
.content-left p, .content-full-width p{margin:48px 0;}


.content-right{
	float:left;
	width:271px;
	margin:0 0 0 35px;
	margin-top:72px;
}

/*--- //Main Content ---*/

/*--- Team Page ---*/
.team-gruppe{font-size:20px;position:absolute;}
.white-border{height:30px; background-color:white;margin:10px -37px 50px -37px;}
/*--- //Team Page ---*/
#fotos-copyright{
	float:right;
	color:rgb(120,120,120);
	margin:-30px 0 0 20px;
	font-size:12px;
}

/*--- 404 not found ---*/
#not-found{
	width:880px;
	margin:0 auto;
	padding:40px;
}
/*--- //404 not found ---*/