img {
   behavior: url("http://blog.phprojekt.com/plugin/pngbehavior.htc");
}
/* templates/mayflower/style.css  */
/* Page-Template für Mayflower Corporate im BLOG*/

/* global styles */
body{background-color:#FFF;color:#333;font:normal normal 12px/16px Arial,Helvetica,sans-serif;margin:0;padding:0;}
form{display:inline;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{clear:both;font-size:100%;margin:0;padding:0;}
h2 {color:#BA6724;font-size:14px;font-weight:bold;border-bottom:1px solid #7B7C7E;}
h3 {color:#5E5E5E;font-size:14px;font-weight:bold;margin:30px 0 5px 0;padding:5px 0;}
h4 {color:#BA6724;font-size:12px;font-weight:bold;margin:0 0 20px 0;}
h5 {font-size:12px;font-weight:bold;margin:0 0 10px 0;}
a {color:#BA6724}
img{border:none;}
p,ul{margin:0;padding:0;}

/* page container */
#container{display:block;float:left;margin:0px;padding:0px;width:997px;vertical-align:top;}

/* top container */
#container-top {display:block;float:left;background:transparent url("/images_mayflower/ext/portalnav_background.gif") repeat-x top left;font:normal normal 11px/100% Verdana,Geneva,Arial,Helvetica,sans-serif;padding:0px;padding-bottom:3px;margin-bottom:0px;width:997px;}

/* Hauptnavigation (weiter styles siehe UDM4 Menü) */
/* graue linie */
#container-mainnav {display:block;float:left;margin:0px;padding:0px;width:730px;border-bottom:2px solid #7B7C7E;padding-bottom:2px;margin-top:41px;}
/* * html #container-mainnav {width:680;} */
* html #container-mainnav {width:713;}

.navigation-link {
    border:0px none #D4D0C8;
    cursor:pointer;
    font-family:verdana,arial,sans-serif;
    font-weight:bold;
    padding-bottom:1px;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    font-size:11px;
    text-align:left;
    text-decoration:none;
    margin-left:2px;
    color:#5E5E5E;
    font-style:normal;    
    display:block;
    float:left;
    background:transparent url("/images_mayflower/topnav_background.gif") no-repeat top left;
   }
    
.navigation-link a:visited {
background-image:url(/udm-resources/topnav_background.gif);
border:0px none #D4D0C8;
color:#5E5E5E;
font-style:normal;
}

#container-content-start {display:block;float:left;margin:0px;padding:0px;padding-left:20px; padding-top:32px;margin-top:17px;}
* html #container-content-start {}

#container-right {display:block;float:left;width:713px;margin:0px;padding:0px;padding-top:30px;}
* html #container-right {}


#image-headline {color:#000000;font-size:24px;line-height:28px;border:0;text-align:right;width:686px;padding-top:7px;}
#image-headline a {color:#000000;text-decoration:none;padding:0px;}
#image-headline-top {color:#ffffff;font-size:20px;line-height:24px;border:0;text-align:right;vertical-align:top;width:686px;padding-top:25px;text-shadow:black;padding-bottom:0px;}
#image-headline-top a {color:#ffffff;text-decoration:none;text-shadow:black;}

*html #image-headline {color:#000000;font-size:24px;border:0;text-align:right;width:686px;}
*html #image-headline a {color:#000000;text-decoration:none;}
*html #image-headline-top {color:#ffffff;font-size:20px;border:0;text-align:right;vertical-align:top;margin-bottom:0px;width:686px;margin-top:31px;text-shadow:black;}
*html #image-headline-top a {color:#ffffff;text-decoration:none;text-shadow:black;}

#container-right-boxen {display:block;float:right;padding-top:0px;width:206px;margin-top:46px;padding-right:2px;}
*html #container-right-boxen {display:block;float:right;margin:0px;width:206px;margin-top:46px;padding:0;}


/* ThinkPHP Network link list */
#portal-list {display:inline;float:left;margin:0px;padding:0px;color:#666666;padding-top:2px;line-height:14px;}
#portal-list li {display:inline;float:left;list-style:none;margin:0 0 0 8px;}
#portal-list a {color:#39497D;text-decoration:underline;}
#portal-list a:link {color:#39497D;text-decoration:underline;}
#portal-list a:hover {color:#39497D;text-decoration:underline;}
#portal-list a:visited {color:#39497D;text-decoration:underline;}

/* Global link list 'Impressum, Kontact etc. */
#siteinfo-list {display:inline;float:left;margin:0;padding:0;margin-left:180px;padding-top:2px;line-height:14px;}
#siteinfo-list li {display:inline;float:left;list-style:none;margin:0 0 0 10px;}
#siteinfo-list a {color:#666666;text-decoration:underline;}
#siteinfo-list a:link {color:#666666;text-decoration:underline;}
#siteinfo-list a:hover {color:#666666;text-decoration:underline;}
#siteinfo-list a:visited {color:#666666;text-decoration:underline;}

/* Das ist die Image-Headline H1 */
#image-headline-start {color:#000000;font-size:28px;line-height:101%;border:0;width:716px;text-align:left;padding-right:14px;}

.list-documented ul {background:red url("/images_mayflower/ext/bg_box.png") repeat-y top left;}
.list-documented li {display:inline;float:left;clear:both;list-style:none;background:transparent url("/images_mayflower/img_bullet_textlinks_braun.gif") no-repeat 0px 2px;padding:0 0 0 6px;}
.list-documented li a {display:block;float:left;width:70px;color:#CC5C01}
.list-documented li span {display:block;float:left;}
* html .list-documented li {width:206px;}
* html .list-documented li a {width:65px;}
* html .list-documented li span {width:130px;}

/* diese Klasse in den Boxen verwenden, wenn die Listen nur "normale" items enthalten */
.list-link li {display:inline;float:left;clear:both;list-style:none;background:transparent url("/images_mayflower/img_bullet_textlinks_braun.gif") no-repeat 0px 2px;padding:0 0 0 6px;}
.list-link li a {display:block;float:left;color:#CC5C01}
* html .list-link li {width:205px;}

/* Hier die universellen Spalten-Definitionen des Gestaltungs-Rasters */
.column-12-of-4  {display:block;float:left;clear:none;width:441px;}
.column-3-of-4   {display:block;float:left;clear:none;width:230px;margin-left:30px;}
.column-4-of-4   {display:block;float:left;clear:none;width:205px;margin-left:30px;margin-top:40px; /* soll 206 SEIN! */}
.column-1-of-4   {display:block;float:left;clear:none;width:206px;}
.column-2-of-4   {display:block;float:left;clear:none;width:205px;margin-left:30px;}
.column-23-of-4  {display:block;float:left;clear:none;width:465px;}
.column-234-of-4 {display:block;float:left;clear:none;width:700px;}

#container-content #products-and-services {display:block;float:left;background:transparent url("/images_mayflower/pic_titel_02.jpg") no-repeat top left;}

/* Footer */
#container-footer {display:block;float:left;clear:both;height:14px;background-color:#CC5C01;margin:30px 0 0 0;width:732px;}
#container-footer a {display:block;width:14px;height:14px;}

/* Login-Box */
#login-box {position:absolute;background:white;z-index:5000;display:block;/*float:left; */border:1px solid #B0B0B2;font:normal normal 11px/14px Verdana,Helvetica,sans-serif;color:#7B7C7E;visibility:hidden;left:818px;top:90px;width:137px;}
#login-box h2 {display:block;float:none;margin:2px 0 5px 0;padding:5px 0 5px 5px;}
#login-box fieldset {border-width:0;padding:5px;margin:0;}
#login-box label {display:block;float:none;margin-top:3px;}
#login-box .field {display:block;float:none;font-size:10px;border:1px solid #7B7C7E;width:125px;}
#login-box #login-button {font:normal normal 11px/14px Verdana,Helvetica,sans-serif;margin:9px 0 0 75px;border:1px solid #B0B0B2;background:transparent url("/images_mayflower/bg_header_grau.gif") repeat-x 0px -6px;color:#7B7C7E}




/* Left/Right-Box */
/* Überschrift */
.right-box h2 {color:#5E5E5E;font-size:14px;font-weight:bold;margin:0px 0 5px 0;padding:5px 0;background:transparent url("/images_mayflower/bg_header_grau.gif") repeat-x top left;border:0;}
.right-box {margin-bottom:30px;}
*html .right-box {margin:0px;margin-bottom:30px;}
.right-box h3 {color:#5E5E5E;font-size:12px;font-weight:bold;border:0;background:none;margin:6px 0 6px 0;padding:0;border:0px solid red;padding:0;}
.right-box p {color:#5E5E5E;font-size:11px;}
/* more Links */
.right-box a, a.more {color:#BA6724;text-decoration:underline;padding:0 0 0 0;}
.right-box .more {text-align:right;font-size:11px;margin-top:11px;}
.right-box input[type='checkbox'] {margin-right:3px;}

/* Download-Boxen */
.download-box ul.download-list {margin-top:11px;} 
.download-box ul.download-list li {list-style:none;margin:2px 0px; padding:0px 0 0 0;}
.download-box ul.download-list li a {color:#BA6724;text-decoration:none;background:transparent url("/images_mayflower/ext/ico_unknown.gif") no-repeat -1px 0px;margin:0;padding:0 0 0 22px;}
.download-box {margin:0 0 30px 0;padding:0 0 30px 0;}
.download-box h3 {color:#5E5E5E;font-size:12px;font-weight:bold;border:0;background:none;margin:12px 0 0px 0;padding:0;padding:0;}
.download-box p {color:#5E5E5E;font-size:11px;margin-bottom:5px;}

/* more Links */
.download-box a {color:#BA6724;text-decoration:underline;background:transparent url("/images_mayflower/ext/ico_unknown.gif") no-repeat -1px 0px;margin:0;padding:0 0 0 22px;}
.download-box a:hover {text-decoration:underline;}
.download-box a.pdf {background:transparent url("/images_mayflower/ext/ico_pdf.gif") no-repeat 0px 0px;}
.download-box a.ppt {background:transparent url("/images_mayflower/ext/ico_ppt.gif") no-repeat 0px 0px;}

/* Content-Template ID=3 */
.image-article-right {display:block;float:none;clear:both;margin:0 0 20px 0;}

/* Styles für den Content-Editor */
/* Mayflower-Start - Template 5 oder so */
#mayflower-start .intro textarea {border:1px solid #CC5C01;background:transparent url("/images_mayflower/ext/bg_intro.gif") no-repeat left top;padding:3px 3px 3px 20px;}
#mayflower-start .text textarea {border:1px solid #CC5C01;background:transparent url("/images_mayflower/ext/bg_content.gif") no-repeat left top;padding:3px 3px 3px 20px;}

/* Bereichsübersucht */
#category-overview {display:block;float:left;border:0px solid green;}
#category-overview .intro-text {margin:0}
#category-overview .column-23-of-4 {margin-bottom:30px;}
#category-overview .column-4-of-4 {margin:15px 0 0 30px;Xpadding:0;}
#category-overview h3 {color:#5E5E5E;margin:0 0 5px 0;padding:0;}
#category-overview p {margin:0;}
#category-overview .more {margin:0;}


/* Hintergründe für die Headlines */
.cat-default {background:transparent url("/images_mayflower/pic_titel_02.jpg") no-repeat 30px 22px;}

/* Startseite */
.news-59 {background-image:url("/images_mayflower/emo/img_mayflower.jpg");}

/* Produkte und Services */
.cat-7 {background-image:url("/images_mayflower/emo/img_produkte.jpg");}

    /* Development */
    .cat-11 {background-image:url("/images_mayflower/emo/img_entwicklung.gif");}
    
    /* Produkte */
    .cat-12 {background-image:url("/images_mayflower/emo/img_produkte.jpg");}
    
    /* Chairman */
    .cat-15 {background-image:url("/images_mayflower/emo/img_chairman.jpg");}
    
        /* PHProjekt */
        .cat-16 {background-image:url("/images_mayflower/emo/img_phprojekt.jpg");}
        
        /* Chorizo! */
        .cat-17 {background-image:url("/images_mayflower/emo/img_chorizo.jpg");}
        
        /* lighttpd */
        .cat-42 {background-image:url("/images_mayflower/emo/img_produkte.jpg");}
        
        /* JPGraph */
        .cat-21 {background-image:url("/images_mayflower/emo/img_produkte.jpg");}
        
        /* phpMyFAQ */
        .cat-20 {background-image:url("/images_mayflower/emo/img_produkte.jpg");}
        
        /* localizer */
        .cat-18 {background-image:url("/images_mayflower/emo/img_produkte.jpg");}
    
    
    /* Consulting */
    .cat-22 {background-image:url("/images_mayflower/emo/img_consulting.jpg");}
    
    /* Training */
    .cat-23 {background-image:url("/images_mayflower/emo/img_training.jpg");}
    
    /* Support */
    .cat-24 {background-image:url("/images_mayflower/emo/img_service.jpg");}




/*
img_entwicklung.gif
img_mayflower.jpg
img_news.jpg

*/


/* Presse und News */
.cat-9, .cat-25, .cat-26, .cat-28, .cat-29 {
    background-image:url("/images_mayflower/emo/img_news.jpg");
}


/* Über Mayflower */
.cat-10, .cat-30, .cat-31, .cat-32, .cat-33, .cat-46 {
    background-image:url("/images_mayflower/emo/img_mayflower.jpg");
}

blockquote {
  border: 1px #999 dashed;
  background-image: url(templates/thinkphp/img/quote.gif);
  background-repeat: no-repeat;
  background-position: 0.5em 0.5em;
  background-color: #f6f7f9;
  padding: 1em;
  margin: 1em;
  margin-right: 0;
}

ul {
  list-style-image: url(templates/thinkphp/img/bullet.gif);
  list-style-type: circle;
  padding-left: 1em;
}

div.serendipity_Entry_Date {
  padding-left: 1em;
}

.serendipity_date {
  margin:0px;
  padding:0px;  
  font-size: small;
  font-weight: bold;
  text-transform: lowercase;
  margin-bottom: 0.7em;
  border-bottom:1px dashed #7B7C7E;  
  text-align: right;

  height: 21px;
  vertical-align: bottom;
}

.serendipity_title,
.serendipity_Admin_title {
  padding-bottom: 0.7em;
  font-size: medium;
  font-weight: bold;
  text-transform: uppercase;
}

.serendipity_title a,
.serendipity_title a:hover,
.serendipity_title a:link,
.serendipity_title a:visited,
.serendipity_Admin_title a,
.serendipity_Admin_title a:hover,
.serendipity_Admin_title a:link,
.serendipity_Admin_title a:visited {
  text-decoration: none;
}

.serendipity_entry,
.serendipity_admin {
  font-size: small;
  font-weight: normal;
  line-height: 140%;
  padding-left: 1em;
}

img.serendipity_entry,
.serendipity_entryFooter {
  padding-top: 1em;
  margin-bottom: 1em;
  clear: both;
  font-size: x-small;
}

/* Comments */

.serendipity_comment {
  border-left: dotted #7B7C7E 2px;
  border-top: dotted #7B7C7E 2px;
  font-size: small;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 1em;
  padding: 3px;
  padding-bottom: 0;
}

.serendipity_commentBody {
  padding-left: 5px;
  padding-bottom: 1em;
}
.serendipity_comment_source {
  padding-left: 5px;
}

.serendipity_commentsLabel {
  padding-left: 5px;
  font-size: small;
}

.serendipity_commentsTitle {
  padding-left: 5px;
  font-size: medium;
  font-weight: bold;
  text-transform: uppercase;
}

/* Admin */

.serendipity_admin td {
}

/* Misc */

#content {
  /* width: 100%; */
 width: 100%;
}

/** Embedded images with the s9y image manager **/
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid black;
    background-color: #EFEFEF;
    margin: 3px;
}

.serendipity_imageComment_center {
    margin: 0px;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 9pt;
    text-align: center;
}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
    padding: 0.3em;
}

.serendipity_admin_list_item_even {
}

.serendipity_admin_list_item_uneven {
    background-color: #eee;
}

.serendipity_admin_filters {
    border: 1px dashed;
    background-color: #FFFFFF;
    font-size: 10px;
    margin-bottom: 10px;
    padding: 2px;
}

.serendipity_admin_filters_headline {
    border-bottom: 1px solid;
}

.serendipity_admin_sortorder {
    font-size: 10px;
    text-align: center;
}

.serendipity_admin_sortorder input,
.serendipity_admin_sortorder select,
.serendipity_admin_filters input,
.serendipity_admin_filters select {
    font-size: 10px;
}

.serendipity_comments {
}

.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

.serendipity_entry_author_self {
}

.serendipity_comment_author_self {
  border-left: double #7B7C7E thick;  
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
select,
textarea {
  border: 1px #999 solid;
  background-color: white;
  color: #333;
}

input:focus,    input:hover,
button:focus,   button:hover,
submit:focus,   submit:hover,
select:focus,   select:hover,
textarea:focus, textarea:hover {
  background-color: #eee;
}

input.radio,
input[type="radio"],
input[type="checkbox"] {
  border: none;
}