/**
 * Statandar Content CSS
 * 
 */

/*Benoetigtes Layout importieren*/
@import "reset.css";

@import "layout.css";

/* Buttons Elemente */
@import "buttons.css";

@import "footnote.css";


/* -------------------------------------------------------------------- */

/**
 * Layout extension
 */


#content {
	width:757px;
}


/* -------------------------------------------------------------------- */
/*Boxen Beginn*/
/*Consulting Box*/
#navigation-column .consulting-box {	
	margin:0 0 0 5px;
	width:151px;
}

#navigation-column .consulting-box .header {
	background:url(../../images/box_grau-head.gif) 0 0 no-repeat;
	height:5px;
	overflow:hidden;
}

#navigation-column .consulting-box .content {
	background:url(../../images/box_grau-content.gif) 0 0 repeat-y;
}

#navigation-column .consulting-box .content h3 {
	font-weight:bold;
	margin:0 2px 0 4px;
}

#navigation-column .consulting-box .content p {
	margin:2px 2px 2px 4px;
}

#navigation-column .consulting-box .content a,
a.arrow-blue {
	background:url(../../images/arrow-blue.gif) 0 center no-repeat;
	margin:6px 2px 0 4px;
	padding-left:7px;
	text-decoration:underline;
}

#navigation-column .consulting-box .content a:hover {
	text-decoration:none;	
}
#navigation-column .consulting-box .content .float-left {
	float:left;
	margin-left:2px;
}
#navigation-column .consulting-box .content .float-right {
	float:right;
	margin-right:2px;
}

#navigation-column .consulting-box .footer {
	background:url(../../images/box_grau-footer.gif) 0 0 no-repeat;
	height:4px;
	overflow:hidden;
	width:151px;
}

#navigation-column .consulting-box .content select {
	font-size:11px;
	float:left;
	margin-left:5px;
	width:110px;
}
#navigation-column .consulting-box .content .button {
	margin:0;
	padding:0;
}

/* -------------------------------------------------------------------- */
/**
 * List elemente
 */

#content .list-white-hook li {
	background: url("../../images/buttons/hook_white.png") no-repeat 0 2px;
	line-height:13px;
	margin:0 0 6px 0;
	padding:0 0 0 18px;
}
#content ul li.no-style {
	background:none;
}
#content ul li.padding-top {
	padding-top:10px;
}
#content ul li.padding-top-small {
	padding-top:4px;
}


/* -------------------------------------------------------------------- */
/**
 * Inhalten
 */
#content .title-standard {
	font-weight:bold;
}

#content .color-white {
	color:#fff;
}
#content .color-blue {
	color:#004483;
}
#content .color-grey {
	color:#5C636A;
}

#content .one-column {
	width:100%;
}

#content .two-column {
	width:48%;
}
#content .three-column {
	width:33%;
}
#content .center-column {
	margin:0 auto;
	width:auto;
}


#content .float-left {
	float:left;
}
#content .float-right {
	float:right;
}

#content .float-left .item-inner {
	margin-right:15px;
}
#content .float-right .item-inner {
	margin-left:15px;
}

#content .font-size-small {
	font-size:9px;
}
#content .font-size-normal {
	font-size:10px;
}

#content .font-size-middle {
	font-size:13px;
}

#content .font-size-big {
	font-size:15px;
}

#content .text-aling-right {
	text-align:right;
}
#content .text-aling-left {
	text-align:left;
}

#content .spacer-small {
	clear:both;
	height:10px;
}
#content .spacer-middle {
	clear:both;
	height:25px;
}
#content .spacer-large {
	clear:both;
	height:50px;
}

/* ------------------------------------------------------------ */
/**
 * DSL-Wechseln
 */

#content .wechsel-vorteile .item-inner {
	background:url("../../images/wechsel-vorteile-icon.png") no-repeat 0 0;
	padding-left:40px;
}

#content .produkt-vorteile .item-inner {
	background:url("../../images/produkt-vorteile-icon.png") no-repeat 0 0;
	padding-left:40px;
}


#content .clever-starter {
	background:url("../../images/clever-starter.png") no-repeat 0 0;
	height:237px;
	margin-right:20px;
	position:relative;
	width:198px;
	
}
#content .clever-25 {
	background:url("../../images/clever-25.png") no-repeat 0 0;
	height:237px;
	margin-right:20px;
	position:relative;
	width:198px;
}
#content .clever-50 {
	background:url("../../images/clever-50.png") no-repeat 0 0;
	height:237px;
	position:relative;
	width:198px;
}

#content .wechsel-headline {
	background:url("../../images/custom-headline-bg.png") no-repeat 0 0;
	width:auto;
	padding:22px 0;
}
#content .wechsel-headline h1 {
	font-size:30px;
	text-transform:uppercase;
}

#content .clever-starter a,
#content .clever-25 a,
#content .clever-50 a {
	display:block;	
	height:18px;	
	position:relative;
	text-indent:-50000px;	
	width:53px;
	z-index: 1000;
	zoom:1;
}

#content .clever-starter div,
#content .clever-25 div,
#content .clever-50 div {
	bottom:7px;
	left:10px;
	height:18px;
	position:absolute;
	width:53px;
}

/* -------------------------------------------------------- */
/**
 * einfach Wechseln
 */
#content .einfach-wechseln-container {
	background:url("../../images/dsl_wechslerservice_bg_produktbox.png") no-repeat 0 0;
	color:#003452;
	height:500px;
	width:auto;
}
#content .einfach-wechseln-container .item-inner {
	padding:20px 20px 10px 15px;
}

#content .einfach-wechseln-container .three-column {
	margin-left:15px;
}
#content .einfach-wechseln-container .three-column .item-inner {
	padding-top:10px;
}
#content .einfach-wechseln-container a {
	color:#407492;
	text-decoration:underline;
}

/* -------------------------------------------------------- */
/**
 * Errinerungsservice
 */
#content .erinnerungsservice {
	color:#004483;
	width:620px;
}
/* -------------------------------------------------------- */
/**
 * Hinweis-Box Large
 */
#content .hint-container-large {
	color:#004483;
	width:734px;
}
#content .hint-container-large .hint-top {
	background:transparent url(../../images/hintbox-larg-top.png) no-repeat 0 0;
	height:7px;
	margin:0;
	padding:0;
	width:auto;
}
#content .hint-container-large .hint-content {
	background:transparent url(../../images/hintbox-larg-bg.png) repeat-y 0 0;
	margin:0;
	padding:0;
	width:auto;
}
#content .hint-container-large .hint-content .item-inner {
	padding:0 15px;
	min-height:30px;
	width:auto;
}
#content .hint-container-large .hint-bottom {
	background:transparent url(../../images/hintbox-larg-bottom.png) no-repeat 0 0;
	height:10px;
	margin:0;
	padding:0;
	width:auto;
}
#content .hint-container-large a {
	color:#407492;
	text-decoration:underline;
}
#content .light-blue-container {
	background-color:#bccedf;
	padding:10px 0 10px 13px;
	width:auto;
	
}


/* -------------------------------------------------------- */
/**
 * Online Vorteil
 */
#content .hint-container-large .hint-content .spacer-nr-one {
	background:transparent url(../../images/round-nr-one.png) no-repeat 10px 0;
	padding-left:50px;
}
#content .hint-container-large .hint-content .spacer-nr-two {
	background:transparent url(../../images/round-nr-two.png) no-repeat 10px 0;
	padding-left:50px;
}
#content .hint-container-large .hint-content .spacer-nr-three {
	background:transparent url(../../images/round-nr-three.png) no-repeat 10px 0;
	padding-left:50px;
}
#content .spacer-left-small {
	padding-left:50px;
	padding-right:13px;
}


.customize-fancy-close {
	background:url(../../images/fancybox/close.png) no-repeat 0 0;
	display:block;
	cursor:pointer;
	height:16px;
	position:absolute;
	text-indent:-50000px;
	width:17px;
	top:15px;
	right:15px;
	z-index:1300;
}

/*
 * NoScript Meldung
 */
.noscript-info {
    background:#FDE7ED;
    border:1px solid #E60F46;
}

.noscript-info p {
    background:url(../../images/icon_red_attention.png) no-repeat 0 center;
    color:#E60F46;
    font-size:12px;
    font-weight:bold;
    margin-right:auto;
    margin-left:auto;
    padding-left:20px;
    padding-top:7px;
    padding-bottom:7px;
    text-align:left;
    width:950px;
}