/*********************************************************/
/*                    1. Colors                          */
/*********************************************************/
.neutralColorTrans {background-color: transparent;}
.neutralColorWhite {background-color: #FFFFFF;}
.neutralColorBlack  {background-color: #000000;}
.neutralColorLight {background-color: #E8E8E8;}
.neutralColorMedium {background-color: #CCCCCC;}
.neutralColorStrong {background-color: #333333;}

.teaserColor {background-color: #B8CB00;}

.secondColorStrong {background-color: #B5FF00;}
.secondColorMedium {background-color: #5C6F00;}
.secondColorLight {background-color: #FCFFEF;}

.primColorStrong {background-color: #666666;}
.primColorMedium {background-color: #5c6635;}
.primColorLight {background-color: #a7bc55;}

/*********************************************************/
/*              2. Layout - Page Regions                 */
/*********************************************************/

/* -- BODY ----------------------------------------------*/
html, body, #container {
  height: 100%;
}
body > #container {
  height: auto;
  min-height: 100%;
}
body {
  width:100%;
  margin:0;
  padding:0;
  border:0; 
  background:#fcffef;
  font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #666666;
}
#container {
  position:relative;
  width:1000px;
  min-height: 100%;
  margin:0 auto;
  overflow:auto;
  background:url(http://www.vergleich-fotobuch.de/common/content_BG.png) top center repeat-y;
}
* html #container {
  overflow:visible;
  height:100%;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.vergleich-fotobuch.de/common/content_BG.png', sizingMethod='scale')
}
/* -- TOP HG --------------------------------------------*/
#PRTopWide {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:180px;
  background:#b5ff00 url(http://www.vergleich-fotobuch.de/common/PRT_BG.png) bottom left repeat-x;
}
* html #PRTopWide {
  background:none;
  background-color:#b5ff00;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.vergleich-fotobuch.de/common/PRT_BG.png', sizingMethod='scale');
}
#PRTopWide2 {
  position:absolute;
  top:180px;
  left:0;
  width:100%;
  height:15px;
  background:url(http://www.vergleich-fotobuch.de/common/header3_BG.png) top left repeat-x;
  z-index:500;
}
* html #PRTopWide2 {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.vergleich-fotobuch.de/common/header3_BG.png', sizingMethod='scale');
}
/* -- TOP -----------------------------------------------*/
#PRTop {
  position:relative;
  width:947px;
  height:180px;
  margin:0;
  padding:0 27px 0 26px;
  background:transparent url(http://www.vergleich-fotobuch.de/common/headerIMG_BG.png) top center no-repeat;
}
* html #PRTop {
  background:none;
}
#header {
  position:relative;
  width:947px;
  height:180px;
}
#micronavBar {
  position:relative;
  width:917px;
  height:25px;
  padding:0 15px;
  background:#5c6f00;
  opacity: .3;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}
#menuBar {
  position:absolute;
  bottom:0;
  left:0;
  width:917px;
  height:30px;
  margin:0;
  padding:2px 15px;
  background:#5c6f00;
  opacity: .7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
#logo {
  position:absolute;
  top:10px;
  left:10px;
  width: 300px;
  height:50px;
  padding:0;
  background:transparentt;
}
#logo a, #logo a:link, #logo a:visited {
  display:block;
  width:100%;
  height:50px;
  border:0;
  padding:0;
  background:0;
  text-decoration:none;
}
#topMicronav {
  position:absolute;
  top:0;
  left:0;
  width:927px;
  height:20px;
  padding: 5px 10px 0 10px;
  background: url(http://www.vergleich-fotobuch.de/common/micronav_BG.png) top left repeat-x;
  color:#ffffff;
}
* html #topMicronav {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.vergleich-fotobuch.de/common/micronav_BG.png', sizingMethod='scale');
}

/* -- MIDDLE --------------------------------------------*/
#PRMiddle {
  position:relative;
  float:left;
  width:947px;
  padding:20px 27px 113px 26px;
}
#content {
  position:relative;
  float:left;
  width:897px;
  padding:0 25px 0 25px;
}
#PRRight {
  position:relative;
  float:left;
  width:230px;
}
/* -- BOTTOM --------------------------------------------*/
#PRBottom {
  position:relative;
  width:100%;
  height:113px;
  margin-top: -113px;
  background:url(http://www.vergleich-fotobuch.de/common/footer3_BG.png) top left repeat-x;
}
* html #PRBottom {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.vergleich-fotobuch.de/common/footer3_BG.png', sizingMethod='scale');
}
#PRBottom2 {
  position:absolute;
  top:13px;
  left:0;
  width:100%;
  height:100px;
  background:#b5ff00 url(http://www.vergleich-fotobuch.de/common/PRB_BG.png) top left repeat-x;
  z-index:500;
}
* html #PRBottom2 {
  background:none;
  background-color:#b5ff00;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.vergleich-fotobuch.de/common/PRB_BG.png', sizingMethod='scale');
}
#PRBottom3 {
  position:relative;
  width:1000px;
  height: 100px;
  margin:0 auto;
  background:transparent;
}
#footer {
  position:relative;
  width:947px;
  height:100px;
  margin:0;
  padding:0 27px 0 26px;
  background:url(http://www.vergleich-fotobuch.de/common/footerIMG_BG.png) top center no-repeat;
  color:#ffffff;
}
* html #footer {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.vergleich-fotobuch.de/common/footerIMG_BG.png', sizingMethod='crop');
}
#copyright {
  float:left;
  width:400px;
}
#footerRight {
  float:right;
  width:300px;
  height:30px;
  margin:0;
  padding:10px 20px 0 0;
  text-align:right;
}
#footerRight h2 {
  float:right;
  margin:0 0 0 0;
  color:#ffffff;
  font-weight:bold;
  font-style:italic;
  opacity: .8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
/* -- FLOATING ------------------------------------------*/
.clearing {
  clear:both;
  height:0;
  border:0;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:0;
}
.floatRight {
  float:right;
}
.floatLeft {
  float:left;
}
img.imgNoborder {
  border:0px;
}

/*********************************************************/
/*              3. Layout - Page Elements                */
/*********************************************************/

/* -- SITEMAP -------------------------------------------*/


/* -- SEARCH --------------------------------------------*/
#search {
  float:right;
  width:165px;
  margin:0;
  border:0;
  padding:10px 15px 10px 0px;
}
#search form {
  margin:0;
  border:0;
  padding:0;
}
#search input#raw {
  float:left;
  width:134px;
  height:18px;
  margin:0;
  border:0;
  padding:2px 0 0 5px;
  background:#ffffff;
  vertical-align:middle;
  color:#666666;
  font-size:11px;
  opacity: .9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}

#search input#btnSearch {
  float:left;
  width:20px;
  height:20px;
  margin:0;
  border:0;
  padding:2px;
  background:#ffffff url(http://www.vergleich-fotobuch.de/common/btns_4.png) -33px -215px no-repeat;
  font-size:12px;
  cursor:pointer;
  opacity: .9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
/* -- (Results) -- */
#searchresults {
  width:530px;
  padding:0 15px;
}
#searchresults dl {
  margin:0;
  padding:0;
}
#searchresults dt {
  padding:10px 0 3px 0;
}
#searchresults dd {
  margin:0 0 10px 0;
  color:#a7bc55;
}

/* -- NEWS ----------------------------------------------*/


/* -- FORM ----------------------------------------------*/
.form-submit {
  font-size:12px;
}

/*********************************************************/
/*               4.  Navigation Elements                 */
/*********************************************************/
/* -- CHANNEL MENU --------------------------------------*/
#menu {
  position:absolute;
  bottom:3px;
  left:0;
  width:600px;
  height:28px;
  padding:0;
  background: transparent;
  overflow: hidden;
}
#menu ul {
  position:relative;
  float: left;
  width:100%;
  margin: 0;
  padding: 0;
}
#menu ul li {
  position:relative;
  float: left;
  height:28px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:link:visited {
  display:inline;
  float:left;
  height:18px;
  margin: 0;
  padding:5px 12px;
  color: #ffffff;
  font-size:13px;
  font-weight:bold;
  text-decoration: none;
}
#menu ul li a:focus, #menu ul li a:hover, #menu ul li a:active  {
  color: #ffffff;
  text-decoration: underline;
}
#menu ul li a.current, #menu ul li a.current:link, #menu ul li a.current:link:visited {
  color: #ffffff;
  text-decoration: underline;
}
  
/* -- MACRONAVIGATION -----------------------------------*/
#macronav {
  float:left;
  width:230px;
  margin:0 0 20px 0;
  border-top:2px solid #cccccc;
  border-bottom:1px solid #cccccc;
  padding:0;
  background:transparent;
  overflow:hidden;
}
#macronav ul {
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
  overflow:hidden;
}
#macronav ul li {
  width:230px;
  margin:0;
  background:transparent;
  list-style:none;
  overflow:hidden;
}
#macronav ul li a, #macronav ul li a:link, #macronav ul li a:visited  {
  display:block;
  width:220px;
  border-bottom:1px solid #cccccc;
  padding:5px 0 5px 10px;
  color:#666666;
  text-decoration:none;
}
#macronav ul li a:hover, #macronav ul li a:active {
  background:#fcffef;
  text-decoration:none;
}
#macronav ul li a.path, #macronav ul li a.path:link, #macronav ul li a.path:visited {
  font-weight:bold;
  background:#fcffef;
}
#macronav ul li a.current, #macronav ul li a.current:link, #macronav ul li a.current:visited {
  background:#fcffef;
}

/* -- level 2 -- */

#macronav li li a, #macronav li li a:link, #macronav li li a:visited {
  width:190px;
  margin:0;
  padding-left:20px;
  padding-right:20px;
  overflow:hidden;
}
/* -- level 3 -- */

#macronav li li li a, #macronav li li li a:link, #macronav li li li a:visited {
  width:180px;
  margin:0;
  padding-left:30px;
  padding-right:20px;
  overflow:hidden;
}
/* -- level 4 -- */

#macronav li li li li a, #macronav li li li li a:link, #macronav li li li li a:visited {
  width:170px;
  margin:0;
  padding-left:40px;
  padding-right:20px;
  overflow:hidden;
}




#submenu {
  width: 100%;
  overflow: hidden;
  margin: 0 0 1.5em 0;
  list-style-type: none;
  border-top: 2px #ddd solid;
  border-bottom: 2px #ddd solid;
}

#submenu ul {
  list-style-type: none;
  margin:0;
  padding: 0; 
}
#submenu li {
  float:left;
  width: 100%;
  margin:0;
  padding: 0; 
}
#submenu a, #submenu strong {
  display:block;
  width: 90%;
  padding: 3px 0px 3px 10%;
  text-decoration: none;
  background-color:#ffffff;
  color: #444;
  border-bottom: 1px #eee solid;
}

  /* Menu Title */
#submenu li#title {
  width: 90%;
  padding: 3px 0px 3px 10%;
  font-weight: bold;
  color: #444;
  background-color: #fff;
  border-bottom: 4px #888 solid;
}

#submenu li span {
  display:block;
  width: 90%;
  padding: 3px 0px 3px 10%;
  font-weight: bold;
  border-bottom: 1px #ddd solid;
}

/* Level 1 */
#submenu li#active, #submenu li strong {
  font-weight: bold;
  color: #fff;
}

#submenu li a { background-color:#fff; color: #444; }
#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { background-color:#f63; color: #fff; }

/* Level 2 */
#submenu li ul li a { width:80%; padding-left:20%; background-color:#f8f8f8; color: #666; }
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active {width:80%; padding-left:20%; background-color:#f63; color: #fff; }

/* Level 3 */
#submenu li ul li ul li a { background-color:#fcfcfc; color: #888; }
#submenu li ul li ul li a:focus,
#submenu li ul li ul li a:hover,
#submenu li ul li ul li a:active { background-color:#f63; color: #fff; }

/* Level 4 */
#submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
#submenu li ul li ul li ul li a:focus,
#submenu li ul li ul li ul li a:hover,
#submenu li ul li ul li ul li a:active { background-color:#f63; color: #fff; } 

/* -- METANAVIGATION ------------------------------------*/
#metaNav {
  float:right;
  width:200px;
  padding:10px 0 0 0;
  color: #ffffff;
  background: transparent;
  text-align:right; 
}
#metaNav a, #metaNav a:link, #metaNav a:visited {
  color: #ffffff;
  font-weight: normal;
  background:transparent;
  text-decoration:none; 
}
#metaNav a:focus, #metaNav a:hover, #metaNav a:active {
  text-decoration:underline;
  background-color: transparent;
}

/* -- MICRONAVIGATION -----------------------------------*/
#micronav {
  float:left;
  width:927px;
  height:20px;
  color:#ffffff;
}
#micronav a, #micronav a:link, #micronav a:visited {
  padding:2px;
  color:#ffffff;
  font-size:11px;
  text-decoration:none;
}
#micronav a:hover, #micronav a:active{
  text-decoration:underline;
}
#micronav span {
  font-size:11px;
  color:#ffffff;
}

/* -- INDEX ---------------------------------------------*/


/*********************************************************/
/*                  5.  Text Formats                     */
/*********************************************************/

/* -- STANDARD ------------------------------------------*/
h1, h2, h3, h4, h5, h6 { 
  font-weight:bold; 
  color:#666666;
  margin:0 0 15px 0; 
}
.form, p, ol, ul, li, em, sup, sub, table, tr, th, td, blockquote, cite {
  color:#666666;
  font-size:13px;
  line-height:16px;
}

h1 { font-size:20px; }
h2 { font-size:16px;}
h3 { font-size:14px; }
h4 { font-size:14px; color:#b8cb00; }

p {
  margin:5px 0;
}

ul, ol, dl {
  margin: 0 0 10px 15px; 
}
li {
  margin-left:15px;
}
li {
  margin-left: 15px;
}

dt {
  font-weight: bold; 
}
dd {
  margin: 0 0 10px 15px; 
}

blockquote, cite {
  margin: 0 0 10px 15px;
  font-style:italic; 
}

strong, b {
  font-weight: bold; 
}
em, i {
  font-style:italic; 
}

pre, code {
  font-family: monospace;
  font-size: 1.1em; 
}

acronym, abbr {
  letter-spacing: .07em;
  border-bottom: .1em dashed #cccccc;
  cursor: help;
}
a, a:link, a:visited {
  color: #a7bc55;
  text-decoration:underline;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
}
a img, a:link img, a:visited img {
  border:0;
}
a:focus, a:hover, a:active {
  color:#5c6635;
  text-decoration:underline;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
}

hr {
  color: #ffffff;
  background:transparent;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border:0;
  border-bottom:1px solid #666666;
}
/* -- ZMS FORMAT (Text Formats) -------------------------*/

/*********************************************************/
/*         6.  ZMS-Defaults and Generic Classes          */
/*********************************************************/

.note {
  background: #dfd;
  padding: 1em;
  border-bottom: 1px #bdb dotted;
}
.important {
  background: #ffd;
  padding: 1em;
  border-bottom: 1px #ddb dotted;
}
.warning {
  background: #fdd;
  padding: 1em;
  border-bottom: 1px #dbb dotted;
}

.float_left {
  float: left;
  display:inline;
  margin-right: 1em;
  margin-bottom: 0.15em;
}
.float_right {
  float: right;
  display:inline;
  margin-left: 1em;
  margin-bottom: 0.15em;
}
.center {
  text-align:center;
  margin: 0.5em auto;
}

/* -- ZMS TABLES ----------------------------------------*/
table {
  margin:15px 0;
  border:1px solid #e8e8e8;
}

body.print table.ZMSTable th, body.print table.ZMSTable td {
  background-color:transparent; 
}
table tr th {
  padding:5px;
}
tr.even td {
  padding:5px 3px;
  background-color:#F1F3EA; 
}
tr.odd td {
  padding:5px 3px;
  background-color:#ffffff; 
}

/* -- ZMS GRAPHIC ---------------------------------------*/
div.ZMSGraphic {
  margin:0 0 4px 0;
  background-color:transparent;
  overflow:hidden;
}
div.ZMSGraphic p {
  margin:0;
  padding:0;
  font-size:10px;
}
div.ZMSGraphic.left {
  text-align:left;
}
div.ZMSGraphic.right {
  text-align:right;
}
div.ZMSGraphic.center {
  text-align:center;
}
div.ZMSGraphic.floatleft { 
  float:left;
  margin-right:10px;
}
div.ZMSGraphic.floatright { 
  float:right;
  margin-left:10px;
}
div.ZMSGraphic.center{ 
  text-align:center;
}
div.graphic {
}
div.text{
}
div.graphic.alignleft {
  float:left;
  text-align:left;
  margin-right:7px;
}
div.graphic.alignright {
  float:right;
  text-align:right;
  margin-left:7px;
}
div.ZMSGraphic div.text {
  padding:2px;
}
a.zoom, a.superzoom, a.download {
  display:block;
  margin-top: -21px;
}
a.zoom img.zoom {
  width: 23px;
  height: 21px;
  background: #ffffff url('/misc_/zms/zoom.gif') no-repeat;
}
a.superzoom img.superzoom {
  width: 23px;
  height: 21px;
  background: #ffffff url('/misc_/zms/superzoom.gif') no-repeat;
}

/* -- ZMS TEASER ----------------------------------------*/
#teaser {
  float:right;
  width:185px;
  padding:0 0 0 15px;
}

div.ZMSTeaserContainer {
  position:relative;
  padding:1px;
  margin-bottom:15px;
}

div.ZMSTeaserElement {
  position:relative;
  margin-bottom:15px;
}

div.ZMSTeaserElement img.title {
  border: none;
}

div.ZMSTeaserElement div.title a:link, div.ZMSTeaserElement div.title a:visited, div.ZMSTeaserElement div.title {
  font-weight:bold;
  text-decoration:none;
  color:black;
  padding: 2px;
  display: block;
}

div.ZMSTeaserElement div.text a:link, div.ZMSTeaserElement div.text a:visited, div.ZMSTeaserElement div.text {
}

/* -- ZMS LINK ------------------------------------------*/

/*********************************************************/
/*                  7.  Special Objects                  */
/*********************************************************/


/*********************************************************/
/*                   8.  f_css_defaults                  */
/*********************************************************/

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #ffffff;
} 
div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #ffffff;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

span.highlight { 
  background-color: yellow;
  color: black;
  font-weight: bold;
}


/*********************************************************/
/*            9.  ZMI Management Interface               */
/*********************************************************/
.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:15px;
	line-height:19px;

} 
body.zmi p, body.zmi li, body.zmi blockquote  {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:15px;
}
body.zmi table {
      margin:0;
      border:0;
}