/*<![CDATA[
pixelcoach. Nicole Mueller
for www.jmp-media.de
09/2009
*/

p, h1, h2, h3, h4, h5, h6, ul, li, hr,
dd, dt, ol
/*,table, tr, td, thead, tfoot, tbody */{ margin:0; padding:0; }


html, body {
	height: 100%;
 	margin: 5px auto; 
	text-align: center; 
	font: normal normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #787775;
	color: #2e3336;
}

#container 	{
	margin: 5px auto;
	width: 1002px;
	text-align: left; 
	position: relative;
}

#header {
	height: 192px;
	width: 1000px;
	position: relative;
}
#header img {
	float: left;
}
#header .logo {
	top: 45px;
	left: 39px;
	width: 339px;
	height: 50px;
	display: block;
	position: absolute;
}

#page {
	width: 1000px;
	float: left;
}

hr {
	width: 100%;
	border: none;
	border-top: 1px solid #e6ad4b;
	margin: 4px 0 0 0;
	height: 1px;
}

#contentWrap {
	width: 1000px;
	float: left;
	background: url(../img/bg_wrap.png) repeat-y 0 0;
	text-align: left;
}

#content img {
	border: 1px solid #CAC4B6;
}

ul#navigation,
#middle,
#content {
	float: left; 
}

ul#navigation{
	width: 221px;
	border: 1px solid white;
	border-top: none;
	border-top: none;
}

#contentWrap #navigation li,
#contentWrap #navigation li ul li{
	width: 221px;
	margin:0;
	padding: 0;
	border: none;
	border-top: 1px solid white;
	list-style: none;
}
#contentWrap #navigation li.first {
	border: none;
}
.noneBorder { border:none; }

#navigation li a, #navigation a:link, #navigation a:hover, 
#navigation li li a, #navigation li li a:link, #navigation li li a:hover {
	display:block;
	font: normal normal 12px Verdana, Arial, Helvetica sans-serif;
	color: #464543;
	line-height: 12px;
	text-decoration:none;
	padding:10px 0px 10px 40px;
	background: #c7c0b1; 
}
#navigation li li a, 
#navigation li li a:link, 
#navigation li li a:hover {
	color: #7f735b;
	background: #fbe8b4;
}
#navigation a:hover, 
#navigation a.current { 
	background:#feda79;
 }

#navigation li li a:hover,
#navigation li li a.current {
	color: #464543;
}
#middle {
	width: 236px;     
	margin: 33px 0 0 3px;
	padding: 0 10px 0 30px;
}

.box {
	width: 215px;     /* 276 */
	background-color: #e8e8d5;
	border: 1px solid #5a7492;
	margin-bottom: 33px;
	padding: 8px 9px 0 9px;
}

#content {
	width: 422px;   /* 497 */
	margin: 42px 40px 40px 35px;
	min-height: 400px;
}

#content p				{ font-size: 12px; padding: 0 0 20px 0; line-height: 18px;}
#contentWrap  .sonder p	{ font-size: 12px; padding: 0 0 8px 0; line-height: 18px;}

#middle .box p			{ font-size: 12px; padding: 0 0 10px 0; line-height: 18px; color: #464543;}
#middle a 				{ color: #133a71; text-decoration: none; }
#middle a:hover 		{ text-decoration: underline; }
#middle h2 				{ font-size: 13px; color: #133a71; font-style: italic; margin-bottom: 4px;}
#content ul, #content ol	{ margin: 5px 0 15px 3px; }
#content ul li, 	
#content ol li 		{
	font-size: 12px;
	line-height: 130%;
	margin:0 0 0 14px;
	padding:0 0 3px 10px;
	color: #333;
}
#content ul li {
	background: url(../img/list_item2.gif) no-repeat 0 10px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 8px 18px;
	line-height: 18px;
} 	

#content ul.sonder li {
	background: url(../img/list_item1.gif) no-repeat 0 8px;
} 
blockquote {
	font-style: normal;
	color: #133a71;
	font-weight: bold;
	font-size: 13px;
	margin: 0 25px 0 10px;
	line-height: 18px;
}
cite {
	font-style: italic;
	font-size: 11px;
	color: #133a71;
	padding: 0 0 0 10px;
	line-height: 18px;
}

ul#metaNavigation  {
	width: auto;   /* 296 */
	top: 18px;
	right: 8px;
	position: absolute;
	list-style-image: none;
}
ul#metaNavigation li, ul#metaNavigation span { 
	display: inline;
	font-size: 12px;
}

ul#metaNavigation li	a	{
	text-decoration: none;
	margin-right: 5px;
}
ul#metaNavigation li	a:hover, ul#metaNavigation li a.current	{
	text-decoration: underline
}

.hide {
	height:0;
	left:-2000px;
	overflow:hidden;
	position:absolute;
	top:-1000px;
}

/* ------------------ Allgemeine Anweisungen */

a, a:link, a:hover { color: #133a71; }
a:hover            { text-decoration:none;  }

h1       			 {
	font-size: 14px;
	color: #333;
	padding: 0 0 17px 0;
	text-transform: uppercase;
line-height: 18px;}
h2 					{
	color: #133a71;
	font-size: 12px;
	padding:0;
line-height: 18px;}
#content h2 {
	padding:0 0 3px 0;

}
.noL	{
	clear: left;
}

.goLeft {
	float: left;
}
.goRight1 {
	float: right;
	width: auto;
	margin-left: 15px;
}
.goRight {
	float: right;
	width: 214px;
	margin-left: 15px;
}
.goRight img {
	margin-bottom: 9px;
}

.teaser {
	margin-right: 19px;
}
.description {
	margin: 0 0 13px 206px;
	display: block;
	clear: left;
	font-size: 10px;
	color: #2e3336;
}
label {
	color:#333;
	font-size:12px;
	width: 165px;
	float: left;
	height: 23px;
}
p.two label {
	line-height: 185%;
}
input, select {
	background-color: #eeeded;
	border:1px solid #4c647c;
	color: #333;
	padding: 4px;
	width: 248px;
	float: left;
}
input.smallTwo {
	margin: 23px 17px 0 0;
	width: 110px;
}
input.submit {
	background-color: #4c647c;
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	width: 126px;
	margin-right: 6px;
}

textarea {
	background-color:#eeeded;
	border:1px solid #4c647c;
	color:#333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:1px 0;
	padding:4px;
	width:248px;
}

/*]]>*/