/* Ronny Ahlswede */
/* r.ahlswede@media-artwork.com */

/*

0_Page: 		(pagewrap,page,content);
1_Header: 		(Logo,Submenue);
2_Menue: 		(Menue);
3_btns:			(Buttons);
4_lists:		(ul,li)
5_pre-defined: 	(h1,a,hr..);
6_font-sizes:	(font sizes);
7_font-colors:	(colors);
8_reg_sidebar: 	(register box sidebar)
		
*/

body {

	margin:0px;
	padding:0px;
	background-color:#ffffff;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 100.01%;
	color:#333333;

}

.accessible{
	
	position:absolute;
	left:-1000em;
	width:600px;

}

/* ################################### */
/* ############### 0_Page ############ */
/* ################################### */

#pagewrap_bg {
	
	float:left;
	
	background-image:url(../../../images_base/dsl_tarif/bg.gif);
	background-repeat:repeat-y;
	
    width:946px;
	height:auto;
}

#pagewrap {
	
	padding-top: 0px;
    width:946px;
    height:101%; 
	
   	margin:0px auto;
}


#page {

    position:relative;
	height:auto;
	width:917px;
	padding:0px;
	
	
}

#content {
	
	width:917px;
	height:auto;
	padding-left:14px;
	
}

#bg_content_bottom{
	
	padding-top:24px;
	padding-bottom:10px;
	line-height:1em;
	text-align:center;
	float:left;
	width:917px;
	height:auto;

}
/* ################################### */
/* ############## 1_Header ########### */
/* ################################### */


#header {
	
	padding-top:10px;
	width:917px;
	height:72px;

}

/*  Logo  */

#logo {
	
	float:left;
	padding-left:5px;
	
}

#logoDesc{
	
	background-image:url(../../../images_base/dsl_tarif/teaser.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:578px;
	height:34px;
	float:right;
	color:#003399;
	padding-left:40px;
	padding-top:20px;
	font-weight:bold;
	font-size:0.8em;
	letter-spacing:0.2em;
	line-height:1.4em;


}

#alogo {

	text-decoration:none;
	border:0px;
	margin:0px;
	padding:0px;

}

/*  Submenue  */

#submenue {
	
	padding-right:5px;
	float:right;
	color:#003399;
	font-size:0.6em;

}

.subMenueLink {

	font-size:1.1em;

}

/* ################################### */
/* ################ 2_Menue ############ */
/* ################################### */

#menue {

	float:left;
	width:917px;
	height:25px;
	
	background-image:url(../../../images_base/dsl_tarif/bg_menue.gif);
	background-repeat:no-repeat;
	
	font-size:0.8em;
	letter-spacing:0.1em;
	font-weight:bold;
	text-align:center;
	
	padding-bottom:10px;
}

#menueIndex {

	float:left;
	width:917px;
	height:25px;
	
	background-image:url(../../../images_base/dsl_tarif/bg_menue_inicio.gif);
	background-repeat:no-repeat;
	
	font-size:0.8em;
	letter-spacing:0.1em;
	font-weight:bold;
	text-align:center;
	
	padding-bottom:10px;
}

#menueAbout {

	float:left;
	width:917px;
	height:25px;
	
	background-image:url(../../../images_base/dsl_tarif/bg_menue_quienes.gif);
	background-repeat:no-repeat;
	
	font-size:0.8em;
	letter-spacing:0.1em;
	font-weight:bold;
	text-align:center;
	
	padding-bottom:10px;
}

.MenueLink{
	
	color:#fff;

}

#m1{
	
	float:left;
	padding-top:4px;
	width:140px;

}

#m2{
	
	float:left;
	padding-top:4px;
	width:170px;

}

#m3{
	
	float:left;
	padding-top:4px;
	width:200px;

}

#m4{
	
	float:left;
	padding-top:4px;
	width:180px;

}
#m5{
	
	float:left;
	padding:4px 0 0 20px;
	width:180px;

}


#leftContent{

	float:left;
	width:694px;
	height:auto;
	
}


#rightContent{

	float:right;
	width:203px;
	height:auto;
	
	
}

/* ################### */
/* 	      boxes        */
/* ################### */

/* top blue */

.bRTGU {
	background:url("../../../images_base/dsl_tarif/box_tr.gif") top right no-repeat;
	margin:0;
	padding:0;
}

.bLTGU {
	background:url("../../../images_base/dsl_tarif/box_tl.gif") top left no-repeat;
	margin:0;
	padding:0;
}

/* top orange */

.bRTGUO {
	background:url("../../../images_base/dsl_tarif/box_tr_orange.gif") top right no-repeat;
	margin:0;
	padding:0;
}

.bLTGUO {
	background:url("../../../images_base/dsl_tarif/box_tl_orange.gif") top left no-repeat;
	margin:0;
	padding:0;
}

/* top dark blue */

.bRTGUD {
	background:url("../../../images_base/dsl_tarif/box_tr_darkblue.gif") top right no-repeat;
	margin:0;
	padding:0;
}

.bLTGUD {
	background:url("../../../images_base/dsl_tarif/box_tl_darkblue.gif") top left no-repeat;
	margin:0;
	padding:0;
}

/* bottom */

.bRBGU {
	background:url("../../../images_base/dsl_tarif/box_br.gif") bottom right no-repeat;
	margin:0;
	padding:0;
}

.bLBGU{
	background:url("../../../images_base/dsl_tarif/box_bl.gif") bottom left no-repeat;
	margin:0;
	padding:0;
}

.bC {
	
	padding:0.8em 1em 1em 1em;

}

.bcSmall{

	height:280px;

}

.bcSmallFAQ{

	height:230px;

}

.titleCont {

	width:100%;
	height:20px;

}

.box_title {

	padding:2px 0px 0px 9px;
	
}

.box_title_middle {

	padding:2px 0px 0px 9px;
	font-size: 0.8em;
	
}

.box_title_white {

	padding:2px 0px 0px 9px;
	color:#ffffff;
	
}

.boxBreakLine{

	float:left;
	height:10px;
	width:100%;
	margin:0px;
	padding:0px;

}

.boxBreakLineHalf{

	float:left;
	height:5px;
	width:100%;
	margin:0px;
	padding:0px;

}

.boxCont {
	
	padding-left:1px;
	width:100%;
	height:auto;

}

.boxSmallContLeft {
	
	float:left;
	width:342px;
	height:auto;

}

.boxSmallContRight {
	
	float:right;
	width:342px;
	height:auto;

}

.sidebarBoxes{
	
	width:100%;
	height:auto;
	float:left;

}



/* ################################### */
/* ############## 3_btns ############# */
/* ################################### */

.btnOrange{

	color:#fff;
	font-weight: bold;
	background-color: #ffffff;
	background-image: url(../../../images_base/dsl_tarif/btnOrange.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 144px;
	height: 34px;
	border: 0px;
	vertical-align:text-top;
	cursor:pointer;

}

.btnOrangeArrow{

	color:#fff;
	font-weight: bold;
	font-size: 0.7em;
	letter-spacing:1px;
	background-color: #ffffff;
	background-image: url(../../../images_base/dsl_tarif/btnOrangeArrow.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 143px;
	height: 34px;
	border: 0px;
	vertical-align:text-top;
	cursor:pointer;
	text-align:left;
	padding-left:6px;
	padding-top: 4px;
	
}

.btnBlue{

	color:#fff;
	font-weight: bold;
	background-color: #ffffff;
	background-image: url(../../../images_base/dsl_tarif/btnBlue.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 144px;
	height: 34px;
	border: 0px;
	vertical-align:text-top;
	cursor:pointer;

}

.btnBlueArrow{

	color:#fff;
	font-weight: bold;
	font-size: 0.7em;
	letter-spacing:1px;
	background-color: #ffffff;
	background-image: url(../../../images_base/dsl_tarif/btnBlueArrow.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 143px;
	height: 34px;
	border: 0px;
	vertical-align:text-top;
	cursor:pointer;
	text-align:left;
	padding-left:6px;
	padding-top: 4px;
	
}

/* ################################### */
/* ############# 4_lists ############# */
/* ################################### */

.ullistBluePoints{

	margin:0px;
	padding:0px;
	
	padding-left:10px;
	
	list-style:none;
	line-height:1.8em;
	
}

.lilistBluePoints{
	
	list-style:none;
	padding-left:20px;
	background-image:url(../../../images_base/dsl_tarif/bullet.gif);
	background-repeat:no-repeat;
	background-position:1px;
	
}

.ullistBlueArrow{

	margin:0px;
	padding:0px;
	
	padding-left:0px;
	
	list-style:none;
	line-height:1.6em;
	
}

.ullistBlueConfirm{

	margin:0px;
	padding:0px;
	
	padding-left:0px;
	
	list-style:none;
	line-height:1.3em;
	
}

.lilistBlueArrow{
	
	list-style:none;
	padding-left:20px;
	background-image:url(../../../images_base/dsl_tarif/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	/*background-position:1px;*/
	
}

.lilistConfirm{
	
	list-style:none;
	padding-left:20px;
	background-image:url(../../../images_base/dsl_tarif/confirm.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	/*background-position:1px;*/
	
}

/* ################################### */
/* ########## 5_pre-defined ########## */
/* ################################### */

/* ##### headlines ######### */

h1{
	
	float:left;	
	font-size:0.9em;
	font-weight:bold;
	color:#ffffff;
	letter-spacing:0.1em;
	padding:0px;
	margin:0px;

}

h2{
	
	font-size:1.1em;
	font-weight:bold;
	line-height:1.0em;
	color:#003399;
	padding:0px;
	margin:0px;
	padding-bottom:2px;

}

h3{
	
	padding:0px;
	margin:0px;
	display:inline;
	font-size:0.8em;
	font-weight:bold;
}

h4{
	
	padding:0px;
	margin:0px;
	display:inline;
	font-size:12px;
	font-weight:bold;

}

h5{
	
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	color:#003399;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	
}

h6{
	
	font-size:0.9em;
	font-weight:bold;
	line-height:1.2em;
	color:#333333;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	
	
	
}

hr{

	border:1px solid #999999;
	border-top-color:#fff;
	border-left-color:#fff;
	border-right-color:#fff;

}



/* ##### tables ######### */

table { width: auto; border-collapse:collapse; margin-bottom:0em; }
table.full { width: 100% }
table.fixed { table-layout:fixed}

th,td { padding: 0em; vertical-align:top; padding-right:4px}

/* ##### link ######### */

a:hover{

	text-decoration:underline;
	
}

a{

	border:none;	
	text-decoration:none;
	cursor:pointer;
	color:#003399;

}

/* ##### float ######### */

.floatLeft{

	float:left;

}

.floatRight{

	float:right;

}




/* ##### font-sytle ######### */

.italic{

	font-style:italic;

}

.b {

	font-weight:bold;

}

.underline {
	text-decoration: underline;
}

.reg{

	font-weight:100;

}
/* ##### misc ######### */
.paddingMargin0 {

	padding:0px;
	margin:0px;
	

}

hr{

	padding:0px;
	margin:0px;
	

}

input {
	
	padding:0px;
	margin:0px;
	
}

form {

	padding:0px;
	margin:0px;

}

.clear {
	clear:both;
}

.lineHeigtClear {
	line-height:1em;
}

.lineHeigtSemiClear {
	line-height:0.8em;
}


.checkbox{

	margin:0px;

}

.checkboxDslStep2{
	
	margin-left:0px;
	
}

.width55{

	width:55%;
	float:left;

}

.width45{

	width:45%;
	float:left;

}

.width50{

	width:50%;
	float:left;

}

.width60{

	width:60%;
	float:left;

}

.width65{

	width:65%;
	float:left;

}

.width70{

	width:70%;
	float:left;

}

.width30{

	width:30%;
	float:left;

}

.width35{

	width:35%;
	float:left;

}

.width40{

	width:40%;
	float:left;

}

.width80{

	width:80%;
	float:left;

}

.width100{

	width:100%;
	float:left;

}

.width20{

	width:20%;
	float:left;

}

.width10{

	width:10%;
	float:left;

}


/* ################################### */
/* ########## 6_font-sizes ########### */
/* ################################### */

.em09{

	font-size:0.9em;

}

.em08{

	font-size:0.8em;

}

.em07{

	font-size:0.7em;

}

.em06{

	font-size:0.6em;

}

.em05{

	font-size:0.5em;

}

.em10{

	font-size:1.0em;

}

.em12{

	font-size:1.1em;

}

.em14{

	font-size:1.4em;

}

.em16{

	font-size:1.6em;

}

/* ################################### */
/* ########## 7_font-colors ########## */
/* ################################### */

.colorBlue{

	color:#003399;

}

/* ################################### */
/* ########## 8_reg_sidebar ########## */
/* ################################### */

.btnRegister, .btnBlueSmall{

	color:#fff;
	font-weight: bold;
	background-color: #ffffff;
	background-image: url(../../../images_base/dsl_tarif/btnRegister.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 99px;
	height: 34px;
	border: 0px;
	vertical-align:text-top;
	cursor:pointer;
	padding-top: 4px;

}

#registerInput{

	width:96%;
	padding-bottom:4px;

}

#registerAlignRight{

	text-align:right;

}

/* ################################### */
/* ############# 9_misc ############## */
/* ################################### */

#nr1{

	background-image:url(../../../images_base/dsl_tarif/number1.gif);
	background-repeat:no-repeat;
	
	height:19px;
	padding-left:28px;
	padding-top:1px;

}

#nr2{

	background-image:url(../../../images_base/dsl_tarif/number2.gif);
	background-repeat:no-repeat;
	background-position:70px;
	
	height:19px;
	padding-left:100px;
	padding-top:2px;
}

#nr3{

	background-image:url(../../../images_base/dsl_tarif/number3.gif);
	background-repeat:no-repeat;
	background-position:150px;
	
	height:19px;
	padding-left:180px;
	padding-top:2px;

}

.txtBorder{

	padding:10px 8px 10px 8px;
	
	font-size:0.8em;
	line-height:1.2em;
	font-weight:bold;
	color:#333333;
	
}

.TxtBorder404{

	padding:10px 8px 10px 8px;
	
	font-size:0.8em;
	line-height:1.2em;
	font-weight:bold;
	color:#333333;
	
	height:500px;
	
}

.columnField{
	float:left;
	width:auto;
	padding-top:4px;
	padding-left:4px;
}
	
.spaceColumnField{

	padding-left:6px;

}

.errorDiv{
	
	height:auto;
	
	padding:20px;
	
	background-image:url(../../../images_base/dsl_tarif/error.gif);
	background-repeat:no-repeat;
	background-position:0px 12px;
	
	padding-left:40px;
	font-size:1.4em;
	font-weight:bold;
	color:#990000;

}
/* class for image link to remove border */
.imgLink {
	border:none 0px #ffffff;
}
/* new styles 20-06-2008 @ kreowsky */
#kMovilInsideMiddle {
	height: 254px;
	background-image: url(../../../images_index/mobil.jpg);
	background-position: 0px -4px;
	background-repeat: no-repeat;
}
/* new navigation @ 04-08-2008 mail@kreowsky.de */
#mk1{
	float:left;
	padding-top:4px;
	width:150px;
	letter-spacing:0;
}
#mk2{
	float:left;
	padding-top:4px;
	width:160px;
	letter-spacing:0;
}
#mk3{
	float:left;
	padding-top:4px;
	width:140px;
	letter-spacing:0;
}
#mk4{
	float:left;
	padding-top:4px;
	width:165px;
	letter-spacing:0;
}
#mk5{	
	float:left;
	padding:4px 0 0 0;
	width:145px;
	letter-spacing:0;
}
#mk6{	
	float:left;
	padding:4px 0 0 0;
	width:150px;
	letter-spacing:0;
}