body
{
        border-top:5px solid #ff9966;
        background:#ffffff;
        font-family: 'Open Sans', sans-serif;
        color:#4c200b;
}

.sform input
{
        font-family: 'Open Sans', sans-serif;
        font-size:16px;
        padding: 5px;
        outline: 0;
        border:0;
        width:250px;
        background: #EBE8DE;
        border-radius:5px;
}

.sform input[type=submit]
{
        width:auto;
        padding: 4px 18px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #333333;
        color: #fff;
}

p
{
	margin: 10px 0;
	line-height: 25px;
}

a
{
	text-decoration: none;
	color: inherit;
	transition: color .4s ease;
}

strong
{
	font-weight: bold;
}

small
{
	font-size:12px;
}

/* HEADER */

header
{
        position:relative;
        width:auto;
        max-width:970px;
        margin: 0 auto 5px auto;
}

header img
{
        margin-top:5px;
}

header p
{
        font-family: 'Open Sans', sans-serif;
        font-size:20px;
//        text-transform:lowercase;
        color: inherit;
}

nav
{
        position:absolute;
        right:0;
        bottom:0;
}

nav ul
{
        list-style:none;
}

nav ul li
{
        display:block;
        float:left;
        padding:3px 15px;
}

nav ul li a
{
        font-family: 'Open Sans', sans-serif;
        text-transform:uppercase;
        transition: all .25s ease;
	font-weight:bold;
	font-style:italic;
}

nav ul li a:hover
{
        color:#587aa6;
}

#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        background-color: #732b08;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #351200;
}

hr
{
        background-color: #d7d7d9;
        border:0;
        height:1px;
        margin:20px 0;
	max-width:970px;
	margin:auto;
}

/* SPACER */

#spacer
{
        width:auto;
        height:50px;
        background-color:#732b08;
        position:relative;
        font-family: 'Open Sans', sans-serif;
        color:#fff;
        font-size:18px;
}

#spacer p
{
        margin-top:12px;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-485px;
}

#spacer .search
{
        margin-top:9px;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-485px;
}

#spacer a:hover
{
	color:#587aa6;
}


#news_sticky, #news_preview, #headlines_preview, #headlines_short, #news_full, #videos_sendung, #videos_beitraege, #video_player, #main_block, #programm_block, #landtag_live_block, #main_suche
{
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        clear:both;
        width:auto;
        max-width:970px;
        margin:0 auto;
}

#news_sticky h2, #news_preview h2, #headlines_preview h2, #headlines_short h2, #news_full h2, #videos_sendung h2, #videos_beitraege h2, #video_player h2, #main_block h2, #programm_block h2, #landtag_live_block h2, #main_suche h2
{
        font-size:20px;
        border-bottom: 1px solid #cccccc;
        padding: 40px 20px 0 0;
        margin-bottom: 20px;
	width:auto;
}

#main_block
{
	padding-top:10px;
}

#main_suche h4
{
	position:relative;
	top:-15px;
	font-size:14px;
}

#main_block h4
{
        font-size:16px;
	font-weight:bold;
        padding: 20px 10px 0 0;
        margin-bottom: 10px;
	width:auto;
}

#main_block li
{
	padding-left:20px;
        background:url(img/icon_arrow_grey.png) left 6px no-repeat;
}

#landtag_live_block span
{
	display:block;
	font-size:22px;
	margin-top:20px;	
}

.addons_list, .addons_sublist
{
	margin:0px;
	padding:0px;
}

.addons_list_top, .addons_list_sub
{
	position:relative;
	padding:0px;
	margin:0px;
	list-style:none;
}


.addons_list_top a, .addons_list_sub a
{
	display:block;
	padding:10px;
	text-align:center;
	color:#333333;
	border: 1px solid #cccccc;
}

.addons_list_top
{
	margin-bottom:5px;
}

.addons_list_top a
{
	width: calc(100% - 22px);
	height:25px;
}

.addons_list_sub
{
	padding:10px;
}

.addons_list_sub a
{
	max-width:280px;
	color:#333333;
}

.addons_list_top a:hover
{
	text-decoration:none;
}

.addons_list_sub a:hover
{
}

.list_prog a
{
	border:none;
	text-align:left;
	padding:0px;
}

.hr_divider
{
	width:auto;
	background-color:#736f68;
}

#headlines_short ul
{
	list-style-image:url(img/list_arrow.png);
}

#headlines_short li
{
        font-size:16px;
	vertical-aling:middle;
	margin:10px 0 10px 25px;
}

/* --------------------------------- */

#recentlist
{
	padding:10px;
	margin-right:5px;
	margin-bottom:15px;
	border: 3px solid #a2c3e4;
	color:#333333;
	font-style:italic;

	max-width:294px;
	display:block;
	float:left;
}

#recentlist h2
{
        text-transform: uppercase;
	font-size:22px;
        border:none;
        padding:0px;
	margin:0px;
}

#recentlist td
{
	color:#333333;
	padding-top:10px;
}

#recentlist td span
{
	display:block;
	width:55px;
	color:#ba0e32;
	font-weight:bold;
}

#box_facebook
{
	margin-right:5px;
	margin-bottom:15px;
	width:320px;
	display:block;
	float:left;
}

#box_twitter
{
	float:left;
	display_block;
	width:3120px;
	max-width:320px;
	max-height:400px;
}

/* --------------------------------- */

#news_preview .item_img, #headlines_preview .item_text, .video_item
{
        float:left;
        margin-right:35px;
}

#news_preview .item_img_right, #headlines_preview .item_text_right
{
        float:left;
        margin-right:0px;
}

#news_preview .item_sticky
{
	max-width:970px;
}

#news_preview .item_img a, #news_preview .item_img_right a, #headlines_preview .item_text a,  #headlines_preview .item_headline a, .video_item a, .programm_item a
{
        position:relative;
        display:block;
	color:#333333;
}

#news_preview .item_sticky a
{
	position:relative;
        display:block;
	color:#333333;
}

#news_preview .item_img a:hover, #news_sticky .item_sticky a:hover, #news_preview .item_img_right a:hover, #headlines_preview .item_text a:hover,  #headlines_short .item_headline a:hover, .item_suche a:hover, #landtag_live_block a:hover
{
        color:#587aa6;
}

.video_item
{
	background-color:#ffffff;
	padding:5px;
}

.video_item:hover, .video_item:hover a 
{
	background-color:#333333;
	color:#ffffff;
	transition: none;
}

.item_img, .item_img_right
{
	margin-bottom:20px;
}

.video_item img
{
	height:180px;
	width:300px;
}

.item_img img, .item_img_right img
{
	height:160px;
	width:300px;
}

.item_sticky img, .item_full img
{
	padding: 0 25px 10px 0;
	display:block;
	float:left;
}

.item_sticky, .item_full
{
	position:relative;
	min-height:260px;
}

.thumb-screen
{
        position:absolute;
        top:0;
        left:0;
        width:300px;
        height:160px;
        background-color: #000;
        z-index:99;
        opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        transition: opacity .5s ease;
}


.thumb-screen:hover
{
        opacity:0.5;
}

.item_sticky .thumb-screen
{
	height:250px;
	width:450px;
}

.video_item .thumb-screen
{
	height:180px;
}

.img_source
{
	position:absolute;
	display:block;
	font-size:12px;
	margin-top:-10px;
	width:300px;
	text-align:right;
	margin-right:0px;
}

.item_sticky .img_source
{
	margin-top:248px;
	width:450px;
}

figcaption strong
{
        border-bottom: 1px solid #cccccc;
        padding-bottom:10px;
        margin: 10px 0;
        display:block;
}

figcaption p strong
{
        border:none;
        padding-bottom:10px;
        margin: 0;
}

.item_img figcaption, .item_img_right figcaption, .item_text figcaption, .item_text_right figcaption, .video_item figcaption
{
	padding-top:0px;
        line-height: 25px;
        font-size:14px;
        max-width:300px;
}

.item_sticky figcaption strong, .item_full figcaption strong
{
        margin-left: 475px;
}

.item_sticky figcaption span, .item_full figcaption span
{
        margin-left: 0px;
	font-weight:bold;
        border-bottom: 1px solid #cccccc;
        padding-bottom:10px;
        margin: 10px 0;
        display:block;
}

.video_item figcaption strong
{
        border-bottom:0px;
	margin-bottom:0px;
}

#videos_beitraege figcaption strong
{
	height:70px;
}
.item_full figcaption p strong
{
	margin-left:0px;
}

.item_full .img_source
{
	margin-top:248px;
	width:450px;
}

.item_img figcaption, .item_img_right figcaption
{
	padding-top:10px;
}

.item_sticky figcaption strong
{
	margin-top:0;
}

.item_suche
{
	border-bottom:1px solid #cccccc;
	padding-bottom:15px;
}

.item_suche i
{
	font-style: italic;
	font-size:14px;
}

#suche_nav
{
	margin-top:20px;
	margin-bottom:50px;
}

#suche_nav a
{
	display:block;
	float:left;
	margin-right:50px;
	font-weight:bold;
	font-size:16px;
}

.item_suche h3
{
	margin-top:15px;
	font-weight:bold;
	font-size:18px !important;
}

.vp43, .vp169
{
	width:970px;
	height:600px;
}

#landtag_live
{
	display:block;
	margin-top:20px;
	padding:10px;

	background-color:#444444;
	color:#ffffff;
        border-bottom:5px solid #ff951b;
}

#landtag_live img
{
	padding: 0 25px 10px 0;
	display:block;
	float:left;
}

#landtag_live figcaption strong
{
	margin-left:325px;
	font-size:25px;
}

.weather_box
{
	display:block;
	float:left;
	background-color:#d7d7d9;
	text-align:center;
	padding:10px;
	margin:15px 10px 15px 0px;

}

.weather_box h3, .weather_box span, .weather_box p
{
	width:100%;
	text-align:center;
}

.weather_box h3
{
	font-weight:bold;
}

.weather_box img
{
	padding-left: 10px;
	padding-right: 10px;
	background-color:#587aa6;
	border:1px solid #194073;
}

/* --- PROGRAMM --- */

#programm_navigator
{
	position:relative;
	display:block;
	width: calc(100% - 20px);
	margin-top:20px;
	padding:10px;
	background-color: #333333;
	color:#ffffff;
	text-align:center;
}

#nav_left, #nav_right
{
	position:absolute;
	display:block;
	padding:10px;
	top:0px;
	width:21px;
}

#nav_left
{
	left:0px;
}

#nav_right
{
	right:0px;
}

.programm_item
{
	position:relative;
	margin-top:10px;
	display:block;
	min-height:130px;
	border-bottom:1px solid #cccccc;
}

.programm_time
{
	display:block;
	float:left;
	font-size:20px;
	font-weight:bold;
	padding-right:10px;
}

.programm_content
{
	display:block;
	float:none;
	margin-left:70px;
}

.programm_thumb
{
	display:block;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	width:200px;
	height:113px;
}

.programm_item .thumb-screen
{
        width:200px;
        height:113px;
}

.programm_title
{
	font-weight:bold;
	fonz-size:16px;
}

.programm_title a:hover
{
        color:#587aa6;
}

#google_ad1
{
        clear:both;
        width:auto;
        max-width:970px;
        margin:20px auto;
}

/* --- CONTACT --- */

.cform_line
{
	position:relative;
	display:block;
	width:100%;
	float:none;
	margin-bottom:15px;
}

.cform_line label
{
	display:block;
	float:left;
	width:200px;
	padding-top: 9px;
}

.cform h3
{
	font-weight:bold;
}

.cform select, .cform input, .cform textarea
{
        font-family: 'Open Sans', sans-serif;
        color:#333333;
        font-size: 16px;
	width:250px;

	background:none;
	border: 1px solid #808080;
}

.cform select
{
	background:url("img/dd_arrow.jpg") right center no-repeat;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
}

.cform input, .cform textarea
{
	width: 350px;
	padding:8px;
}

.cform textarea
{
	height: 120px;
}

.cform option
{
	background-color: #eeeeee;
	padding:8px;
	border-bottom: 1px solid #808080;
}

.cform optgroup
{
	min-height:50px;
	padding: 8px;
}

.cform_cb
{
	max-width: 30px;
}

#cform_captcha
{
	position:relative;
	display:block;
	float:left;
	margin-right:20px;
}

#cform_captchacode
{
	width: 100px;
}

.cform_error
{
	background-color: #ffbdb5 !important;
}

.cform_err_msg
{
	color: #ff3030;
	margin-bottom:20px;
}

/* --- FOOTER --- */

footer
{
        position:relative;
        clear:both;
        width:auto;
        height:350px;
        background:#333333;
}

footer .wrapper
{
        line-height:25px;
        margin: 0 auto;
        padding-top:30px;
        width:auto;
        max-width:970px;
        font-size:14px;
}

footer .wrapper .column
{
        font-family: 'Open Sans', sans-serif;
        color:#ababab;
        float:left;
        width:300px;
        margin-right:35px;
}

footer .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
        border-bottom: 1px solid #444444;
        background:url(img/icon_arrow_grey.png) left 6px no-repeat;
}

footer .wrapper .column.midlist ul li a:hover
{
        color:#fff;
}

footer .wrapper .column.rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
}

footer .wrapper .column.rightlist ul li a span
{
        margin-left:95px;
        display:block;
}

footer .wrapper .column.rightlist ul li a img
{
        transition: border .25s ease;
        float:left;
        border:3px solid #444444;
}

footer .wrapper .column.rightlist ul li a img:hover
{
        border-color: #5e5e5e;
}

footer .wrapper .column h4
{
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid #444444;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
}

#copyright
{
        background: #1D1D1D;
        height:70px;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
}
#copyright .wrapper
{
        font-family: 'Open Sans', sans-serif;
        padding-top:25px;
        color: #5e5e5e;
        font-size:14px;
        position:relative;
}
#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}

#copyright .wrapper a:hover
{
        color: #fff;
}

/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}

/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-top: 1px #fff5e4 solid;
}

#slides
{
        display: none;
}

/* Center the slideshow */
.container
{
        width:auto;
        margin: 0 0;
        position:relative;
}


@media (max-width: 990px)
{
        header img, header p
        {
		padding-left:5px;
        }
        #spacer
        {
                font-size:15px;
        }
        #spacer .search
        {
                margin-top:10px;
                margin-right:-385px;
        }
        #spacer p
        {
                margin-left:-370px;
        }
        .sform input
        {
                padding:4px;
                font-size:14px;
        }
        .sform input[type="submit"]
        {
                padding: 1px 14px;
        }
	#news_sticky, #news_preview, #headlines_preview, #headlines_short, .hr_divider, #news_full, #videos_sendung, #videos_beitraege, #video_player, #main_block, #programm_block, #landtag_live_block, #main_suche
	{
		margin-left:10px;
		margin-right:10px;
	}
	.vp43
	{
		width:600px;
		height:480px;
	}
	.vp169
	{
		width:600px;
	}
        footer
        {
		padding-left:5px;
		height: 520px;
        }
        #copyright .wrapper
        {
		padding-left:5px;
        }
        #copyright .wrapper .social
        {
		padding-right:5px;
        }
        footer .wrapper .column.about
        {
		width:635px;
		margin-bottom:25px;
        }
}

@media (max-width: 790px)
{
        header
        {
                height:150px;
        }
        header nav
        {
		width:500px;
                right: auto;
                top:130px;
                margin-left: -5px;
        }
	header nav ul li
	{
	        padding:3px 10px;
	}
        #spacer
        {
                height:70px;
        }
        #spacer p
        {
                text-align:center;
                position:static;
                margin: 0 auto;
                padding:3px 0 7px 0;
        }
        #spacer .search
        {
                text-align:center;
                position:static;
                margin: 0 auto;
        }
        #spacer .search
        {
                text-align:center;
                position:static;
                margin: 0 auto;
        }
	.item_sticky figcaption strong
	{
	        margin-left:320px;
	}
	.item_full figcaption strong
	{
	        margin-left:0px;
	}

	.item_sticky img
	{
		width:300px;
		height:166px;
		margin-bottom:20px;
	}
	.item_sticky .thumb-screen
	{
		height:166px;
		width:300px;
	}
	.item_sticky .img_source
	{
		margin-top:165px;
		width:300px;
	}
	.item_full img
	{
		padding-right:0px;
		width:100%;
		float:none;
	}
	.item_full .img_source
	{
		margin-top:-15px;
		width:100%;
	}

}

@media (max-width: 655px)
{
	.item_sticky figcaption strong, .item_full figcaption strong, #landtag_live_block figcaption strong
	{
	        margin-left:0px;
	}
	.item_sticky
	{
		width:300px;
		margin-bottom:20px;
	}
	.vp43
	{
		width:300px;
		height:250px;
	}
	.vp169
	{
		width:600px;
	}
        footer
        {
		height: 850px;
        }
        footer .wrapper .column.about
        {
		width:310px;
        }

        footer .wrapper .column.midlist
        {
		margin-bottom:25px;
        }
	#landtag_live_block
	{
		width:300px;
	}
	#landtag_live_block img
	{
		width:280px;
		height:160px;
	}
}

@media (max-width: 510px)
{
        header
        {
		margin-top: 30px;
		height:100px;
        }        
        header img
        {
		width:300px;
	}
        header p
        {
		font-size:16px;
	}
        .container
        {
                height:1px;
                top: -1500px;
        }
	.programm_thumb
	{
		float:none;
	}
	.programm_content, .programm_time
	{
		font-size:12px;
		line-height:15px;
		padding-bottom:8px;
	}
	.programm_content
	{
		margin-left:55px;
	}
        .sform input
        {
                width:150px;
        }
        #spacer
        {
                height:auto;
                padding-bottom:15px;
        }
        #four_columns
        {
                width:auto;
        }
        #four_columns .img-item
        {
                width: 200px;
                float:none;
                margin: 25px auto 0 auto;
        }
        #four_columns h2
        {
                margin: 0 30px;
        }
        .column2 .row
        {
                margin: 0 0 40px 10px;
                width:auto;
        }

	.weather_box
	{
		float:none;
	}

	.weather_box img
	{
		float:left;
	}


        input
        {
                width:auto;
        }

	.cform select, .cform input, .cform textarea
	{
		width:200px;
	}

        #mobileMenu
        {
                display: block;
                z-index: 99;
        }
        .toggleMobile
        {
                position: fixed;
                top: 10px;
                left: 5px;
                display: block;
                width: 40px;
                height: 36px;
                cursor: pointer;
                z-index: 999;
        }
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
                display: block;
                position: absolute;
                width: 40px;
                height: 8px;
                left: 0px;
                background: #2e1103;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
                top: 0;
        }
        .toggleMobile span.menu2
        {
                top: 14px;
        }
        .toggleMobile span.menu3
        {
                top: 28px;
        }
        .toggleMobile.active span.menu1
        {
                top: 14px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        header nav
        {
                display:none;
        }
	#news_preview .item_img, #headlines_preview .item_text
	{
	        margin-right:0px;
	}
	.item_full
	{
		width:300px;
		margin-bottom:20px;
	}
	.item_full img
	{
		width:300px;
		height:166px;
	}
	.item_sticky img, .item_full img
	{
		padding-right: 0px;
	}
        #copyright .wrapper
        {
		font-size:13px;
        }
        #copyright .wrapper .social
        {
                display:none;
        }
}

