p {margin-bottom:15px;}



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

a:hover {text-decoration: underline;}

.arrow1,
.arrow2,
.arrow {
	background: url(/images/icons/arrow.gif) transparent left 1px no-repeat;
	padding: 0px 0px 4px 15px;
	}
.arrow1 {background-image: url(/images/icons/arrow1.gif);}
.arrow2 {background-image: url(/images/icons/arrow2.gif);}



 h1, .head1 {
	 font-size: 16px;
	 margin: 0px 0px 15px 0px;
	 font-weight: 700;
	 color: #12568f;
	 line-height: 17px;
	 display: block;
	 }
	 h1 a, .head1 a{color: #12568f;}
	 h1 a:hover,
	 .head1 a:hover{color: #ee0000;}


 h2, .head2 {
	 font-size: 13px;
	 margin: 0px 0px 7px 0px;
	 font-weight: 700;
	 color: #12568f;
	 line-height: 15px;
	 display: block;
	 }


 h3, .head3 {
	 font-size: 11px;
	 margin: 0px 0px 5px 0px;
	 font-weight: 700;
	 color: #12568f;
	 }


 h4, .head4,
.head4 * {
	 font-size: 11px;
	 font-weight: 100;
	 color: #111;
	 }




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

.box_xl,
.box_l,
.box_m,
.box_s {
	float:left;
	margin-bottom: 12px;
	background: url(/images/boxen/head_hell.gif) transparent right top no-repeat;
	}
.box_xl .header,
.box_l .header,
.box_m .header,
.box_s .header{
	float:left;
	display: block;
	background: left top url(/images/boxen/head_dunkel.gif) transparent no-repeat;
	margin-bottom: 1px;
	}

	.box_xl .header span,
	.box_l .header span,
	.box_m .header span,
	.box_s .header span{
		padding: 3px 62px 5px 8px;
		display: block;
		color: #fff;
		font-weight: 700;
		background: right top url(/images/boxen/head_hell_dunkel.gif) transparent no-repeat;
		}

.box_xl .content,
.box_l .content,
.box_m .content,
.box_s .content {
	float:left;
	border: 1px solid #e6eef4;
	padding: 10px 9px 3px;
	background: left bottom url(/images/boxen/box-verlauf.gif) transparent repeat-x;
	}


.box_xl {width:618px;}
	.box_xl .content {width:598px;}

.box_l {width:407px;}
	.box_l .content {width: 387px;}

.box_m {width:301px;}
	.box_m .content {width:281px;}

.box_s {width: 196px;}
	.box_s .content {	width:176px;}


.box_xl .content.nopad {width:616px;padding: 0;}
.box_l .content.nopad {width: 405px;padding: 0;}
.box_m .content.nopad {width:299px;padding: 0;}
.box_s .content.nopad {width:194px;padding: 0;}


.box_xl_out {width:618px;float:left;}
.box_l_out {width:407px;float:left;}
.box_m_out {width:301px;float:left;}
.box_s_out {width:196px;float:left;}

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



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


.box_z {
	background: url(/images/boxen/head2_dunkel.gif) transparent right top no-repeat;
	width: 172px;
	}

.box_z .header{
	display: block;
	background: left top url(/images/boxen/head2_hell.gif) transparent no-repeat;
	float: left;
	}


	.box_z .header span{
		padding: 3px 62px 4px 8px;
		float: left;
		display:block;
		color: #003e72;
		font-weight: 700;
		background: right top url(/images/boxen/head2_hell_dunkel.gif) transparent no-repeat;
		}


/*################# box y (Z.b newsletterbox) */
.box_y {
	background: url(/images/boxen/box-y-head.gif) #fbfeff right top repeat-x;
	width: 158px;
	margin-bottom:10px;
	border: 1px solid #e4edf4;
	font-size: 10px;
	line-height: 130%;
	}

	.box_y_inner {
		background: url(/images/boxen/box-y-bottom.gif) transparent right bottom repeat-x;
		padding: 10px;
		}


/*################# box t (TEASER)*/
.box_t {
	background: url(../images/layout/box-t.gif) #fbfeff left top repeat-y;
	width: 160px;
	margin-bottom:10px;
	font-size: 10px;
	line-height: 130%;
	}

	.box_t2 {
		background: url(../images/layout/box-t2.gif) transparent left top no-repeat;
		}
	.box_t3 {
		background: url(../images/layout/box-t3.gif) transparent left bottom no-repeat;
		padding: 4px 10px 5px;
		}


	.box_t3 .fine { color: #fff;	margin-bottom: 12px;}
	.box_t3 .head1 { font-size: 13px;}
	.box_t3 .teaser_bild {text-align: center;}

	.box_t3 .fine,
	.box_t3 .head1,
	.box_t3 .fliesstext,
	.box_t3 .arrow,
	.box_t3 .teaser_bild  img{
		margin-top: 0px;
		}


		 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;}



/*################# telekombox*/

.telekombox_xl {
	float:left;
	margin-bottom: 12px;
	width: 616px;
	padding: 0px 1px;
	height:66px;
	background: url(/images/boxen/telekombox-big.gif) transparent left top no-repeat;
	}
	.telekombox_xl span{display: none;}

	.telekombox_xl .tel-left,
	.telekombox_xl .tel-right {
		display: block;
		width: 222px;
		height: 44px;
		margin-top: 19px;
		float: left;
		background: url(/images/boxen/telekombox-big-left.gif) left top no-repeat;
		}
	.telekombox_xl .tel-right {
		float: right;
		background: url(/images/boxen/telekombox-big-right.gif) right top;
		}

	.telekombox_xl .tel-left:hover,
	.telekombox_xl .tel-right:hover {background-image: none;}




/*################# vorwahlrechner*/

.vorwahlrechner-input-box {
	height: 75px;
	border: 1px solid #ddd;
	background-color: #f2f2f2;
	margin-bottom: 10px;
	}

	.vorwahlrechner-input {
		margin: 10px 10px 0px 10px;
		padding: 0px 0px 0px 8px;
		height: 43px;
		float: left;
		background: left top url(/images/boxen/vorwahlrechner-input-l.gif) transparent no-repeat;
		}


		.vorwahlrechner-input i ,
		.vorwahlrechner-input b {
			font-weight: 100;
			font-style: normal;
			font-size: 20px;
			line-height: 20px ;
			display: block;
			float: left;
			padding: 10px 19px 0px 5px;
			height: 33px;
			background: right top url(/images/boxen/vorwahlrechner-input-m.gif) transparent no-repeat;
			}
		.vorwahlrechner-input i {
			background-image: url(/images/boxen/vorwahlrechner-input-r.gif);
			}

	.vorwahlrechner-input-box img {
		float: right;
		margin: 8px 10px 0px 0px;
		}

	.vorwahlrechner-input-box p {
		margin: 3px 0px 0px 14px;
		clear: both;
		}

/*################# tippbpx*/

.sponsorbox_xl {
	float:left;
	width: 528px;
	padding: 15px 20px 33px 70px;
	background: url(/images/boxen/tipp.gif) transparent left top no-repeat;
	}

.tippbox_xl {
	float:left;
	width: 480px;
	padding: 15px 20px 33px 70px;
	background: url(/images/boxen/tipp-redaktion.gif) transparent left top no-repeat;
	}

.kommentar {
	padding: 0px 0px 10px 30px;
	background: url(/images/icons/icon-forum.gif) transparent left 1px no-repeat;
	}



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


.noforum table {width: 100%;
	margin-bottom: 15px;
	}

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


/* softy table*/
div.softy_header {
	background: url(/images/boxen/softy-head-left.gif) transparent left top no-repeat;
	}
	div.softy_header_inner {
		background: url(/images/boxen/softy-head-right.gif) transparent right top no-repeat;
		height: 7px;
		font-size: 0px;
		}

table.softy_table {background-color:#f8f8f8;}
	table.softy_table td,
	table.softy_table th {
		border-right: 1px solid #dfe8e8;
		border-top: 1px solid #edf4f4;
		border-bottom: 1px solid #ebf0f0;
		padding: 7px;
		background-color: #f1f6f6;
		}

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

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

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

/* lined_table*/
table.lined_table {}
	table.lined_table td,
	table.lined_table th {
		border-bottom: 1px solid #cedcdf;
		padding: 5px;
		}


/* normale tabelle*/
table.normal_table {background-color: transparent;}
	table.normal_table td,
	table.normal_table th {border: 0px solid #dfe8e8;
		padding: 1px 3px;
		background-color: transparent;
		text-align: left;
		}

/* clear tabelle*/
table.clear_table {background: transparent none;}
	table.clear_table td,
	table.clear_table th {
		border: 0px;
		padding: 0px;
		background: transparent none;
		}



/* Newskalendertage*/

table.calender  th {
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	background-color: #e8f1f1;
	color: #ee0000;
    }
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;}
		
		
/*##########
###########
##################################### LISTEN */

ul, ol {padding: 0px 0px 15px 0px;}

ul li {background: url(/images/icons/li.gif) transparent left top no-repeat;
	padding: 0px 0px 0px 15px;
	list-style-type:none;
	}

ol li {margin: 0px 0px 0px 20px;}


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

	ul.reiter li {
		float:left;
		background: left top url(/images/layout/reiter_l.gif) transparent repeat-x;
		margin-right:2px;
		padding:0px;
		cursor: pointer;
		}


		ul.reiter li a,
		ul.reiter li span {
			float:left;
			display:block;
			padding:2px 6px 2px;
			background: right top url(/images/layout/reiter_r.gif) transparent no-repeat;
			font-size:10px;
			font-weight: 700;
			color: #12568f;
			text-decoration: none;
			}

	ul.reiter li:hover {
		background-image: url(/images/layout/reiter_l_hover.gif);
		}


		ul.reiter li:hover a,
		ul.reiter li:hover span {
			background-image: url(/images/layout/reiter_r_hover.gif) !important;
			background-color: transparent;
			}


	ul.reiter li.active,
	ul.reiter li.active:hover {
		background-image: url(/images/layout/reiter_l_active.gif);
		}


		ul.reiter li.active a,
		ul.reiter li.active:hover a,
		ul.reiter li.active span,
		ul.reiter li.active:hover span {
			background-image: url(/images/layout/reiter_r_active.gif) !important;
			color: #fff;
			}


/*##########
###########
##################################### BLAETTERFUNKTION*/

DIV.blaetterfunktion {
	width:100%;
	height: 35px;
	border-top: 1px solid #c60000;
	margin-top:5px;

	}


    DIV.blaetterfunktion a,
    DIV.blaetterfunktion span {
		float:left;
		background: left bottom url(/images/boxen/blaettern_l.gif) transparent no-repeat;
		margin-right:2px;
		padding:0px;
		cursor: pointer;
		text-align:center;
		}


        DIV.blaetterfunktion a span,
        DIV.blaetterfunktion span span {
            float:left;
            display:block;
            padding:0px 6px 2px;
			margin: 0px;
            background: right bottom url(/images/boxen/blaettern_r.gif) transparent no-repeat;
            font-size:10px;
            font-weight: 100;
			color: #db0000;
            }



    DIV.blaetterfunktion span.blaettern {
		background-image: url(/images/boxen/blaettern_l_active.gif);
		}

		DIV.blaetterfunktion span.blaettern span {
			background-image: url(/images/boxen/blaettern_r_active.gif);
			color: #fff;
			}

    DIV.blaetterfunktion span.blaettern_inactive {
		background-image: url(/images/boxen/blaettern_l_inactive.gif);
		}

		DIV.blaetterfunktion span.blaettern_inactive span {
			background-image: url(/images/boxen/blaettern_r_inactive.gif);
			color: #bdcdcd;
			}



/*##########
###########
##################################### XTRAS */

.line {
	height: 15px;
	background: url(/images/hr.gif) transparent left top repeat-x;
	margin: 10px 0px 5px;

	}

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



.order {
	width:10px;
	height:12px;
	float:left;
	line-height: 1%;
	margin:2px 4px 0px 0px;
	}
	.order_o{
		background: url(/images/order_o.gif) 0px top transparent no-repeat;
		display: block;
		width:10px;
		height:6px;
		}

	.order_u{
		background: url(/images/order_u.gif) 0px bottom transparent no-repeat;
		display: block;
		width:10px;
		height:6px;
		}


	.order_o:hover {background-position: -20px top;background-color: transparent;}
	.order_u:hover {background-position: -20px bottom;background-color: transparent;}
	.order_o.active{background-position: -10px top;}
	.order_u.active{background-position: -10px bottom;}

/*#########################* ICONS */

.ic-info {
	background: url(/images/icons/information.png) transparent left 1px no-repeat;
	padding: 2px 0px 4px 19px;
	}



/*##########
###########
##################################### 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,
    .thnob th,
    .tdnob td {border: 0px solid !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 !important;}
	.nopad {padding: 0;}

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





/*##########
###########
##################################### BUTTONS INPUTS*/

input {
	padding: 2px;
	border: 1px solid #d5dedf;
	}
	
input[type=radio],
input[type=checkbox],
.checkbox {
	width:20px;
	vertical-align: middle;
	border: 0px solid;
	}

a.button,
button {
    background: url(/images/layout/button.gif) left -25px no-repeat;
    color:#111;
    font-size:10px;
    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)  right -25px no-repeat;
    line-height:13px;
	text-align:center;
    cursor:pointer;
    }


    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 2px 0px;
        }

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


/*hover für alle*/
a.button:hover,
button:hover {background-position: left top;}

a.button:hover span,
button:hover span{background-position: right top;}


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



.error_message_detail {
	display: block;
	background: url(/images/boxen/error-icon.gif) #ffdede 7px 7px no-repeat;
	padding:4px 4px 6px 75px;
	color:#ee0000;
	border: 2px solid #efcece;
	margin: 0px 0px 10px 0px;
	}

.success_message_detail {
	display: block;
	background: url(/images/boxen/sucess-icon.gif) #e3ffde 7px 7px no-repeat;
	padding:4px 4px 6px 75px;
	color: #16b201;
	border: 2px solid #ceeac9;
	margin: 0px 0px 10px 0px;
	}

.error_message {
	display: block;
	background: url(/images/boxen/error-icon-mini.gif) #ffdede 7px 3px no-repeat;
	padding:4px 4px 6px 35px;
	color:#ee0000;
	border: 2px solid #efcece;
	margin: 0px 0px 10px 0px;
	}

.success_message {
	display: block;
	background: url(/images/boxen/sucess-icon-mini.gif) #e3ffde 7px 3px no-repeat;
	padding:4px 4px 6px 35px;
	color: #16b201;
	border: 2px solid #ceeac9;
	margin: 0px 0px 10px 0px;
	}


.success_message_detail li,
.success_message li {
	color: #111111;
	background-image: url(/images/icons/li-green.gif) ;
	}
.error_message_detail li,
.error_message li {
	color: #111111;
	background-image: url(/images/icons/li-red.gif) ;
	}



/*##########
###########
##################################### 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: #12568f !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,
.bgcolor0 th,
.bgcolor0 td {background-color: #ffffff !important;}

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

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

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




.bgcolor1 td.tdhighlight {background-color: #cee5f5 !important;}
td.tdhighlight,
.bgcolor2 td.tdhighlight {background-color: #c0daea !important;}


.print {display: none;]