/*
--------------------------------------------
BLAU:
R=25 G=81 B=157   #19519D
Blau 50%: R 140 G 168 B 206   #8CA8CE
Blau 25%: R 197 G 211 B 230   #C5D3E6


--------------------------------------------
ORANGE:
R=255 G=140 B=0   #FF8C00
Orange 50%: R 255 G 197 B 127   #FFC57F
Orange 25%: R 255 G 226 B 191   #FFE2BF

--------------------------------------------
GRÜN
R=51 G=152 B=42   #33982A
Grün 50%: R 153 G 203 B 148   #99CB94
Grün 25%: R 204 G 229 B 202   #CCE5CA

*/

/*---------------
| Rahmenformate |
---------------*/

	body {
		margin: 0px; 
		padding: 0px;
		background-image: url("_gfx/bg-main.gif");
    	font-family: verdana, arial, helvetica;
		font-size:12px;
    }

  td {
    font-family: verdana, arial, helvetica;
  }


	#mainframe {
		background-color: #ffffff;
		/*width: 53.13em;*/
		width: 880px;
		float: left;
	}

  #master {
    border-top:1px solid white;
    width: 100%;
  }


	#contentframe {
		/*width: 25.32em;*/
		width: 430px;
		margin: 20px 0px 0px 25px;
    	/*overflow:hidden;*/
		float: left;
	}

	#columnframe {
		/*width: 12.81em;*/
		width: 200px;
    	overflow:hidden;
		float: right;
	}

	.right {
		float: right;
	}

/*----------------
| Schriftformate |
----------------*/

	p{
		line-height: 1.2em;
		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;
	}

	.angebote {
		font-size: 1.2em;
		color: #fff;
		font-weight: bold;
		margin-bottom: 10px;
		padding-left:10px;
	}
	
	a {
		color: #1953A2;
		/*text-decoration: none*/;
	}

	a:hover {
		text-decoration: none;
	}


/*---------------
| Headerformate |
---------------*/

	#header {
		width: 100%;
		height: 80px;
	}

	#cjdlogo {
		margin: 4px 0px 0px 20px;
		float: left;
	}

	#cjdhead {
		margin: 20px 0px 0px 10px;
		float: left;
		width: 250px;
		font-weight:bold;
	}
	#cjdhead_500 {
		margin: 20px 0px 0px 10px;
		float: left;
		width: 140px;
		font-weight:bold;
	}

/*--------------
| Menueformate |
--------------*/

	#mainmenu {
		background-image: url("_gfx/bg-gruen.jpg");
		/*width: 11.25em;*/
		overflow:hidden;
		width: 200px;
		margin-top: 20px;
		line-height: 0px;
		text-align: right;
		float: left;
	}

	.homebutton {
		padding: 0.5em 0px 0.5em 0.8em;
	}

	.homebutton a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
	}

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

	#mainmenu ul li {
		line-height: 1.27em;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #86C099;
		padding: 0.44em 0.88em 0.54em 0.88em;
		font-family: verdana, arial, helvetica;
		font-weight: bold;
		color: #ffffff;
		vertical-align: middle;
	}

  #mainmenu ul li li {
    font-size:1em;
    line-height: 1em;
  }


	#mainmenu ul li a {
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
	}

  #mainmenu ul li a.selected {
    	text-decoration: underline;
  }


	#altmenu {
		background-image: url("_gfx/bg-orange.jpg");
		/*width: 12.81em;*/
		overflow:hidden;
		width: 200px;
		line-height: 0px;
		padding-top: 10px;
		margin-bottom: 15px;
	}

  #altmenu div.links {
    line-height:1.4em;
  }


	#altmenu h2 {
		color: #ffffff;
		margin: 0px 5em 1em 1em;
	}

	#altmenu ul {
		margin: 0px;
		padding: 0px;
		text-align: left;
	}

	#altmenu ul li {
		line-height: 1.4em;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #FCBE80;
		padding: 0.44em 0.88em 0.54em 0.88em;
		font-family: verdana, arial, helvetica;
		font-weight: bold;
		color: #ffffff;
		vertical-align: middle;
	}
  #altmenu div {
		font-family: verdana, arial, helvetica;
		line-height:1.4em;
  }

	#altmenu ul li a {
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
	}

#altmenu #ecke-ul {
  line-height:0px;
}


#altmenu a {
		font-weight: bold;
		color: #ffffff;
			text-decoration: none;
	
}

#altmenu div.links div, 
#altmenu div.links p{
	margin:0;
	padding:3px 10px 3px 10px;
  	line-height: 1.4em;
	border-bottom:1px solid #e6bc16;;
}

	/*---------
	| Suchbox |
	---------*/

		.searchheader {
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #86C099;
			padding: 0.54em 0px 0.54em 0.88em;
			font-weight: bold;
			color: #ffffff;
		}

		#mainmenu form {
			padding: 0px 0px 0.54em 0.68em;
			margin: 0px;
			text-align: left;
		}

		.searchbox, .searchbutton {
			border-width: 0px;
			font-family: verdana, arial, helvetica;
			background-color: #ffffff;
			color: #218A32;
		}

		.searchbox {
			width: 10em;
		}

		.searchbutton {
			width: 3em;
		}


/*----------------
| Utilityformate |
----------------*/

	#utilities {
		background-color: #F2F2F2;
		height: 1.25em;
		padding: 0.31em 1em 0px 0.5em;
		margin-bottom: 0.94em;
	}

	#utilities p {
		padding: 0px;
	}

/*----------------
| Contentformate |
----------------*/

	.contentbox, .content {
		display: block;
		width: 100%;
  		margin: 0px 0px 0.94em 0px;
		clear: both;
	}

	.columnbox {
		margin: 0px 0px 0.94em 0px;
		padding-right: 0.63em;
	}
#content{
  font-family: verdana, arial, helvetica;
  background-image: url("_gfx/nix.gif");
  background-color:#fff;
}
#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.4em;
}
#content ul li {
	list-style-image:url(bullet.gif);
	padding-bottom:10px;
}
.clear {
  clear: both;
}
#content p.linie,
#contentbox p.linie {
  padding-top:1.0em;
  clear:both;
}