html,
body,
input,
select,
textarea {
    font-family:		"myriad", "Trebuchet MS", verdana, arial, sans-serif;
}
input,
select,
textarea {
    font-size:		12px;
}


body {
    font-size:		12px;
    margin:			0;
    color:			#3d4d5a;
    text-align:		left;
    line-height:		18px;
    background-color:   #fff;

}
.gruen {
    color:			#629420
}
.red {
    color:			#66070D !important;
}
.blue {
    color:			#0098e7;
}
a,
a:visited,
a:active {
    color:			#4e4e4e;
    text-decoration:	none;
}
.grey {
    color:			#4e4e4e;
}
a:hover {
    color:			#0098e7 !important;
}
.login {
    width:			100%;
    height:			91px;   
    background-image:	url(../images/header-bg.png);
}
.login .inner {
    line-height:		30px;
    color:			#fff;
    font-weight:		bold;
    padding-top: 10px;
    margin: auto;
    width: 1236px;
    height: 39px;
    background-image:	url(../images/header-bg.png);    
}

.login .inner .left {
    float:			left;
    font-size: 22px;
    margin-left: 10px;
        text-shadow: 0 1px 1px #808080; 

}
.login .inner .right {
    background-image:	url(../images/header-bg.png);    
    float:			right;
    margin-right: 10px;
}
.login a {
    color:			#fff !important;
}
.login a:hover {
    color:			#e4e4e4 !important;
}

#mainContent {
    background-image:	url(../images/bg.jpg);
    background-repeat:	repeat-y;
    width:			1236px;
    padding-bottom:		15px;
    min-height: 650px;
}
#header {
    height:			70px;
}
#headTopLeft {
    float:			left;
    margin-left:		25px;
    width:			415px;
    overflow:		hidden;
    line-height:		50px;
    text-align:		left;
    font-weight:		bold;
    font-size:		18px;
}
#headTopRight {
    float:			right;
    margin-right:		40px;
    margin-top:		20px;
    margin-bottom:		20px;
}
#naviTop {
    background-image:	url(../images/navi_top_bg.jpg);
    background-repeat:	repeat-x;
    float:			left;
    padding-left:		20px;
    padding-right:		25px;
    width:			923px;
    height:			30px;
    margin-left:		6px;
    margin-bottom:		15px;
}
#naviTop ul {
    padding:		0;
    margin:			0;
    padding-top:		1px;
}
#headTopLinks ul {
    padding:		0;
    margin:			0;
}
#naviTop li {
    float:			left;
    display:		inline;
    font-size:		11px;
    line-height:		27px;
    border-right:		1px dotted #fff;
}
#naviTop li:first-child {
    border-left:		1px dotted #fff;
}
#naviTopActive a{
    background-image:	url(../images/colorize/originals/navi_top_active.jpg);
    color:			#ffffff !important;
    font-weight:		bold;
}
.headTopLinksActive {
    background-image:	url(../images/colorize/originals/navi_content_hover.png);
    font-weight:		bold;
}
#naviTop li a {
    padding-top:		7px;
    padding-bottom:		8px;
    padding-left:		11px;
    padding-right:		11px;
    color:			#3d4d5a;
    text-decoration:	none;
    font-weight:		bold;
}
#naviTop li a:hover {
    background-image:	url(../images/colorize/originals/navi_top_hover.jpg);
    color:			#fff !important;
}
#naviThird {
    background-image:	url(../images/navi_top_bg.jpg);
    background-repeat:	repeat-x;
    float:			left;
    padding-left:		10px;
    padding-right:		25px;
    width:			1132px;
    height:			30px;
    margin-bottom:		20px;
}
#naviThird ul {
    padding:		0;
    margin:			0;
    padding-top:		1px;
}
#headTopLinks ul {
    padding:		0;
    margin:			0;
}
#naviThird li {
    float:			left;
    display:		inline;
    font-size:		11px;
    line-height:		27px;
    border-right:		1px dotted #fff;
}
#naviThird li:first-child {
    border-left:		1px dotted #fff;
}
#naviThirdActive {
    background-image:	url(../images/colorize/originals/navi_top_active.jpg);
    color:			#ffffff !important;
    font-weight:		bold;
}
#naviThird li a {
    padding-top:		7px;
    padding-bottom:		8px;
    padding-left:		11px;
    padding-right:		11px;
    color:			#3d4d5a;
    text-decoration:	none;
    font-weight:		bold;
}
#naviThird li a:hover {
    background-image:	url(../images/colorize/originals/navi_top_hover.jpg);
    color:			#fff !important;
}

#naviInfo {
    background-color:	#ffffff;
    text-align:		justify;
}
#centerContent {
    margin-left:		-5px;
    width:			996px;
    float:			left;
    text-align:		justify;
}
#centerContent a {
    color:			#294163;
    text-decoration:	none;
}
#centerContent a:hover {
    color:			#878787;
}
h1 {
    margin-top:		0;
    font-size:		16px;
    font-weight:		bold;
    margin-bottom:		15px;
}
h2 {
    font-size:		16px;
    font-weight:		lighter;
    margin-bottom:		5px;
}
#footer {
    background-image:	url(../images/bg_footer.jpg);
    width:			1236px;
    height:			61px;
}
#footer .inner {
    color:			#393b30;
    font-size:		11px;
    text-align:		right;
    padding-top:		5px;
    padding-right:		25px;
    line-height:		23px;
}
#footer a {
    color:			#393b30;
}
.bildunterschrift {
    font-size:		10px;
}



.StopButton {
    background-image:	url(../images/submit_red.png);
    color:			#ffffff;
}

.StopButton:hover {
    background-image:	url(../images/submit_red_hover.png);
    color:			#000000;
}
.grey2 {
    background-image:	url(../images/button_grey.png);
    font-size:		12px;
    font-weight:		normal;
}




.img {
    padding:		2px;
    border:			1px solid #cccccc;
    margin:			0;
    padding-bottom:		3px;
}
a .img:hover {
    border:			1px solid #e4e4e4;
}
.configuration_box {
    float:			left;
    margin:			10px;
    width:			220px;
}
.configuration_box_padding {
    padding:		10px;
    height:			100px;
    text-align:		left;
}

.sortable-list {
    list-style-type :	none;
    margin :		0;
}
.sortable-list li {
    cursor :		move;
    margin :		0px 0 5px 0px;
    border :		1px solid #fff;
    padding:		0;
}
*+html .sortable-list li {
    margin-left:		0;
}
.sortable-list li:hover {
    border:			1px dotted #ccc;
}

#root
{
    text-align: left;
    line-height: 29px;
    font-size: 11px;
    color: #666666;
    background-color: #efefef;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding:		0 6px 0 18px;
    margin:			0px 0 15px 0px;
    width:                  1200px;
    height:			29px;
    z-index:		10;
}

#root a:hover
{
    color: #0098e7;
}

.box {
    background-image:	url(../images/frontend/content/box_bottom.png) !important;
    background-repeat:	repeat-x;
    background-position:	bottom;
}
.box .inner {
    margin:			10px;
}

#counter {
    font-weight:		bold;
    color:			#2fde18;
    font-size:		14px;
}
#counter_stopped {
    font-weight:		bold;
    color:			red;
    font-size:		14px;
}
#counter_complete {
    font-weight:		bold;
    font-size:		14px;
}
.bold {
    font-weight:		bold;
}
.dashboard_link {
    float:			left;
    width:			195px;
    padding:		5px;
    margin:			5px;
    font-weight:		bold;
}
.dashboard_link:hover,
.dashboard_link:hover a {
    background-color:	#efefef;
    cursor:			pointer;
    color:			#0098e7 !important;
}
.hover {
    cursor:			pointer;
}
.ImageContainer {
    position:		relative;
}
.ImageContainer input {
    position:		absolute;
    top:			0;
    right:			0;
}

.datepickericon {
    cursor:			pointer;
}
.Highlight {
    color:			#019ee1;
}
.sortTable {
    cursor:			move;
}
.VideoReleasePreviewBox {
    width:			480px;
    float:			left;
    margin:			0 25px 25px 0;
}
.VideoReleasePreviewBoxDeleteLink {
    float:			right;
}
.SendNewsletter {
    background-color:	#999999;
    padding:		5px;
    color:			#ffffff;
    display:		block;
    margin:			20px 0 10px 0;
}
.SendNewsletter input {
    vertical-align:		text-top;
}
.CleanUpTextarea {
    width:			100%;
    height:			400px;
}

/*Allgemeines */
.NavigationBox {
    background-repeat:	repeat-x;
    margin:			auto;
    width:                  1236px;
    position:               relative;
    height:			50px;
    background-image:	url(../images/header-bg.png); 
    background-position: center -49px;
}
.ThirdNavigationBox {
    width:			1200px;
    left:             -26px;
    top:            -1px;
    margin-top:                    -15px;
}
.Navigation {
    text-align:		left;
    color:			#ffffff;
    margin-left: 6px;
    text-transform: uppercase;
    
}
.Navigation a {
    white-space:		nowrap;
    color:			#3d4d5a;
    font-weight:		bold;
    background-repeat:	repeat-x;
    padding:		5px 15px 5px 15px;
    margin:			1px 0 0 0;
    display:		block;
    height: 30px;
    line-height: 30px;
}



.Navigation a:hover,
.Navigation a:focus,
.Navigation a:active {
    color:			#fff !important;
    background-image:	url(../images/colorize/originals/navi_top_hover.jpg)!important;
    background-color:	#0098e7;
    z-index:		1000!important;
    position:		relative;
}
.Navigation ul a {
    display:		block;
    margin:			0;
    height: 22px;
    line-height: 22px;


}
.Navigation ul a:hover,
.Navigation ul a:focus,
.Navigation ul a:active {
    background-image:	none !important;
    background-color:	#fff !important;
    z-index:		1000!important;
    color: #0098e7 !important;
}
.Navigation ul ul a span {
    background-image:	url('../images/bullet_black.png');
    background-position:	left center;
    background-repeat:	no-repeat;
    padding:		0 0 0 20px;
    height: 18px;
    cursor: pointer;


}
.Navigation ul ul a {
    background-image:	none;
    cursor: pointer;
}
.Navigation ul ul a:hover,
.Navigation ul ul a:focus
.Navigation ul ul a:active {
    background-image:	none !important;
    color:		#0098e7 !important;
    z-index:		1000!important;
    background-color:#fff;    
}
.Navigation ul ul a:hover span,
.Navigation ul ul a:focus span,
.Navigation ul ul a:active span {
    z-index:		1000!important;
}
.Navigation ul a {
    color:			#000000 !important;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #fff;
}
.Navigation ul a span {
    background-image:	none;
}

.Navigation ul {
    position:		absolute;
    top:			41px;
    left:			0;
    display:		none;
    background-image:	url('../images/bg_navigation.png');
    z-index:		100;
    min-width:		200px;
    border:                 2px solid #ccc;
    border-top: 0;
        margin-left:-2px;
    -moz-border-radius:     0px 0px 7px 7px;
    -khtml-border-radius:   0px 0px 7px 7px;
}
.Navigation ul ul {
    position:		static;
    width:			355px;
    display:		block;
    padding:		0 0 0px 5px;
    border:			none;
    background-image:	none;
    z-index:		150;
    min-width:		0;
}
.Navigation ul li {
    background-color:	#eeeeee;
}


.Navigation li {
    float:			left;
    position:		relative;
    font-size:		11px;
}

.Navigation li li {
    display:		block;
    float:			none;
    position:		static;
    padding:		0;
    clear:			both;
    border:			none;
    line-height:		normal;
}


.Navigation li li:first-child {
    border:			none;
}
.Navigation li li li {
    display:		inline-block;
    width:			175px;
    clear:			none;
    background-image:	none;
}
.Navigation li:hover ul {
    display:		block;
        box-shadow: 0 1px 3px #DDDDDD;

    
    
}
.NavigationActive {
    background-image:	url('../images/colorize/originals/navi_top_active.jpg');
    color:			#ffffff !important;
    background-color:	#0098e7;
}
.Navigation ul .NavigationActive span {
    background-image:	url('../images/arrow_white.png');
    background-repeat:	no-repeat;
    background-position:	left center;
    padding-left:		7px;
}



h1
{
    color: #0098e7 !important;
    margin-bottom: 15px !important;
}

.dashbox {
    float:left;
    margin-bottom: 20px;
    margin-right: 20px;
}

.dashbox a {
    background-color: #EBEBEB;
    background-image: -moz-linear-gradient(center top , #F5F5F5, #EBEBEB);
    border: 1px solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px #CCCCCC, 0 1px 0 #FFFFFF inset;
    color: #666666 !important;
    display: inline-block;
    font-size: 12px;
    line-height: 32px;
    margin-right: 3px;
    padding: 0 18px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;   
    font-weight: bold;
    
}

.dashbox a:hover {
    color: #4F4F4F;
    background: none repeat scroll 0 0 #efefef;
}
.dashbox a img {
    display: block;
    margin:auto;
    padding-top:10px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.round_message {
    background: none repeat scroll 0 0 red;
    border-radius: 12px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    border: 2px solid #fff;
    color: #fff;
    display:block;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0 7px;
    position: absolute;
    text-shadow: none;
    margin-top: -6px;
    margin-left: 124px;
    z-index: 10;
}