p {margin-bottom:15px;}


a {text-decoration: none;
	color: #ff6600;
	outline: 0;
	}

a:hover {text-decoration: underline;}




h1, .head1 {
	color: #006566;
	font-size: 14px;
	line-height: 19px;
	font-weight: 700;
	margin: 0px 0px 10px 0px;
	}

		#page_middle_left h1,
		#page_middle_left .head1 {color: #fff;}

h2, .head2 {
	color: #006566;
	font-size: 12px;
	font-weight: 700;
	margin: 0px 0px 10px 0px;
	}


/*##########
###########
##################################### BOXEN */

.box_xl,
.box_l,
.box_m,
.box_s {
	float: left;
	margin: 0px 0px 15px 0px;
	}
	.box_xl .header,
	.box_l .header,
	.box_m .header,
	.box_s .header{
		background: url(../_images/boxen/box-header.gif) left top repeat-x #006566;
		color: #fff;
		font-size: 12px;
        line-height: 16px;
		margin: 0px 0px 3px 0px;
        padding: 0px;
		}
	.box_xl .header span,
	.box_l .header span,
	.box_m .header span,
	.box_s .header span {
		display: block;
		background: url(../_images/boxen/box-header-left.gif) left top no-repeat transparent;
		padding: 6px 8px 8px 35px;
		font-size: 12px;
		}



.box_xl {width: 640px;}
.box_l {width: 420px;}
.box_m {width: 312px;}
.box_s {width: 202px;}




.orange_box_xl,
.orange_box_m{
	float: left;
	margin: 0px 0px 8px 0px;
	width: 640px;
	}





/* kleiner rechner startseite*/

.rechnerbox_navi {
	height: 25px;
	padding: 0;
	margin: 0;
	}

.rechnerbox_navi li{
	float: left;
	padding: 0;
	background: url(../_images/boxen/rechner_box_reiter_l.gif) left top no-repeat transparent;
	margin: 0px 2px 0px 0px;
	}
	.rechnerbox_navi li a{
		padding: 7px 8px 3px ;
		display: block;
		background: url(../_images/boxen/rechner_box_reiter_r.gif) right top no-repeat transparent;
		color: #fff;
		}

.rechnerbox_navi li.active {background-image: url(../_images/boxen/rechner_box_acreiter_l.gif);}
	.rechnerbox_navi li.active a {background-image: url(../_images/boxen/rechner_box_acreiter_r.gif) ;}




.rechnerbox_small,
.rechnerbox_big {
	float: left;
    background: url(../_images/boxen/rechnerbox_big_bg.gif) left top repeat-x #fff;
	color: #fff;
    width: 640px;
    }
.rechnerbox_small {background: url(../_images/boxen/rechnerbox_small_bg.gif) left top repeat-x #fff;}

	.rechnerbox_small .rb_right {
		padding: 25px 10px 0px 20px;
		float: left;
		color: #006566;
		width: 150px;
		}

	.rechnerbox_big .rb_right {
		padding: 50px 10px 0px 5px;
		color: #006566;
		float: left;
		width: 125px;
		}
		.rechnerbox_small .rb_right a,
		.rechnerbox_big .rb_right a,
		.rechnerbox_small .rb_right h2,
		.rechnerbox_big .rb_right h2 { color: #006566; }

		.rechnerbox_small .rb_right h2,
		.rechnerbox_small .rb_right h2 { margin-bottom: 5px; }

		.rechnerbox_small .rb_right li,
		.rechnerbox_big .rb_right li {
			background: url(../_images/boxen/rechner_box_li.gif) left 1px no-repeat;
			padding: 0px 0px 3px 17px;
			}
		.rechnerbox_small .rb_right li a,
		.rechnerbox_big .rb_right li a {text-decoration: underline;}

		.rechnerbox_small .rb_right li a:hover,
		.rechnerbox_big .rb_right li a:hover {text-decoration: none;}

	.rechnerbox_small .rb_left {
			background: url(../_images/boxen/rechnerbox_small_bg2.gif) left top repeat-x transparent;
			width: 460px;
			float: left;
			}

	.rechnerbox_big .rb_left {
			background: url(../_images/boxen/rechnerbox_big_bg2.gif) left top repeat-x transparent;
			width: 500px;
			float: left;
			}

		.rechnerbox_small .rb_left .content {
				background: url(../_images/boxen/rechnerbox_small_bg3.gif) right top no-repeat transparent;
				height: 140px;
				padding: 10px;
				}

		.rechnerbox_big .rb_left .content {
				background: url(../_images/boxen/rechnerbox_big_bg3.gif) right top no-repeat transparent;
				height: 256px;
				padding: 10px;
				}

		.rechnerbox_small .rb_left .content h1,
		.rechnerbox_big .rb_left .content h1,
		.rechnerbox_small .rb_left .content h2,
		.rechnerbox_big .rb_left .content h2 { color: #ffffcc; }

		.rechnerbox_small .rb_left .content td,
		.rechnerbox_big .rb_left .content td { color: #fff; }






/*################# box t (TEASER)*/

div.box_t {
    margin:5px 0px 10px;
	overflow: hidden;
    width:160px;
	text-align:left;
	padding-bottom: 3px;
    }

	div.box_t2 {
		background: url(/_images/boxen/box_t2.gif) repeat-x left top #fff;
		border: 1px solid #fe6f0f;
		padding:5px 5px 0px;
		}

				div.box_t3 .fine {color: #990000;margin-bottom: 7px;}
				div.box_t3 .head1  {font-size: 13px;margin-bottom: 10px;}
				div.box_t3 .teaser_bild {text-align: center;margin-bottom: 10px;}
				div.box_t3 .fliesstext {margin-bottom: 7px;}


			 div.box_t.no-fine .fine {display: none;}
			 div.box_t.no-bild .teaser_bild {display: none;}
			 div.box_t.border-bild .teaser_bild img {border: 2px solid #ddd;padding: 1px;}
			 div.box_t.no-fine .fine {display: none;}

			 div.box_t.no-box ,
			 div.box_t.no-box .box_t2,
			 div.box_t.no-box .box_t3 {background: none transparent;}


.abstand_r {margin-right: 16px;}
.abstand_l {margin-left: 16px;}






/*##########
###########
##################################### STANDARTS */

ul {margin-bottom: 15px;}


li {padding: 1px 0px 0px 10px;
	background: url(../_images/icons/li.gif) left 3px no-repeat;
	margin: 0px 0px 1px 0px;
	}


ul.reiter {
	float:left;
	width:100%;
	padding-bottom:6px;
	margin:0px 0px 4px;
	background: #fff url(../_images/boxen/reiter_top.gif) left 16px repeat-x;
	}

	ul.reiter li {
		float:left;
        background-image: none;
		margin-right:3px;
		padding:0px;
		cursor: pointer;
		}


		ul.reiter li a,
		ul.reiter li span {
			float:left;
			display:block;
			padding:0px 6px 9px;
			background: #ffecd2 url(../_images/boxen/reiter_blank.gif) left bottom repeat-x;
            border-top: 2px solid #fff2e0;
			font-size:10px;
			font-weight: 100;
			color: #990000;
			text-decoration: none;
			}

	ul.reiter li:hover {
		}


		ul.reiter li:hover a,
		ul.reiter li:hover span {
			background: #ff7700 url(../_images/boxen/reiter.gif) center bottom no-repeat;
            border-top: 2px solid #ffa033;
            text-decoration: underline;
            color: #fff;
			}


	ul.reiter li.active,
	ul.reiter li.active:hover {
		}


		ul.reiter li.active a,
		ul.reiter li.active:hover a,
		ul.reiter li.active span,
		ul.reiter li.active:hover span {
			background: #ff7700 url(../_images/boxen/reiter.gif) center bottom repeat-x;
            border-top: 2px solid #ffa033;
            color: #fff;
			}




input, select {padding: 1px 2px;}
input {vertical-align: middle;}




/*
#####
##### TABLE
*/


table {
	width: 100%;
	margin-bottom: 20px;
	}

td,
th {
	padding: 4px;
	text-align: left;
	vertical-align: top;
	}



table.clear td,
table.clear th {
	padding: 2px 1px;
	text-align: left;
	vertical-align: top;
	border: 0;
	background: none transparent;
	}


table.orange  {border-collapse: collapse;}


	table.orange td {
		background: url(../_images/boxen/orangetable.gif) left top repeat-x #ffecd2;
		padding: 10px;
		border: 6px solid #ff7700;
		}

	table.orange .preis {
		float: right;
		width: 94px;
		color: #ffff00;
		padding: 9px 0px 12px 0px;
		background: url(../_images/boxen/orangetable-preis.gif) center top no-repeat;
		text-align: center;
		}
	table.orange .preis b{
		font-size: 14px !important;
		display: block;
		}


/* hover table*/
table.hover_table {background-color:#e9f2f2;border-collapse: collapse;}
	table.hover_table td,
	table.hover_table th {
		border-bottom: 1px solid #a9b5b5;
		padding: 5px;
		}

	table.hover_table tr:hover td,
	table.hover_table tr:hover th,
	table.hover_table td:hover {
		background-color: #fff !important;
		}




	table.softy_table td,
	table.softy_table th {
		padding: 10px 7px;
		}

/* Newskalendertage*/


table.calender  th {
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	background-color: #e8f1f1;
	color: #006566;
    }
table.calender  td {
	background-color:#f1f6f6;
	text-align:center;
	cursor: pointer;
	padding:2px 0px;

    }

	table.calender tr:hover td {
		background-color:#fcfcfc;
		}

	table.calender tr.future td,
	table.calender tr.future,
	table.calender tr.future:hover td,
	table.calender tr.future:hover	{
		background-color:transparent;
		color:#ccc;
		cursor: default;
		}

	table.calender tr td a{color: #111;}
	table.calender tr:hover td a{color: #999;}





.fine {font-size:9px;color: #a6b3b3;line-height:120%;font-weight:100;}

.bold {font-weight: bold;}

.arrow {
	background: url(../_images/icons/arrow.gif) transparent left 1px no-repeat;
	padding: 0px 0px 4px 10px;
	}


.top {
    background: url(../_images/icons/top.gif) transparent right 1px no-repeat;
    padding: 0px 15px 4px 0px !important;
    }





/*##########
#################### BLÄTTERFUNKTION*/
div.blaetterfunktion {
	padding: 1px 0px 0px 0px;
    margin: 0px;
	text-align: right;
    height: 25px;
    background: #fff url(/_images/blaettern_bg.gif) left top repeat-x;
	}

	a.blaettern,
	span.blaettern,
	span.blaettern_inactive {
        margin: 0px;
        padding: 1px 6px;
		font-weight: 100;
        font-size: 10px;
        line-height: 130%;
        text-decoration: none;
        border-bottom: 2px solid #fff2e0;
        display: inline-block;
		}


	a.blaettern {
		font-weight:100;
		color: #990000;
        background-color: #ffecd2;
		}
	a.blaettern:hover {
        color: #fff;
        background-color: #ff7700;
        border-bottom: 2px solid #ffa033;
        text-decoration: underline;
		}


		span.blaettern {
			background-color: #ff7700;
            border-bottom: 2px solid #ffa033;
			color: #fff;
			}
		span.blaettern_inactive { color:#ffbb99; background-color: #ffecd2;}





/*##########
###########
##################################### BUTTON */


a.button,
button {
    background: url(../_images/layout/button.gif) top left no-repeat;
    color:#111;
    font-weight:100;
    line-height:13px;
    text-align:center;
    border: 0;
    cursor: pointer;
	float: left;
	display:block;
    }

a.button span,
button span{
    background: url(../_images/layout/button_r.gif)  top right no-repeat;
    line-height:13px;
	text-align:center;
    cursor:pointer;
	color: #fff;
    }


    a.button {
		padding:0px;
		margin:0px;
		}

        a.button span{
			display:block;
			margin:0px;
			padding:4px 7px 6px 7px;
            }


    button{
        padding:0px 0px 0px 0px !important;
		margin:0px 0px 0px 0px;
        }

        button span {
            display:block;
            float:right;
            margin: -1px -3px -1px 0px;
            padding: 3px 10px 5px 6px;
            }

		#page_middle_left a.button,
		#page_middle_left button { background-image: url(../_images/layout/button_b.gif);}
		#page_middle_left a.button span,
		#page_middle_left button span{ background-image: url(../_images/layout/button_b_r.gif);}

    a.button_anbieter {
        background: url(/_images/layout/button_anbieter.gif) left -37px no-repeat;
        border: 0;
        cursor: pointer;
        display: block;
        width: 62px;
        padding: 16px 0px;
        }

        a.button_anbieter span { display: none; }

        a.button_anbieter:hover { background: url(/_images/layout/button_anbieter.gif) left top no-repeat; }


/*hover für alle*/
a.button:hover span,
button:hover span {color: #ffff00;}






/*##########
###########
##################################### EROL TABLE'S / AUSRICHTUNG */

    .right,
    .thright th,
    .tdright td {text-align:right !important;}
    .left,
    .thleft th,
    .tdleft td {text-align:left !important;}
    .center,
    .thcenter th,
    .tdcenter td {text-align:center !important;}
    .top,
    .thtop th,
    .tdtop td {vertical-align:top !important;}
    .bottom,
    .thbottom th,
    .tdbottom td {vertical-align:bottom !important;}
    .justify,
    .thjustify th,
    .tdjustify td {text-align:justify !important;}
    .vcenter,
    .thvcenter th,
    .tdvcenter td {vertical-align:middle !important;}
    .nob,
    .nob th,
    .nob td,
    .thnob th,
    .tdnob td {border: 0px solid !important;}
	.nopad,
    .nopad th,
    .nopad td,
    .thnopad th,
    .tdnopad td {padding: 0px !important;}

	.both {clear:both;}

	.float,
	ul.lifloat li 	{float:left;}

	.floatr {float:right !important;}
	img.float {float:left;margin:2px 6px 0px 0px;}
	img.floatr {float:right;margin:2px 0px 0px 6px;}
	img.border {border: 2px solid #ecece0;padding: 1px;}
	.nobg {background: none transparent;}

	.break {font-size:1px;letter-spacing:-1px;line-height:1px;height:0px;}



/*##########
###########
##################################### MELDUNGEN*/


.error_message {
	display: block;
	background: url(../_images/boxen/error.gif) left top #ffe8ec repeat;
	padding:4px 4px 6px;
	color:#ff5657;
	border: 2px solid #f7e3db;
	margin: 0px 0px 10px 0px;
	}
.success_message {
	display: block;
	background: url(../_images/boxen/sucess.gif) left top #edf4d4 repeat;
	padding:4px 4px 6px;
	color: #347506;
	border: 2px solid #e5eec3;
	margin: 0px 0px 10px 0px;
	}





.button-big {
	background: url(../_images/button-big.gif) left top transparent no-repeat;
	border: 0;
	color: #339999;
	font-size: 12px;
	font-weight: 700;
	padding: 7px 4px 7px 28px;
	display: block;
	width: 149px;
	cursor: pointer;
	}
	.button-big:hover {text-decoration: underline;}

/*##########
###########
##################################### FARBEN*/

.color0,
.thcolor0 th,
.tdcolor0 td,
tr.color0 th,
tr.color0 td {color:#111 !important;}

.color1,
.thcolor1 th,
.tdcolor1 td,
tr.color1 th,
tr.color1 td  {color: #ff6600 !important;}

.color2,
.thcolor2 th,
.tdcolor2 td,
tr.color2 th,
tr.color2 td {color: #c3c3c3 !important;}

.color3,
.thcolor3 th,
.tdcolor3 td,
tr.color3 th,
tr.color3 td {color: #ee0000 !important;}


.color4,
.thcolor4 th,
.tdcolor4 td,
tr.color4 th,
tr.color4 td {color: #fff !important;}


.bgcolor0,
.tdbgcolor0 td,
.thbgcolor0 th,
tr.bgcolor0 th,
tr.bgcolor0 td {background-color: #ffffff !important;}

.bgcolor1,
.tdbgcolor1 td,
.thbgcolor1 th,
tr.bgcolor1 th,
tr.bgcolor1 td {background-color: #fff9ed !important;}

.bgcolor2,
.tdbgcolor2 td,
.thbgcolor2 th,
tr.bgcolor2 th,
tr.bgcolor2 td {background-color: #ffecd2 !important;}

.bgcolor3,
.tdbgcolor3 td,
.thbgcolor3 th,
tr.bgcolor3 th,
tr.bgcolor3 td {background-color: #ff7700 !important;}

.print {display: none;}




/* - - - - - - - - - - - - - - - - - - - -
        LTE-VERFUEGBARKEITSCHECK
- - - - - - - - - - - - - - - - - - - - */

#lte_verfuegbarkeitscheck {
    background: url(../_images/ltecheck/ltecheck_bg.png) 10px 35px no-repeat #E9F2F2;
    border: 1px solid #EEEEEE;
    margin: 15px 0;
    padding: 5px 10px 5px 145px;
    min-height: 205px;
    clear: both;
    overflow: hidden;
    }
    #lte_verfuegbarkeitscheck small, #lte_verfuegbarkeitscheck .small {
        color: #777777;
        font-size: 10px;
        line-height: 14px;
        }
    #lte_verfuegbarkeitscheck .achtung span.icon {
        background: url(../_images/ltecheck/achtung.png) no-repeat scroll 0 0 transparent;
        float: left;
        height: 28px;
        width: 34px;
        }
    #lte_verfuegbarkeitscheck .error_msg {
        color: #EE0000;
        font-weight: bold;
        }
    #lte_verfuegbarkeitscheck.lte_verfuegbar {
        background-image: url(../_images/ltecheck/ltecheck_bg_verfuegbar.png);
        }

    #lte_verfuegbarkeitscheck.lte_nicht_verfuegbar {
        background-image: url(../_images/ltecheck/ltecheck_bg_nicht_verfuegbar.png);
        }


        #lte_verfuegbarkeitscheck .head2 {
            color: #006566;
            font-size: 14px;
            font-weight: 700;
            line-height: 19px;
            display: block;
            padding-bottom: 5px;
            border-bottom: 1px solid #006566;
            margin-left: -135px;
            }

    #lte_verfuegbarkeitscheck a.vodafone,
    #lte_verfuegbarkeitscheck a.telekom  {
        display: block;
        float: left;
        padding: 12px 0px 12px 43px ;
        margin-bottom: 10px;
        font-weight: bold;
        }

        #lte_verfuegbarkeitscheck a.telekom {
            background: url(../_images/ltecheck/telekom.gif) no-repeat transparent;
            padding-right: 16px;
            }

        #lte_verfuegbarkeitscheck a.vodafone {
            background: url(../_images/ltecheck/vodafone.gif) no-repeat transparent;
            width: 179px;
            }

    #lte_verfuegbarkeitscheck #areacode_lte_verfuegbarkeitscheck {
        margin-top: 10px;
        }

    #lte_verfuegbarkeitscheck #areacode_label {
        float: left;
        font-size: 14px;
        font-weight: bold;
        margin: 0px 6px 0 0;
        color: #fff;
        -moz-border-radius: 5px 5px 5px 5px;
        background: none repeat scroll 0 0 #269091;
        padding: 4px 3px 4px 3px;
        width: 180px;
        height: 25px;
        }

        #lte_verfuegbarkeitscheck #areacode {
            padding: 2px;
            border: 0px;
            height: 21px;
            width: 98px;
            font-size: 14px;
            }

    #lte_verfuegbarkeitscheck #button_verfuegbarkeit {
        border: 0 none;
        cursor: pointer;
        float: left;
        height: 35px;
        width: 203px;
        background: url(../_images/ltecheck/button_verfuegbarkeit.png) no-repeat;
        }

    #lte_verfuegbarkeitscheck #button_verfuegbarkeit:hover {
        background-position: 0px -35px;
        }