/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2014 Coppermine Dev Team
  v1.0 originally written by Gregory Demar

  Coppermine version: 1.5.36
  $HeadURL: https://svn.code.sf.net/p/coppermine/code/trunk/cpg1.5.x/themes/curve/style.css $
  $Revision: 8780 $
**********************************************/
/******START Styles responsive theme*******************/


.cpg_starttable_outer,
.cpg_starttable_outer div.cpg_starttable_inner {
	background-color: none!important;
	background-image: none!important;
    }
.albumName,
.thumbsAdmin {
    float: left;
	padding: 0.5%;
	margin: 0px;
}
.sortorder_cell {
    float: right;
}
#formcell {
    float: left;
}
.thumbnail,
.catrow_noalb img,
.catrow img {
    max-width: 22vw!important;
    height: auto!important;
}
.thumb_title,.thumb_caption,.thumb_filename,.thumb_num_comments {
    max-width: 12vw!important;
    overflow: hidden;
	word-break: break-all;
}
@media all and (min-width : 0px) and (max-width : 320px) {
   	.albumsThumbnails p {
    font-size: 3.2vw!important;
    }
}
@media all and (min-width : 0px) and (max-width : 500px) {
    .catrow_noalb table,.catrow table  {
    font-size: 80%!important;
    }
	.alblink a {
    font-size: 80%!important;
    }
	.statlink h2 {
    font-size: 3.5vw!important;
    }
	body {
	padding: 0px!important;
	}
	#cpg_main_block_outer,
    .cpg_main_block_inner {
	padding: 0px!important;
	}
	#cpg_logo_block_outer,
    #cpg_logo_block_outer div.cpg_logo_block_inner,
    #cpg_header_block_outer,
    #cpg_header_block_outer div.cpg_header_block_inner {
      background-color: #E3E9EF!important;
      background-image: none!important;
    }
	.tableb {
	padding: 0px!important;
    }
	.buttonlist ul li a span {
    height: 3vw!important;
    line-height: 2vw!important;
    }
   .buttonlist ul li a{
    font-size: 3vw!important;
    }
   .navmenu img,.buttonlist img {
    max-width: 3vw!important;
    height: auto;
   }
   .navmenu {
    font-size: 3vw!important;
   }
	.tableh2 {
    padding: 0px!important;
    }
	.tableh1 {
    font-size: 80%!important;
	padding:  0px 2px 0px 0px!important;
    }
	.thumbnails {
	padding: 0px!important;
	}
	.thumbsAdmin .admin_menu {
	margin: 2%!important;
    } 
	.thumbsAdmin a {
	font-size: 2.5vw!important;
    } 
}

.strip_image {
    max-width: 10vw!important;
    height: auto;
}
#film {
    width: 100%!important;   
}
#film .thumb a:link  {
    width: 100%!important;
}
.tape  {
    width: 100%!important;
    height: 100%!important;
    margin-left: 0px!important;
}
.remove {
    display: none!important; 
}
.display_media {
	width: auto;
}
.display_media .image {
    max-width: 70vw!important;
    height: auto!important;
}
.display_media td.image {
    background-color: ;
	background-repeat:no-repeat;
	background-position: ;	
    background-size: contain;
}
.display_media .image img {
	width: auto!important;
    height: 70vw!important;
}
#picinfo {
    width: 100%!important;
    overflow: no;
}
.sortorder_cell img,.thumb_caption_rating img,#comments img {
    max-width: 2vw!important;
    height: auto!important;
}

#comments #captchaImg img{
    max-width: 25vw!important;
    height: auto!important;
}
.comment_date {
    font-size: 1.8vw!important;
}
/********END Styles responsive theme**************************************/


body {
    background: url(images/graue-streifen.jpg) repeat scroll 0% 0%;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color : Black;
	max-width: 1000px;
	margin-left:auto;
    margin-right:auto;
    margin-top: 0px;
    margin-bottom: 0px;
	min-height: 100%;
}


body.nobgimage {
    background: none;
}

#cpg_logo_block_outer  {
    background-color: #fefefe;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0pt -240px;
    padding-left: 20px;
}

#cpg_logo_block_outer div.cpg_logo_block_inner {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% -240px;
    display: block;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#cpg_logo_block_logo {
    float: left;
    border: none;
}

#cpg_logo_block_name {
    float: right;
    text-align:  left;
}

#cpg_header_block_outer  {
    background-color: #fefefe;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0pt -633px;
    padding-left: 20px;
}

#cpg_header_block_outer div.cpg_header_block_inner {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% -633px;
    display: block;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
    /* min-height: 95px; */
}

#cpg_main_block_outer  {
    background-color: #ffffff;
    background-image: none;
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: left top;
    padding-left: 20px;
}

#cpg_main_block_outer div.cpg_main_block_inner {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: right  left;
    display: block;
    padding-top: 1px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 0pt;
}

#cpg_footer_block_outer  {
    text-align:  left;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0pt -1156px;
    padding-left: 20px;

}

#cpg_footer_block_outer div.cpg_footer_block_inner {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% -1156px;
    display: block;
    padding-top: 60px;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
}

.cpg_starttable_outer  {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0pt -200px;
    padding-left: 20px;
}

.cpg_starttable_outer div.cpg_starttable_inner {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% -200px;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 0px;
    padding-left: 0px;
}

#sysmenu {
    margin-top: 5px;
}

.menuheight {      /* IE7 */
    width: 1px;    /* IE7 */
    height: 95px;  /* IE7 */
}                  /* IE7 */


table {
    font-size: 12px;
}

h1{
    font-weight: bold;
    font-size: 22px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height : 120%;
    color : #000000;
    margin: 2px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0px;
}

h3 {
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 2px;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 2px 0px;
}

pre.filepath {
    margin: 0px;
    padding: 0px;
}

.textinput {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    border: 1px solid #D1D7DC;
    padding-right: 3px;
    padding-left: 3px;
}

.listbox {
    font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
    font-size: 100%;
    border: 1px solid #D1D7DC;
    vertical-align : middle;
}

.radio {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    vertical-align : middle;
}

.checkbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    vertical-align : middle;
}

a:link {
    color: #346;
    text-decoration: none;
}

a:visited {
    color: #0033CC;
    text-decoration: none;
}

a:focus {
    color: #0033CC;
    text-decoration: none;
}

a:hover {
    color: #346;
    text-decoration: ;
}

a:active {
    color: #0033CC;
    text-decoration: none;
}

.bblink a {
    color: #0033CC;
    text-decoration: none;
}

.bblink a:hover {
    color: #0033CC;
    text-decoration: ;
}

.button, .admin_menu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    background-color:none;
    cursor:pointer;
    padding-left:0px;
    padding-right:0px;
    margin-right:2px;
	border: none;
}

.button {
    font-size: 1em;
    white-space: nowrap;
}

a.button, a.admin_menu {
    color:white;
    text-decoration:none;
}

a:hover.button, a:hover.admin_menu {
    background-color: #FD9604;
}

.maintable {
    margin-top: 1px;
    margin-bottom: 1px;
}

.tableh1 {
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-size: 1.1em;
    font-weight: bold;
    background-image: none;
    background-repeat: no-repeat;
    background-position: -10px -160px;
}

.tableh2 {
    background-color: #E7EAEF ;
    color : #000000;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.tableb {
    background:   ;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

/* This class will be used in conjunction with class tableb: attributes not particularly (re)-assigned will be taken into account from tableb. */
/* It is being used to accomplish alternating row colors for lists. */
/* It's recommended to only assign another background color that slightly differs from the one defined in tableb */
.tableb_alternate {
    background:;
}

.tablef {
    background:  ;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.catrow_noalb {
    background: #E7EAEF ;
    color : #000000;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.catrow {
    background:   ;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.album_stat {
    font-size: 85%;
    margin: 5px 0px;
}

.thumb_filename {
    font-size: 80%;
}

.thumb_title {
    font-weight : bold;
    font-size: 80%;
    padding: 2px;
}

.thumb_caption {
    font-size: 80%;
    padding: 1px;
}

.thumb_caption a {
    text-decoration: ;
    color: #000000;
}

.thumb_num_comments {
    font-weight: normal;
    font-size: 80%;
    padding: 2px;
    font-style : italic;
    display : block;
}

.user_thumb_infobox {
    margin-top: 1px;
    margin-bottom: 1px;
}

.user_thumb_infobox th {
    font-weight : bold;
    font-size: 100%;
    margin-top: 1px;
    margin-bottom: 1px;
    text-align :  left;
}

.user_thumb_infobox td {
    font-size: 80%;
    margin-top: 1px;
    margin-bottom: 1px;
    text-align :  left;
}

.user_thumb_infobox a {
    text-decoration: none;
    color: #000000;
}

.user_thumb_infobox a:hover {
    color: #000000;
    text-decoration: ;
}

.sortorder_cell {
    padding: 0px;
    margin: 0px;
}

.sortorder_options {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color : #FFFFFF;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 80%;
    white-space: nowrap;
}

.navmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 100%;
    font-weight: bold;
    background : transparent none no-repeat scroll -10px -160px;
    border-style: none;
}

.navmenu img {
    margin-top: 1px;
    margin-right: 5px;
    margin-bottom: 1px;
    margin-left: 5px;
}

.navmenu a {
    display: block;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    color: #FFFFFF;
}

.navmenu a:hover {
    background : ;
    text-decoration: none;
    color: #000000;
}

.icon {
    vertical-align:middle;
    margin-right:1px;
}

.comment_date{
    color : #5F5F5F;
    font-size : 90%;
    vertical-align : middle;
}

.image {
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    margin:2px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* pseudo-classes for image links */
a:link .image{
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    margin:2px;
}

a:visited .image{
    border-style:solid;
    border-width:1px;
    border-color:#840084;
    margin:2px;
}

a:focus .image{
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    margin:2px;
}

a:hover .image{
    border-style:solid;
    border-width:1px;
    border-color:#0033CC;
    margin:2px;
}

a:active .image{
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    margin:2px;
}

/* pseudo-classes for middlethumb links */
a:link .middlethumb,a:visited .middlethumb,a:focus .middlethumb,a:hover .middlethumb,a:active .middlethumb{
    border: 2px solid blue;
}

.imageborder {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    margin-top: 3px;
    margin-bottom: 3px;
}

.display_media {
    background: ;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

.thumbnails {
    background: ;
    padding: 5px;
}

.footer {
    font-size : 9px;
}

.footer a {
    text-decoration: none;
    color: #000000;
}

.footer a:hover {
    color: #000000;
    text-decoration: ;
}

.statlink {
    color: #000000;
}

.statlink a {
    text-decoration: none;
    color: #000000;
}

.statlink a:hover {
    color: #000000;
    text-decoration: ;
}

.alblink a {
    text-decoration: ;
    color: #000000;
}

.alblink a:hover {
    color: #000000;
    text-decoration: none;
}

.catlink {
    display: block;
    margin-bottom: 2px;
    font-weight:bold;
}

.catlink a {
    text-decoration: ;
    color: #000000;
}

.catlink a:hover {
    color: #000000;
    text-decoration: ;
}

.topmenu {
    line-height : 130%;
    font-size: 100%;
}

.topmenu a {
    color : #0033CC;
    text-decoration : none;
}

.topmenu a:hover  {
    color : #0033CC;
    text-decoration: ;
}

.img_caption_table {
    border: none;
    background-color: #FFFFFF;
    width : 100%;
    margin : 0px;
}

.img_caption_table th {
    background: #D1D7DC ;
    font-size: 100%;
    color : #000000;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;

    padding-left: 10px;
    border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
    background: ;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    border-top : 1px solid #FFFFFF;
    white-space: normal;
}

.debug_text {
    border: #BDBEBD;
    background-color: ;
    width : 100%;
    margin: 0px;
}

.clickable_option {
    cursor : default;
}

.listbox_lang {
    color: #000000;
    background-color: #D1D7DC;
    border: 1px solid #0E72A4;
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align : middle;

}

.pic_title {
    color: #000000;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    text-align : left;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
    line-height:1.0em;
}

.pic_caption {
    color: #000000;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align : left;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
    line-height:1.0em;
}

.important {
    /* background-image : url(images/important.gif); */
    color: red;
    font-weight: bold;
    padding-left:1px;
    padding-right:1px;
    padding-top:3px;
    padding-bottom:3px;
}

#cpgChooseLanguageWrapper {
    float:left;
    margin-left:3px;
    margin-right:3px;
    margin-top:0px;
    margin-bottom:0px;
}

#cpgChooseThemeWrapper {
    float:left;
    margin-left:3px;
    margin-right:3px;
    margin-top:0px;
    margin-bottom:0px;
}

.filmstrip_background {
    background-color:#000000;
}

.prev_strip {
    text-align: left;
}

.next_strip{
    text-align: right;
}

/** Swfupload css **/
div.fieldset {
    border:  2px solid #0E72A4;
    margin: 10px 0;
    padding: 20px 10px;
}

div.fieldset span.legend {
    position: relative;
    padding: 3px;
    top: -30px;
    background-color: #0E72A4;
    color: #fff;
}

div.flash {
    width: 375px;
    margin: 10px 5px;
    border-color: #D9E4FF;
}

input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


.progressWrapper {
    width: 357px;
    overflow: hidden;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}
/* Message */
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}
/* Error */
.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

/* Current */
.green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

/* Complete */
.blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 7pt;
    font-family: Arial;
    text-align: left;
    white-space: nowrap;
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(../../images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

a.progressCancel:hover {
    background-position: 0px 0px;
}

.swfupload {
    vertical-align: top;
}

/**styles for photo manager*/
table#pic_sort tr td {
    padding: 4px;
    border-bottom: 1px solid #CCCCCC;
}

/** styles for album manager and photo album*/
table#album_sort tr td {
    padding: 3px;
    border-bottom: 1px solid #CCCCCC;
}

table#album_sort tr td span.editAlbum {
    margin-left: 100px;
    font-size: 10px;
    line-height: 100%;
    text-decoration: ;
    cursor: pointer;
    display: none;
    color: #FF0000;
}

.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
    border: 1px solid;
    margin: 10px 0px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px  left;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.cpg_message_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../images/message/info.png');
}

.cpg_message_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../../images/message/ok.png');
}

.cpg_message_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../images/message/warning.png');
}

.cpg_message_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../images/message/stop.png');
}

.cpg_message_validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../../images/message/error.png');
}

.cpg_summary {
    font-size:0.9em;
	border: 1px solid;
    margin: 10px 0px;
	padding:5px 10px 5px 10px;
    color: #FF2B9C;
    background-color: #FFDEEF;
	text-align:right;
	float:right;
	width:400px;
}

#GB_window {
    background-color: ;
    border: 5px solid #0E72A4;
}

.external {
    background: transparent url('../../images/link.gif') 100% 50% no-repeat;
    padding-right: 10px;
}

.detail_head_collapsed, .detail_head_expanded {
    color: ;
}

/* Styles for the standard dropdown menus. */
main_menu {
    padding: 0 0 0 0.5em;
    float: left;
    margin: 0;
    width: 98%;
}

.dropmenu, .dropmenu ul {
    list-style: none;
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.dropmenu {
    padding: 0 0.5em;
}

.dropmenu a {
    display: block;
    color: #000000;
    text-decoration: none;
}

.dropmenu a span {
    display: block;
    padding: 0 0 0 5px;
    font-size: 0.9em;
}

/* the backgrounds first level only*/
.dropmenu li a.firstlevel {
    margin-right: 8px;
}

.dropmenu li a.firstlevel span.firstlevel {
    display: block;
    position: relative;
    left: -5px;
    padding-left: 5px;
    height: 22px;
    line-height: 19px;
}

.dropmenu li {
    float: left;
    position: relative;
    padding: 0;
    margin: 0;
}

.dropmenu li ul {
    z-index: 90;
    display: none;
    position: absolute;
    width: 19.2em;
    font-weight: normal;
    border-bottom: solid 1px #999;
    background: url(images/menu_gfx.png) 0 -100px no-repeat;
    padding: 7px 0 0 0;
}

.dropmenu li li {
    width: 19em;
    margin: 0;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
}

.dropmenu li li a span {
    display: block;
    padding: 8px;
}

.dropmenu li li a.firstlevel span.firstlevel {
    left: 0 !important;
}

.dropmenu li li a.firstlevel {
    margin-right: 0 !important;
}

.dropmenu li li a.firstlevel:hover span.firstlevel {
    background: #D4DBE4 !important;
    color: #000 !important;
    text-decoration: none !important;
}

.dropmenu li ul ul {
    margin: -1.8em 0 0 13em;
}

/* the active button */
.dropmenu li a.active {
    background: url(images/menu_gfx.png) no-repeat 100% 0;
    color: #ffffff;
    font-weight: bold;
}

.dropmenu li a.active span.firstlevel {
    background: url(images/menu_gfx.png) no-repeat 0 0;
}

/* the hover effects */
.dropmenu li a.firstlevel:hover {
    background: url(images/menu_gfx.png) no-repeat 100% -30px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.dropmenu li a.firstlevel:hover span.firstlevel {
    background: url(images/menu_gfx.png) no-repeat 0 -30px;
}

/* the hover effects on level2 and 3*/
.dropmenu li li a:hover {
    background: #D4DBE4;
    color: #000;
    text-decoration: none;
}

.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul {
    top: -999em;
}

.dropmenu li li:hover ul {
    top: auto;
}

.dropmenu li:hover ul {
    display: block;
}

.dropmenu li li.additional_items {
    background-color: #fff;
}

/* Styles for the standard button lists.
------------------------------------------------------- */

.buttonlist ul li a {
    display: block;
    font-size: 0.8em;
    color: black;
    background: none;
    padding: 0;
    margin-left: 12px;
    margin-right: 0px;
    cursor: pointer;
}

.buttonlist ul li a:hover {
    background: none;
    color: #fff;
    text-decoration: none;
}

.buttonlist ul li a span {
    background: none;
    display: block;
    height: 24px;
    line-height: 20px;
    padding: 0 8px 0 0;
    position: relative;
    right: -8px;
}

.buttonlist ul li a:hover span {
    background: none;
}

/* the active one */
.buttonlist ul li a.active {
    background: none;
    color: black;
    font-weight: bold;
}

.buttonlist ul li a.active span {
    background: none;
}

.buttonlist ul li a.active {
    font-weight: bold;
}

.buttonlist ul li a.active:hover {
    color: #ddf;
}

.align_top ul li a, .align_bottom ul li a {
    margin: 0 12px 0 0;
}

.rounded_menu {
    display: block;
    font-size: 0.8em;
    color: black;
    background: none;
    padding: 0;
    cursor: pointer;
}

.rounded_menu span {
    background: none;
    display: block;
    height: 24px;
    line-height: 20px;
    padding: 0 8px 0 0;
    position: relative;
    right: -8px;
}

a:hover.rounded_menu  {
    background: none;
    color: #fff;
    text-decoration: none;
}

a:hover.rounded_menu span {
    background: none;
}

.admin_menu_anim {
    background: none;
}


/* von anderer Style.css von meinen Webseiten */

#medi-main
{
	background: #FFFFFF;
	margin:0 auto;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	position: relative;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	cursor:default;
	overflow:hidden;
	background-image: url(images/graue-streifen.jpg);
}
table, ul.medi-hmenu
{
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.medi-button
{
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #16364B;
   background: linear-gradient(top, #225577 0, #08141C 100%) no-repeat;
   background: -webkit-linear-gradient(top, #225577 0, #08141C 100%) no-repeat;
   background: -moz-linear-gradient(top, #225577 0, #08141C 100%) no-repeat;
   background: -o-linear-gradient(top, #225577 0, #08141C 100%) no-repeat;
   background: -ms-linear-gradient(top, #225577 0, #08141C 100%) no-repeat;
   background: linear-gradient(top, #225577 0, #08141C 100%) no-repeat;
   -svg-background: linear-gradient(top, #225577 0, #08141C 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:2px solid #193243;
   padding:0 20px;
   margin:0 auto;
   height:26px;
}

.medi-postcontent,
.medi-postheadericons,
.medi-postfootericons,
.medi-blockcontent,
ul.medi-vmenu a 
{
   text-align: left;
}


.medi-postcontent p
{
   margin: 12px 0;
}

.medi-blockheader .t, .medi-blockheader .t a, .medi-blockheader .t a:link, .medi-blockheader .t a:visited, .medi-blockheader .t a:hover,
.medi-vmenublockheader .t, .medi-vmenublockheader .t a, .medi-vmenublockheader .t a:link, .medi-vmenublockheader .t a:visited, .medi-vmenublockheader .t a:hover,
.medi-headline, .medi-headline a, .medi-headline a:link, .medi-headline a:visited, .medi-headline a:hover,
.medi-slogan, .medi-slogan a, .medi-slogan a:link, .medi-slogan a:visited, .medi-slogan a:hover,
.medi-postheader, .medi-postheader a, .medi-postheader a:link, .medi-postheader a:visited, .medi-postheader a:hover
{
   font-size: 32px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
}


.medi-blockcontent h1
{
   margin: 10px 0 10px 0;
   font-size: 30px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h1 a, .medi-postcontent h1 a:link, .medi-postcontent h1 a:hover, .medi-postcontent h1 a:visited, .medi-blockcontent h1 a, .medi-blockcontent h1 a:link, .medi-blockcontent h1 a:hover, .medi-blockcontent h1 a:visited 
{
   font-size: 30px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h2
{
   color: #1E4A67;
   margin: 10px 0 0;
   font-size: 28px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-blockcontent h2
{
   margin: 10px 0 0;
   font-size: 28px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h2 a, .medi-postcontent h2 a:link, .medi-postcontent h2 a:hover, .medi-postcontent h2 a:visited, .medi-blockcontent h2 a, .medi-blockcontent h2 a:link, .medi-blockcontent h2 a:hover, .medi-blockcontent h2 a:visited 
{
   font-size: 28px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h3
{
   color: #000000;
   margin: 14px 0 10px 0;
   font-size: 22px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 26px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h3 a, .medi-postcontent h3 a:link, .medi-postcontent h3 a:hover, .medi-postcontent h3 a:visited, .medi-blockcontent h3 a, .medi-blockcontent h3 a:link, .medi-blockcontent h3 a:hover, .medi-blockcontent h3 a:visited 
{
   font-size: 26px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h4
{
   color: #397298;
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h4 a, .medi-postcontent h4 a:link, .medi-postcontent h4 a:hover, .medi-postcontent h4 a:visited, .medi-blockcontent h4 a, .medi-blockcontent h4 a:link, .medi-blockcontent h4 a:hover, .medi-blockcontent h4 a:visited 
{
   font-size: 20px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h5
{
   color: #397298;
   margin: 10px 0 0;
   font-size: 15px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 15px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h5 a, .medi-postcontent h5 a:link, .medi-postcontent h5 a:hover, .medi-postcontent h5 a:visited, .medi-blockcontent h5 a, .medi-blockcontent h5 a:link, .medi-blockcontent h5 a:hover, .medi-blockcontent h5 a:visited 
{
   font-size: 15px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h6
{
   color: #97BED8;
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-postcontent h6 a, .medi-postcontent h6 a:link, .medi-postcontent h6 a:hover, .medi-postcontent h6 a:visited, .medi-blockcontent h6 a, .medi-blockcontent h6 a:link, .medi-blockcontent h6 a:hover, .medi-blockcontent h6 a:visited 
{
   font-size: 13px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

header, footer, article, nav, #medi-hmenu-bg, .medi-sheet, .medi-hmenu a, .medi-vmenu a, .medi-slidenavigator > a, .medi-checkbox:before, .medi-radiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header, footer, article, nav, #medi-hmenu-bg, .medi-sheet, .medi-slidenavigator > a, .medi-checkbox:before, .medi-radiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}


table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1, .medi-postcontent li h1, .medi-blockcontent li h1 
{
   margin:1px;
} 
li h2, .medi-postcontent li h2, .medi-blockcontent li h2 
{
   margin:1px;
} 
li h3, .medi-postcontent li h3, .medi-blockcontent li h3 
{
   margin:1px;
} 
li h4, .medi-postcontent li h4, .medi-blockcontent li h4 
{
   margin:1px;
} 
li h5, .medi-postcontent li h5, .medi-blockcontent li h5 
{
   margin:1px;
} 
li h6, .medi-postcontent li h6, .medi-blockcontent li h6 
{
   margin:1px;
} 
li p, .medi-postcontent li p, .medi-blockcontent li p 
{
   margin:1px;
}


.medi-shapes
{
	position: absolute;
	top: 1px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 0;
}

.medi-slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.medi-slidenavigator > a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.medi-slidenavigator > a:last-child {
   margin-right: 0 !important;
}

.medi-headline
{
	display: inline-block;
	position: absolute;
	min-width: 50px;
	top: 13px;
	left: 108px;
	line-height: 100%;
	margin-left: -22px !important;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: 101;
}

.medi-headline, 
.medi-headline a, 
.medi-headline a:link, 
.medi-headline a:visited, 
.medi-headline a:hover
{
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #FFFFFF !important;
	white-space: nowrap;
}
.medi-slogan
{
	display: inline-block;
	position: absolute;
	min-width: 50px;
	top: 56px;
	left: 100px;
	line-height: 100%;
	margin-left: -13px !important;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: 102;
	white-space: nowrap;
}

.medi-slogan, 
.medi-slogan a, 
.medi-slogan a:link, 
.medi-slogan a:visited, 
.medi-slogan a:hover
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #D9D9D9 !important;
}




.medi-footer .layout-item-0 { padding-right: 10px;padding-left: 10px;  }
.ie7 .medi-post .medi-layout-cell {border:none !important; padding:0 !important; }
.ie6 .medi-post .medi-layout-cell {border:none !important; padding:0 !important; }

.medi-header
{
	margin:0 auto;
	height: 120px;
	background: #008DC4;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	width: 1000px;
	z-index: auto !important;
}

.responsive .medi-header 
{
   background: #008DC4;
   background-position: center center;
}

.medi-header>.widget 
{
   position:absolute;
   z-index:101;
}

.medi-nav
{
	background: ;
	border-bottom:;
	padding:3 0px 3px 0;
	position: absolute;
	margin: 0;
	bottom: 24px;
	width: 100%;
	z-index: 100;
	text-align: left;
	left: 1px;
	float: left;
}

ul.medi-hmenu a, ul.medi-hmenu a:link, ul.medi-hmenu a:visited, ul.medi-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.medi-hmenu, ul.medi-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.medi-hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.medi-hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.medi-hmenu:after, ul.medi-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.medi-hmenu, ul.medi-hmenu ul 
{
   min-height: 0;
}

ul.medi-hmenu 
{
   display: inline-block;
   vertical-align: bottom;
}

.medi-nav:before 
{
   content:' ';
}

nav.medi-nav
{
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

.medi-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.medi-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.medi-hmenu
{
   float: left;
}

.medi-menuitemcontainer
{
   margin:0 auto;
}
ul.medi-hmenu>li {
   margin-left: 6px;
}
ul.medi-hmenu>li:first-child {
   margin-left: 3px;
}
ul.medi-hmenu>li:last-child, ul.medi-hmenu>li.last-child {
   margin-right: 3px;
}

ul.medi-hmenu>li>a
{
   -webkit-border-radius:6px 6px 0 0;
   -moz-border-radius:6px 6px 0 0;
   border-radius:6px 6px 0 0;
   padding:0 17px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 33px;
   cursor: pointer;
   text-decoration: none;
   color: #FFFFFF;
   line-height: 33px;
   text-align: center;
}

.medi-hmenu>li>a, 
.medi-hmenu>li>a:link, 
.medi-hmenu>li>a:visited, 
.medi-hmenu>li>a.active, 
.medi-hmenu>li>a:hover
{
   font-size: 16px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-align: left;
}

ul.medi-hmenu>li>a.active
{
   background: #225577;
   -webkit-border-radius:3px 3px 3px 3px;
   -moz-border-radius:3px 3px 3px 3px;
   border-radius:3px 3px 3px 3px;
   padding:0 17px;
   margin:0 auto;
   color: #FFFFFF;
   padding-bottom: 5px;
   margin-bottom: -5px;
   text-decoration: none;
}

ul.medi-hmenu>li>a:visited, 
ul.medi-hmenu>li>a:hover, 
ul.medi-hmenu>li:hover>a {
   text-decoration: none;
}

ul.medi-hmenu>li>a:hover, .desktop ul.medi-hmenu>li:hover>a
{
   background: #639EC5;
   -webkit-border-radius:3px 3px 3px 3px;
   -moz-border-radius:3px 3px 3px 3px;
   border-radius:3px 3px 3px 3px;
   padding:0 17px;
   margin:0 auto;
}
ul.medi-hmenu>li>a:hover, 
.desktop ul.medi-hmenu>li:hover>a {
   color: #162D3B;
   text-decoration: none;
}
ul.medi-hmenu>li>a.active:hover {
   padding-bottom: 0;
   margin-bottom: 0;
}

ul.medi-hmenu li li a
{
   background: #3B3B3B;
   background: transparent;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   padding:0 17px;
   margin:0 auto;
}
ul.medi-hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 5px;
   margin-bottom: 5px;
}

.desktop ul.medi-hmenu li li ul>li:first-child 
{
   margin-top: 0;
}

ul.medi-hmenu li li ul>li:last-child 
{
   margin-bottom: 0;
}

.medi-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 29px;
   min-width: 7em;
   border: 0 solid transparent;
   text-align: left;
   line-height: 29px;
   color: #D1D1D1;
   font-size: 16px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
   text-decoration: none;
   margin:0;
}

.medi-hmenu ul a:link, 
.medi-hmenu ul a:visited, 
.medi-hmenu ul a.active, 
.medi-hmenu ul a:hover
{
   text-align: left;
   line-height: 29px;
   color: #D1D1D1;
   font-size: 16px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
   text-decoration: none;
   margin:0;
}

ul.medi-hmenu li li:after
{
   display: block;
   position: absolute;
   content: ' ';
   height: 0;
   top: -3px;
   left: 0;
   right: 0;
   z-index: 1;
   border-bottom: 1px solid #27506D;
}

.desktop ul.medi-hmenu li li:first-child:before, 
.desktop ul.medi-hmenu li li:first-child:after 
{
   display: none;
} 

ul.medi-hmenu ul li a:hover, .desktop ul.medi-hmenu ul li:hover>a
{
   background: #639EC5;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   margin:0 auto;
}
.medi-hmenu ul a:hover
{
   text-decoration: none;
   color: #162D3B;
}

.desktop .medi-hmenu ul li:hover>a
{
   color: #162D3B;
}

ul.medi-hmenu ul:before
{
   background: #1A3447;
   -webkit-border-radius:0 0 1px 1px;
   -moz-border-radius:0 0 1px 1px;
   border-radius:0 0 1px 1px;
   border:1px solid #639EC5;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop ul.medi-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop ul.medi-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.medi-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
}

.desktop ul.medi-hmenu>li>ul
{
   padding: 15px 32px 32px 32px;
   margin: -10px 0 0 -30px;
}

.desktop ul.medi-hmenu ul ul
{
   padding: 32px 32px 32px 14px;
   margin: -32px 0 0 -9px;
}

.desktop ul.medi-hmenu ul.medi-hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop ul.medi-hmenu ul.medi-hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop ul.medi-hmenu li li:hover>ul.medi-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop ul.medi-hmenu li li:hover>ul.medi-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop ul.medi-hmenu ul ul.medi-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 32px 32px 32px 14px;
   margin: -32px 0 0 -9px;
}

.desktop ul.medi-hmenu ul ul.medi-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 32px 14px 32px 32px;
   margin: -32px -9px 0 0;
}

.desktop ul.medi-hmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop ul.medi-hmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop ul.medi-hmenu ul ul:before
{
   border-radius: 1px;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 12px;
}

.desktop ul.medi-hmenu>li>ul:before
{
   top: 13px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop ul.medi-hmenu>li>ul.medi-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop ul.medi-hmenu>li>ul.medi-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop ul.medi-hmenu ul ul.medi-hmenu-left-to-right:before {
   right: 30px;
   left: 12px;
}
.desktop ul.medi-hmenu ul ul.medi-hmenu-right-to-left:before {
   right: 12px;
   left: 30px;
}


.medi-layout-wrapper
{
   position: relative;
   margin: 0 auto 0 auto;
   z-index: auto !important;
}

.medi-content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.medi-content-layout-row 
{
   display: table-row;
   text-align: justify;

}

.medi-layout-cell
{
   display: table-cell;
   vertical-align: top;
}



a.medi-button,
a.medi-button:link,
a:link.medi-button:link,
body a.medi-button:link,
a.medi-button:visited,
body a.medi-button:visited,
input.medi-button,
button.medi-button
{
   text-decoration: none;
   font-size: 13px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
   font-weight: normal;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #FFFFFF;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 26px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.medi-button img
{
   margin: 0;
   vertical-align: middle;
}


.medi-block select 
{
   width:96%;
}

input.medi-button
{
   float: none !important;
}

.medi-button.active, .medi-button.active:hover
{
   background: #88B5D3;
   background: linear-gradient(top, #ADCCE1 0, #5F9BC4 100%) no-repeat;
   background: -webkit-linear-gradient(top, #ADCCE1 0, #5F9BC4 100%) no-repeat;
   background: -moz-linear-gradient(top, #ADCCE1 0, #5F9BC4 100%) no-repeat;
   background: -o-linear-gradient(top, #ADCCE1 0, #5F9BC4 100%) no-repeat;
   background: -ms-linear-gradient(top, #ADCCE1 0, #5F9BC4 100%) no-repeat;
   background: linear-gradient(top, #ADCCE1 0, #5F9BC4 100%) no-repeat;
   -svg-background: linear-gradient(top, #ADCCE1 0, #5F9BC4 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:2px solid #639EC5;
   padding:0 20px;
   margin:0 auto;
}
.medi-button.active, .medi-button.active:hover {
   color: #000000 !important;
}

.medi-button.hover, .medi-button:hover
{
   background: #4997CA;
   background: linear-gradient(top, #71ADD6 0, #398EC6 70%, #327DAE 100%) no-repeat;
   background: -webkit-linear-gradient(top, #71ADD6 0, #398EC6 70%, #327DAE 100%) no-repeat;
   background: -moz-linear-gradient(top, #71ADD6 0, #398EC6 70%, #327DAE 100%) no-repeat;
   background: -o-linear-gradient(top, #71ADD6 0, #398EC6 70%, #327DAE 100%) no-repeat;
   background: -ms-linear-gradient(top, #71ADD6 0, #398EC6 70%, #327DAE 100%) no-repeat;
   background: linear-gradient(top, #71ADD6 0, #398EC6 70%, #327DAE 100%) no-repeat;
   -svg-background: linear-gradient(top, #71ADD6 0, #398EC6 70%, #327DAE 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:2px solid #636363;
   padding:0 20px;
   margin:0 auto;
}
.medi-button.hover, .medi-button:hover {
   color: #000000 !important;
}


.medi-footer
{
   background:  url('images/footer.png');
   min-height: 180px;
   margin:0 auto;
   position: relative;
   color: #0D0D0D;
   font-size: 20px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
   line-height: 175%;
   text-align: left;
   padding: 15px;
}

.medi-footer a,
.medi-footer a:link,
.medi-footer a:visited,
.medi-footer a:hover,
.medi-footer td, 
.medi-footer th,
.medi-footer caption
{
   color: #0D0D0D;
   font-size: 20px;
   font-family: Georgia, 'Times New Roman', Times, Serif;
   line-height: 175%;
}

.medi-footer p 
{
   padding-left: 15px;
   text-align: left;
}


.medi-footer h1
{
   color: #274E68;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-footer h2
{
   color: #292929;
   font-family: Georgia, 'Times New Roman', Times, Serif;
   text-align: center;
}

.medi-footer h3
{
   color: #78B2D8;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}

.medi-footer h4
{
   color: #88B5D3;
   font-family: Georgia, 'Times New Roman', Times, Serif;
}


.medi-footer ul>li:before
{
   content:url('images/footerbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -26px;
}
.opera .medi-footer ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.medi-footer ul>li, .medi-footer ol
{
   padding: 0;
}

.medi-footer ul>li
{
   padding-left: 26px;
}


.medi-page-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #424242;
}


.medi-content-layout .medi-content
{
   margin:0 auto;
}

/* Begin Additional CSS Styles */
.medi-blockheader .t, .medi-vmenublockheader .t {white-space: nowrap;}
.medi-footer{
width:1000px;
}
.medi-footer-inner{
    padding: 10px;
    padding-right: 0px;
    padding-left: 0px;
}
@media screen and (max-width:780px){
.medi-footer{
width:auto;
}
}
/* End Additional CSS Styles */