/*CVS Add-ins*/
/*
$Revision: 1.32 $
$Date: 2009/02/10 10:26:01 $
$RCSfile: content.css,v $
Authors: JDE, SPI
Copyright (c) A&B.FACE2NET GmbH
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    content.css dt. fuer SPD08008 (AJ) (editierbare Bereiche)
    21.11.2008 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


#content{ position: relative; margin: 0 7px 0 188px; background: #fff; }
#content .teaser{ margin: 6px 0 0 0; min-height: 390px; }

#content a:hover,
#content a:focus,
#content a:active{ text-decoration: none; }


/* + + + + + schriftgroessen, abstaende + + + + + */
#content p, #banner p, #footercontent p.error, #footercontent .message p,
#content blockquote, #content ol, #content ul,
#footer .half, #footer form{ font-size: .75em; line-height: 135%; padding-bottom: 7px; }


/* + + + + + ueberschriften + + + + + */
#content h1{ clear: both; font-size: 1.5em; padding: 25px 0 10px; }
#content h2{ clear: both; font-size: .88em; }
#content h3{ font-size: .75em; }
#content h4{ font-size: .75em; }
#content h5{ font-size: .75em; }
#content h6{ font-size: .75em; }


/* + + + + + zitate + + + + + */
#content blockquote p{ font-size: 1em; padding-bottom: 0; }


/* + + + + + listen + + + + + */
#content li{ padding: 0 0 3px; }
#content li li{ padding: 3px 0 0; }
#content li ol,
#content li ul,
#content li p{ font-size: 1em; padding: 0; }
#content li ol,
#content li ul{ padding-top: 3px; }

#content ol{ clear: left; list-style-type: decimal; padding-left: 2.5em; }
#content li ol{ list-style-type: decimal; padding-left: 0; }

#content ul{ clear: left; list-style-type: none; padding-left: 0; }
#content ul li{ padding-left: 12px; }


/* + + + + + tabellen + + + + + */
#content table{ clear: both; font-size: .75em; margin-bottom: 10px; }
#content table caption{ font-size: 12px; font-weight: bold; text-align: left; padding: 10px 0; }
#content table tr th,
#content table tr td{ vertical-align: top; text-align: left; padding: 5px 10px; }

#content table tr td p{ font-size: 1em; padding-bottom: 3px; }
#content table tr td ol,
#content table tr td ul{ padding-top: 0; }
#content table tr td ul,
#content table tr td ol{ font-size: 1em; }


/* + + + + + teaser + + + + + */
#content .teaser{ position: relative; }
#content .teaser .teaserimg{ position: absolute; overflow: hidden; top: 0; left: 0; width: 580px; height: 390px; }

#content .teaser .teasertxt .head a:link,
#content .teaser .teasertxt .head a:visited{ text-decoration: underline; padding-left: 0; }
#content .teaser .teasertxt .head a:hover,
#content .teaser .teasertxt .head a:focus,
#content .teaser .teasertxt .head a:active{ text-decoration: none; }

#content .teaser .teasertxt h2{ font-size: 1.13em; line-height: 130%; }
#content .teaser .teasertxt p{ font-size: .82em; padding-right: 8px; padding-top: 3px; padding-bottom: 0; }

#content .teaser .teasertxt div.link{ min-height: 20px; margin-left: 25px; }
#content .teaser .teasertxt div.link a:link,
#content .teaser .teasertxt div.link a:visited{ padding: 0; }
#content .teaser .teasertxt div.link a:hover,
#content .teaser .teasertxt div.link a:focus,
#content .teaser .teasertxt div.link a:active{ text-decoration: none; }

#content .teaser .teasertxt a:link,
#content .teaser .teasertxt a:visited{ font-size: 1em; padding-left: 16px; }
#content .teaser .teasertxt a:hover,
#content .teaser .teasertxt a:focus,
#content .teaser .teasertxt a:active{ text-decoration: underline; }

#content .teaser .teasertxt li ol,
#content .teaser .teasertxt li ul{ font-size: 1em; margin-left: 5px; padding: 3px 0 0 20px; }
#content .teaser .teasertxt li li{ padding: 0; }
#content .teaser .teasertxt li p{ font-size: 1em; padding: 0; }

#content .teaser .teasertxt ol,
#content .teaser .teasertxt ul{ margin-top: 8px; }
#content .teaser .teasertxt ul li{ padding-left: 22px; }
#content .teaser .teasertxt li ul{ margin-top: 0; padding-left: 0; }

#content .teaser .teasertxt ol{ margin-left: 25px; }
#content .teaser .teasertxt li ol{ margin-top: 0; margin-left: 7px; }
#content .teaser .teasertxt li ol li{ padding-left: 0; }


/* halfimg teaser */
#content .halfimg .teaserimg{ width: 310px; height: 390px; }
#content .halfimg .teasertxt{ float: right; position: relative; min-height: 350px; width: 335px; margin-left: 252px; padding-top: 17px; }

#content .halfimg .teasertxt h2{ margin-bottom: 7px; }
#content .halfimg .teasertxt p{ padding-left: 50px; }
#content .halfimg .teasertxt div{ padding-bottom: 0; }
#content .halfimg .teasertxt div.link{ margin-left: 50px; }
#content .halfimg .teasertxt div.link div{ padding-left: 17px; }
#content .halfimg .teasertxt div.link div p{ padding-left: 0; }


/* halfimg event */
#content .event{ min-height: 373px; padding-top: 17px; }
#content .event .teasertxt{ width: 290px; min-height: 170px; margin-left: 0; padding-top: 0; }

#content .event .img{ min-height: 10px; float: left; margin-left: 308px; }
#content .event .teasertxt .head{ margin-bottom: 20px; }
#content .event .teasertxt div p,
#content .event .teasertxt div .date{ font-size: .82em; padding-left: 20px; }
#content .event .teasertxt div .date{ font-weight: bold; }
#content .event .teasertxt h3{ font-size: 1.13em; margin-left: 20px; }
#content .event .teasertxt h3 a:link,
#content .event .teasertxt h3 a:visited{ padding-left: 0; }

#content .event .teasertxt div.link{ margin-top: 5px; margin-left: 20px; }
#content .event .teasertxt div.link,
#content .event .teasertxt div.link div{ padding-top: 0; }


/* fullimg teaser */
#content .fullimg .teasertxt{ position: absolute; bottom: 25px; left: 0; max-height: 540px; width: 450px; padding: 3px 0 0; }
#content .fullimg .teasertxt div p{ padding-left: 10px; padding-bottom: 5px; }
#content .fullimg .teasertxt div p a:link,
#content .fullimg .teasertxt div p a:visited{ padding-left: 17px; }
#content .fullimg .teasertxt div.head{ padding-bottom: 2px; }
#content .fullimg .teasertxt h2{ display: inline; line-height: 160%; padding: 0; }
#content .fullimg .teasertxt div.link{ margin-left: 0; }
#content .fullimg .teasertxt div.link p{ padding-left: 0; padding-bottom: 2px; }
#content .fullimg .teasertxt div.link a:link,
#content .fullimg .teasertxt div.link a:visited{ padding-left: 17px; }


/* full-bg-img teaser */
#content .fullbgimg .teasertxt{ padding: 3px 0 2px; position: absolute; top: 20px; left: 0; max-height: 540px; }

#content .fullbgimg .teasertxt h2{ font-size: 1.75em; line-height: 110%; padding: 0 25px 16px; }
#content .fullbgimg .teasertxt p,
#content .fullbgimg .teasertxt ul,
#content .fullbgimg .teasertxt ol{ font-size: 1.13em; line-height: 120%; padding: 0 25px 7px; }
#content .fullbgimg .teasertxt div.link p{ padding-left: 22px; }


/*teasertxt + icon*/
#content .fullbgimg .teasertxt.icon{ top: 18px; }

#content .fullbgimg .teasertxt.icon ul{ margin-top: 0; }
#content .fullbgimg .teasertxt.icon ul li{ min-height: 45px; padding-bottom: 19px; }
#content .fullbgimg .teasertxt.icon li span,
#content .fullbgimg .teasertxt.icon li a:link,
#content .fullbgimg .teasertxt.icon li a:visited{ display: block; padding-left: 30px; }
#content .fullbgimg .teasertxt.icon li span{ font-size: .75em; font-weight: bold; }


/* video teaser */
#content .video .teasertxt,
#content .audio .teasertxt{ position: absolute; top: 328px; /*(hoehe des videos)*/ left: 0; max-height: 100px; width: 450px; padding: 0; }
#content .video .teasertxt h2,
#content .audio .teasertxt h2{ font-size: .93em; padding: 10px; }
#content .video .teaserflash,
#content .audio .teaserflash{ position: absolute; bottom: 64px; left: 0; margin-bottom: -1px; width: 580px; min-height: 4em; }
#content .video .teaserflash p,
#content .audio .teaserflash p{ font-size: .69em; padding: 5px 20px 1px; }
#content .video .teaserflash p.more,
#content .audio .teaserflash p.more{ padding: 3px 18px 5px;  margin-left: 18px; }

#content .video .teaserimg div.arrow,
#content .audio .teaserimg div.arrow{ width: 578px; height: 198px; position: absolute; top: 0; left: 0; z-index: 3000;}
#content .video .teaserimg div.fullheight,
#content .audio .teaserimg div.fullheight{ height: 327px !important; cursor: pointer; }

#content .video .teaserimg div.arrow a:link,
#content .video .teaserimg div.arrow a:visited,
#content .video .teaserimg div.arrow a:hover,
#content .video .teaserimg div.arrow a:focus,
#content .video .teaserimg div.arrow a:active{ height: 320px;width: 578px; display: block; cursor: pointer; }


/* + + + + + blaettern + + + + + */
#content .browse{ position: absolute; right: 0; bottom: 0; width: 90px; height: 30px; margin: 10px; }
#content .browse .turnPage{ height: 28px; }

#content .teaser .teasertxt .browse a:link,
#content .teaser .teasertxt .browse a:visited{ padding: 0; }

#content .browse .page{
  float: left;
  font-size: .88em;
  font-weight: bold;
  padding: 5px 0 0 5px;/*5px 0 0 5px;*/
}

#content .browse .rew,
#content .browse .ff{ display: block; }
#content .browse .rew{ float: left; }
#content .browse .ff{ float: right; }

#content .browse .rew a:link,
#content .browse .rew a:visited,
#content .browse .ff a:link,
#content .browse .ff a:visited{ float: left; display: block; width: 28px; height: 28px; }

#content .browse .rew a:hover,
#content .browse .rew a:focus,
#content .browse .rew a:active,
#content .browse .ff a:hover,
#content .browse .ff a:focus,
#content .browse .ff a:active{ width: 28px; height: 28px; }

#content .browse .rew a:hover img,
#content .browse .rew a:focus img,
#content .browse .rew a:active img,
#content .browse .ff a:hover img,
#content .browse .ff a:focus img,
#content .browse .ff a:active img{ display: none; }


/*claudia*/

.browse .turnPage .ff input{
  background-image: url(../styleimages/browse_ff.gif);
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.browse .turnPage .rew input{
  background-image: url(../styleimages/browse_rew.gif);
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.browse .turnPage .rew.empty, .browse .turnPage .ff.empty{
  width: 28px;
  height: 28px;
  background-color: #E1ECF0;
}

#content .video .teaserimg .movingimage {
	background: #DDEBF0 none repeat scroll 0 0;
}

#content .video .teasertxt h2 {
	background-color: #DDEBF0;
	color:#393939;
}

#content .video .teasertxt {
	left:0;
	max-height:100px;
	padding:0;
	position:absolute;
	top:328px;
	width:450px;
}

#content .video .teaserimg .movingimage .frame {
	height:328px;
	margin:0 auto;
	padding-top:10px;
	width:459px;
}