/* ===================================================== */
/*
** SITE GRID / COLUMN DEFINITIONS
*/
/* ===================================================== */

#main-wrap {
	width:865px;
	margin:15px auto 0 auto;
	text-align:left;
}
#search-wrap {
	width:920px;
	margin:0 auto;
	text-align:left;
}

/* 2 column layout */
.sidebar {
	float:right;
	width:271px;
}

.content {
	float:left;
	width:580px;
	padding-bottom:10px;
}



/* ===================================================== */
/*
** PAGE HEADER
*/
/* ===================================================== */

#head {
	width:805px;
	position:relative;
	text-align:left;
	margin:0 auto;
	padding:15px 30px 15px 30px;
}

/*
** Logo
*/
#branding {
	float:left;
	width:169px;
	height:60px;
	background:url(../images_new/head/logo.png) no-repeat;
}
#branding a {
	display:block;
	width:169px;
	height:60px;
	overflow:hidden;
	text-indent:-9999px;
}



/* ===================================================== */
/*
** SPRACHAUSWAHL
*/
/* ===================================================== */

ul.select-lang {
	position:absolute;
	left:220px;
	top:23px;
	z-index:200;
	font-size:11px;
}
ul.select-lang li {
	display:inline;
	padding-left:6px;
	border-left:1px solid #989898;
	margin-left:6px;
}


/* ===================================================== */
/*
** LOGIN
*/
/* ===================================================== */


.login-box {
	float:right;
	margin-top:9px;
}

* html .login-box {
	position:absolute;
	right:20px;
	top:10px;
}

.login-box input.text {
	float:left;
	padding:2px;
	margin-right:8px;
	width:115px;
}

.login-status {
}
.login-status p {
	float:left;
}
.login-status ul {
	float:left;
	margin-left:15px;
}
.login-status li {
	display:block !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	background:url(../images_new/content/button_right.png) right top no-repeat;
}
.login-status li a {
	display:inline-block;
	background:url(../images_new/content/button_left.png) left top no-repeat;
	padding:5px 22px 0 10px;
	height:19px;
	font-weight:bold;
	font-size:12px;
	line-height:1.1;
	color:#000 !important;
	text-decoration:none;
}

.login-box ul {
	margin-top:4px;
	font-size:11px;
}
.login-box li {
	display:inline;
	padding-left:6px;
	border-left:1px solid #989898;
	margin-left:6px;
}
.login-box a {
	color:#333 !important;
}
#login-pass {
	display:none;
}


/* ===================================================== */
/*
** MAIN & SUB NAVIAGTION
*/
/* ===================================================== */

#nav-main {
	width:864px;
	margin:0 auto;
	background:url(../images_new/head/navmain_bg.gif) repeat-x;
	border-right:1px solid #d3d3d3;
}
#nav-main li {
	float:left;
	border-left:1px solid #d3d3d3;
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:13px;
}
#nav-main a {
	float:left;
	display:block;
	padding:8px 0 0 0;
	width:100%;
	height:23px;
	color:#595959;
	text-decoration:none;
	line-height:1.2;
	text-align:center !important;
}

#nav-main a:hover {
	color:#d70000;
}
#nav-main li.nm-act a {
	background:url(../images_new/head/navmain_bg_active.gif) repeat-x;
	color:#d70000;
}


.nm-1 {
	width:86px !important;
}
.nm-2 {
	width:141px;
}
.nm-3 {
	width:163px;
}
.nm-4 {
	width:164px;
}
.nm-5 {
	width:91px;
}
.nm-6 {
	width:106px;
}
.nm-7 {
	width:106px;
}



.nav-sub {
	width:864px;
	margin:0 auto;
	padding:7px 0 6px 0;
	border-bottom:1px solid #ccc;
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
}
.nav-sub ul {
	text-align:left;
}
.nav-sub li {
	display:inline;
	margin-left:7px;
	border-left:1px solid #999;
	padding-left:7px;
}
.nav-sub a {
	color:#595959;
	text-decoration:none;
}

.ns-1 {
}
.ns-2 {
	margin-left:115px;
}
.ns-3 {
	margin-left:257px;
}
.ns-4 {
	margin-left:420px;
}
.ns-5 {
	text-align:right !important;
	padding-right:245px !important
}
.ns-6 {
	text-align:right !important;
	padding-right:138px !important
}
.ns-7 {
	text-align:right !important;
	padding-right:32px !important
}

/* ===================================================== */
/*
** BREADCRUMBS
*/
/* ===================================================== */

.breadcrumbs {
	float:left;
	line-height:1.1;
	margin-bottom:5px;
	min-height:25px;
}
* html .breadcrumbs {
	height:25px;
}
.breadcrumbs li {
	display:inline;
	margin-right:0.5em;
	color:#7e7e7e;
}
.breadcrumbs li a {
	color:#7e7e7e;
}
.breadcrumbs li a:hover {
	color:#4d4d4d;
	text-decoration:underline;
}


/* ===================================================== */
/*
** FOOTER - BANNERS
*/
/* ===================================================== */

ul.banner {
	float:left;
	margin-left:70px;
}

ul.banner li {
	float:left;
	width:140px;
	height:100px;
	background-image:url(../images_new/content/banner.jpg);
	background-repeat:no-repeat;
	margin-right:10px;
}
ul.banner li.gepa-tube {
	background-position:0 0;
}
ul.banner li.gepa-fashion {
	background-position:-140px 0;
}
ul.banner li.redbull-db {
	background-position:-280px 0;
}
ul.banner a {
	display:block;
	width:140px;
	height:100px;
	overflow:hidden;
	text-indent:-9999px;
}


div.promo-links {
	float:left;
	width:125px;
	margin:10px 0 0 25px;
	border-right:1px solid #ccc;
}
div.promo-links.pl-last {
	border-right:0;
}
div.promo-links h5 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 4px 0;
}
div.promo-links a {
	background:url(../images_new/arrow.gif) left center no-repeat;
	padding-left:8px;
}

/* ===================================================== */
/*
** PAGE FOOTER
*/
/* ===================================================== */

#footer {
	text-align:center;
	padding-bottom:30px;
}

#footer li {
	display:inline;
	margin-left:8px;
	border-left:1px solid #999;
	padding-left:8px;
}

#footer p {
	margin-top:0.5em;
}

/* ===================================================== */
/*
** POPUP FULL
*/
/* ===================================================== */
.isave-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.isave-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.isave-modal-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.isave-modal-close:hover,
.isave-modal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}