.font-small {font-size:0.8em;}
.font-medium {font-size:1.0em;}
.font-large {font-size:1.2em;}
.blue {color: #0047a3;}
.green {color: #197e38;}
.orange {color: #f78e18;}
.grey {color: #848484;}
.white {color: #fff;}
.clear {clear: both;}
.font-smaller {font-size:0.94em;line-height:1.4em;}

* {
    font-size:1em;
}
body {
    background-color:#fff;
    font-size: 12px;
    color: #000;
}
body, td, a, p {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
a img{
  border: solid red 0px;
}
#large_movie {
	background-color : #ffffff;
	position : absolute;
	top: 400px;
	left: 525px;
	width : 330px;
	height : 270px;
	visibility : hidden;
	border : 2px solid #0047a3;
	padding : 5px;
	z-index : 10;
}
#large_movie1 {
	margin: 25px 5px 5px 5px;
}
#banner {
    position: absolute;
    top: 96px;
    left: 994px;
}
#page {
    width:881px;
    margin-left:100px;
    margin-top:7px;
    padding-right:0px;
}
#header {

}
#header-content {
    border-bottom:1px dotted #b9b9b9;
    overflow:hidden;
    height: 6.7em;
}
#header-logo {
    display:block;
    float:right;
    background-image: url(img/cjd-logo.gif);
    background-repeat:no-repeat;
    background-position: right 0;
    width:200px;
    height:71px;
}
#header-logo a {
    display:block;
    width:200px;
    height:71px;
}
#navigation-top {
    height:2.5em;
    overflow:hidden;
    list-style-type: none;
    list-style-image: none;
    margin:0;
    padding:0;
    color:#555555;
    margin-right:226px;
}
#navigation-top a {
    color:#555555;
    text-decoration: none;
}
#navigation-top a:hover {
    text-decoration: underline;
}
#navigation-top li {
    float:right;
    margin:0;
    margin-left:20px;
}
#customer-name {
    margin-top:10px;
	float:left;
}
#customer-name h1 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:1.4em;
    color:#0047a3;
    font-weight:normal;
    line-height:1.2em;
    margin: 0;
}
#customer-name h2 {
    font-size:1.4em;
    color:#0047a3;
    font-weight:bold;
    line-height:1.2em;
    margin:0;
}
#header-banner, #header-zentrale {
    display:block;
    height:262px;
    margin-top:15px;
    overflow:hidden;
    margin-bottom:15px;
}
body.home #header-banner {
    display:block;
}
#header-banner img {
    /*width:881px;
    height:262px;*/
    border:0;
}
#body {
    
}
#body-content {
    
}
#pathway {
    height:20px;
    padding: 5px 0;
}
#pathway a {
    color:#848484;
    text-decoration: none;
}
#pathway a:hover {
    text-decoration: underline;
}
#col1 {
    width:195px;
    float:left;
/*    overflow:hidden;*/
}
#col3 {
    margin-left:216px;
    margin-right:auto;
    width:auto;
}
* html #col1 {margin-right:-3px;}
* html #col3 {margin-left:213px;}

#col3-content {
    position:static;
}

#rightbannerframe {
    position : absolute;
    left : 1000px;
    top : 96px;
}

#left-navigation {
    display: block;
    border-top: 1px dotted #b9b9b9;
}
#left-navigation {
    font-size:1em;
    margin-bottom: 20px;
}

#left-navigation ul, #left-navigation li {
    margin: 0px;
    padding: 0px;
    text-align: left;
    list-style-type:none;
    }

#left-navigation ul li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: 1px dotted #b9b9b9;
    padding: 0.44em 0em 0.54em 0em;
    vertical-align: middle; 
    }
    
#left-navigation ul li a.selected {
    color:#0047a3;
    }

#left-navigation ul li li {
    font-size:1em;
    line-height: 1em;
    margin-left:20px;
}

#left-navigation ul li a {
    color: #555555;
    text-decoration: none;
    }

#left-navigation ul li a.static {
    color:#197E38;
    }
.homebutton {
    border-bottom: 1px dotted #b9b9b9;
    padding: 0.44em 0em 0.54em 0em;
}
.homebutton a {
    line-height: 1.27em;
    color: #848484;
    text-decoration: none;
}
.homebutton a.selected {
    color: #0047a3;
}
/* teaser boxen */
#teaser-boxes {
    overflow:hidden;
    margin-bottom:20px;
    display: block;
}
.teaser-box {
    float:left;
    width:207px;
    margin-right:20px; 
    overflow:hidden; 
    padding:0;
}
#teaser-box-1,
#teaser-box-2,
#teaser-box-3 {
    width:208px;
}
#teaser-box-3 {
    margin-right:0;
}
h1.spacer {
    margin-bottom:0;
}
body.home #content-right h1.spacer {
    margin-bottom:15px;
    border:0 none;
}
.box-caption, .right-box h1, h1.spacer, .content h1.spacer {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:1.28em;
    color:#000;
    line-height:1.5em;
    font-weight:normal;
    overflow:hidden;
}
#teaser-hbox-1 {
    margin-top:15px;
	background : url(img/left_gruen.gif) no-repeat 0px 0px;
}
#teaser-hbox-2 {
    margin-top:15px;
	background : url(img/left_orange.gif) no-repeat 0px 0px;
}

#teaser-hbox-3 {
	background : url(img/left_blau.gif) no-repeat 0px 0px;
    margin-top:15px; 
}
#teaser-box1-content {
	border:1px solid #197E38;
}
#teaser-box2-content {
	border:1px solid #f78e18;
}
#teaser-box3-content {
	border:1px solid #0047a3;
}
body.home #teaser-boxes {
    display:block;
}
.teaser-box h1 {
    border-bottom:1px dotted #b9b9b9;
    margin:0;
}
.teaser-box .box-content {
    min-height:100px;   
    margin-left:8px;
    overflow:hidden;
    padding:5px 5px 0 5px;
    line-height:1.3em;
}
.teaser-box .content p,
.teaser-box .content div {
    font-size:0.91em;
    line-height:1.3em;
    margin-bottom:0;
    padding:0;
}
.box-content h1 {
    color: #197E38;
    border-bottom:1px dotted #b9b9b9;
    margin:0;
    font-weight: bold;
}

#content-right {
    float:right;
    width:205px;
    overflow:hidden;
    border:0;
    margin:0;
    padding:0;
}
.right-box, .left-box {
    background-color:#fff;
    color:#000;
    margin-bottom:15px;
    padding:12px;
    zoom:1;
}
.right-box h1 {
    margin:0px;
    padding:0;
}
.right-box p, .right-box div {
    padding:0;
    margin:0;
}
.right-box a,
.right-box p a, 
.right-box div a {
    color:#0047a3; 
    text-decoration:none;   
}
.right-box a:hover {
    text-decoration: underline;
}
.right-box a:visited {
    text-decoration: none;
}
.right-box-orange {
    background-color:#f78e18;
}
.right-box-bordered, .left-box-bordered {
    border:1px solid #b9b9b9;
}
.left-box div {
    font-size:0.91em;
    margin: 6px 10px;
}
.left-box img {
    margin: 6px 10px;
}
.box-cjd {
}
.box-spenden {
    border:1px solid #b9b9b9;
	background: url(img/spendenbutton_small.gif) no-repeat 100% 0% ;
    position:relative;
}

.box-spenden h1, .title {
    line-height:1.1em;
}
#spenden-button {
    position:absolute;
    border:0;
    top:-10px;
    right:0px;
}
.box-info {
	background-color:#f78e18;
}
.box-info h1, .box-info p {
	line-height: 1.1em;
}
.box-info span {
	font-size:0.86em;
	color:#ffffff;

}

.box-info h1.white {
    color:#fff;
}
.box-info p{
    margin:0;
    padding:0;   
}
.box-info p a{
	color:#fff;
}
.box-spenden div, .box-angebote div, .box-spenden p, .box-angebote p {
    margin-bottom:0.5em;
}
.box-angebote {
    padding:0;
}
.box-angebote h1 {
    border-bottom:1px dotted #848484;
    line-height:1.5em;
    margin-bottom:1em;
}
.box-angebote font {
    /*color:#000;*/
}
#content-left {
    margin-right:225px;
}
.center {
    text-align: center;
}

.box-termine {
    padding:0;
}

.box-termine h1 {
    border-bottom:1px dotted #848484;
    line-height:1.5em;
    margin-bottom:1em;
}

.box-right, .box-left, .box-content {
    margin-bottom: 20px;
    padding: 12px;
}
.box-left {
    padding: 0px;
}
.custom-box {
    padding: 0px;
}
/*----------------
| Utilityformate |
----------------*/
#utilities {
    background-color: #F2F2F2;
    height: 1.7em;
    padding: 0.31em 20px 0px 0.5em;
    margin-bottom: 0.94em;
}

#utilities p {
    padding: 0px;
    margin:0;
    margin-left:2em;
}
#adress {
    float:left;
    width:195px;
}
#mitgliedschaften {
    margin-left:210px;
}
#mitgliedschaften div.title, #adress {
    font-size:0.83em;
    color:#848484;
    font-weight: normal;
}
#footer-content {
    border-top:1px dotted #b9b9b9;
    padding-top:0.3em;
    }

#footer-content a, #footer-content span {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.83em;
    color: #848484;
    text-decoration: none;
    }

#footer-content a:hover {
    text-decoration: underline;
}
/* Content */
.content {
    width:430px;
    font-family: verdana, arial, helvetica;
    /*background-image: url("_gfx/nix.gif");*/
    background-color:#fff;
}
.overflow {
    overflow:hidden;
}
.content a, .content a:visited, a, a:visited {
    color:#0047a3;
    text-decoration:underline;
}
.content a:hover, a:hover {
    text-decoration: none;
}
p, div.content {
    line-height: 1.5em;
    text-align: left;
    margin: 0px;
/*    padding: 0px 0px 0.9em 0px;*/
}

h1 {
    font-size: 1.4em;
    line-height: 1.2em;
    color: #197E38;
    margin: 0px 0px 1em 0px;
}

h2 {
    font-size: 1.2em;
    margin: 0px 0px 1em 0px;
    color:#197E38;
    font-weight: bold;
}

h3 {
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0px 0px 1em 0px;
    color: #1953A2;
    clear: both;
    font-weight: bold;
}

h4 {
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0px 0px 1em 0px;
    color: #197E38;
}

.content h1 {
  font-size:1.5em;
}
.content h2 {
  font-size:1.2em;
}
.content h3 {
  font-size:1.2em;
}
.content h4 {
  font-size:1.1em;
}

.content p,
.content div,
.content li,
.content td,
.content font
{
  font-family: verdana, arial, helvetica;
  line-height:1.5em;
}
.content ul li {
    list-style-image:url(img/bullet.gif);
    padding-bottom:10px;
}
.clear, h1, h2, h3, h4 {
  clear: both;
}
.content p.linie,
#contentbox p.linie {
  padding-top:1.0em;
  clear:both;
}

/* Spezial Layouts */

#news-home h1,#news-list h1 {
    padding-bottom:4px;
    font-size:1.28em;
}
#news-home h3, #news-list h3 {
    font-size:0.83em;
    color:#848484;
    font-weight:bold;
    line-height:1.1em;
    margin:5px 0;
}
#news-home h2, #news-list h2 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:1.28em;
    color:#000;
    line-height:1.5em;
    font-weight:normal;
}
#news-home div.short div, #news-list div.short div {
    font-size:1em;
    margin:0;
}
#news-home a.mehr, #news-list a.mehr {
}
#news-home p, #news-home div, #news-list p, #news-list div {
    padding:0;
}
#news-home .news-box, #news-list .news-box {
    overflow:hidden;
}
.news-box img{
    width: 100px;
    float: left;
    margin-right: 10px;
}


.line-blue {
    clear:both;
    border-bottom:1px solid #0047a3;
    margin-top:10px;
    margin-bottom:15px;
}
.line-orange {
    clear:both;
    border-bottom:1px solid #f78e18;
    margin-top:10px;
    margin-bottom:15px;
}
.line-green {
    clear:both;
    border-bottom:1px solid #197E38;
    margin-top:10px;
    margin-bottom:15px;
}

/*Print*/
.print-content {
    display: block;
    width: 490px;
    margin: 25px;
}
.print-button {
    display: block;
    height: 50px;
    text-align: right;
}
/*Boxtypes*/
.border-one {
    /*float:left;*/
    padding-left:20px;
    padding-top:20px;
    position:relative;
    zoom:1;
}
.border-two {
    background-position: right bottom ;
    background-attachment: scroll;
    zoom:1;
}
.border-three {
    background-position: left top;
    background-attachment: scroll;
    left:-20px;
    position:relative;
    top:-20px;
    zoom:1;
}
.border-four {
    left:10px;
    position:relative;
    top:10px;
    zoom:1;
}
.corner-rt {
    background-position: right top;
    background-attachment: scroll;
    min-height: 20px;
    min-width: 20px;
    right:0;
    top:0;
    position:absolute;
    overflow:hidden;
    zoom:1;
}
* html .border-three {
    height: 50px;
}
* html .corner-rt {
    right:-1px;
    padding-right: 20px;
}
* html #content-right {
    right:-1px;
    bottom:-1px;
}
* html .corner-lb {
    bottom: 0px;
    padding-bottom: 20px;
}
.corner-lb {
    background-position: left bottom;
    background-attachment: scroll;
    min-height: 20px;
    min-width: 20px;
    bottom:0;
    left:0;
    position:absolute;
    overflow:hidden;
    zoom:1;
}
.social-networks {
}
.social-networks a img {
    margin-right: 5px;
}