* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	padding: 20px 0  0;
	background: #D2DCC7;
	text-align: center;
}

a {
	color: #80A609;
}

a:hover {
	text-decoration: none;
}

form {
    display: inline;}

#overall {
	width: 789px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 190px;
	margin: 0 auto;
	background: url(../images/bg-header.gif) no-repeat;
	text-align: left;
}

#header h1 {
	display: none;
}

ul#sidebar  {
	list-style: none;
	width: 190px;
	padding: 0 15px 30px 20px;
	float: left;
	background: url(../images/bg-sidebar.gif) no-repeat 0 100%; 
}

ul#sidebar li {
	border-bottom: 1px dotted #618ca7;
}

ul#sidebar li a {
	display: block;
	padding-left: 24px;
	font: .8em/2em verdana, sans-serif;
	color: #80A609;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 3px 50%;
}

ul#sidebar li#home a {
	background-image: url(../images/icon-home.gif);
}

ul#sidebar li#login a {
	background-image: url(../images/icon-login.gif);
}

ul#sidebar li#logout a {
	background-image: url(../images/icon-logout.gif);
}

ul#sidebar li#fragebogen a, ul#sidebar li#info a  {
	background-image: url(../images/icon-fragebogen.gif);
}

ul#sidebar li#impressum a {
	background-image: url(../images/icon-impressum.gif);
}


ul#sidebar li#uebersicht a {
	background-image: url(../images/icon-uebersicht.gif);
}

ul#sidebar li#user a {
	background-image: url(../images/icon-user.gif);
}

ul#sidebar li#kampagnen a {
	background-image: url(../images/icon-kampagnen.gif);
}


ul#sidebar li a:hover {
	color: #fff;
	background-color: #80A609;
}

ul#sidebar li ul {
	margin-left: 24px;
    margin-bottom: 5px;
	list-style: none;}

ul#sidebar li ul li {
	border-bottom: 0;
	padding-left: 10px;
    background: #F2F7E3 url(../images/bg-ul-sub.gif) no-repeat 0 50%;}

ul#sidebar li ul li a {
	display: inline;
	padding: 0;
	background: transparent !important;
	text-decoration: none;
	cursor: pointer !important;
	line-height: 1.6em;}

ul#sidebar li ul li a:hover {
	background: transparent !important;
	color: #80A609;
	text-decoration: underline;}

#content {
	width: 529px;
	padding: 0 20px 20px 15px;
	float: right;
	background: url(../images/bg-content.gif) repeat-y;
}

h2 {
	margin-bottom: .6em;
	padding-bottom: 2px;
	font: 1.6em verdana, sans-serif;
	color: #80A609;
}

h3 {
	margin: .6em 0;
	font: 1.2em verdana, sans-serif;
	color: #618ca7;
}

#content ul {
	margin: .6em 0 .6em 2em;
	list-style: square;
	font: .8em/1.4em verdana, sans-serif;
}

p, address {
	margin: .6em 0;
	font: .8em/1.4em verdana, sans-serif;
}

p.error {
	color:red;
}

blockquote {
	margin-bottom: 1.2em;
	padding: 10px;
	display: block;
}

blockquote p {
	margin: 0;
	color: #fff;
}

/*verschiedene farben für die fragefelder. bei erweiterung bitte Rücksprache mit i.wagener / vorderdeck zwecks einhaltung farblicher harmonien*/
blockquote.blue {background: #618ca7;}
blockquote.green {	background: #80A609;}

/* hier die bisherigen Farben, bitte anpassen */
blockquote.fragen0 {background: #80A609;} /*matrix*/
blockquote.fragen1 {background: #618ca7;}
blockquote.fragen2 {background: #A57E09;}
blockquote.fragen3 {background: #A53009;}
blockquote.fragen4 {background: #A79F62;}
blockquote.fragen5 {background: #8DA762;}
blockquote.fragen6 {background: #626AA7;}
blockquote.fragen7 {background: #8DA762;}
blockquote.fragen8 {background: #799EB4;}
blockquote.fragen9 {background: #AB696F;}
blockquote.fragen10 {background: #AB8369;}



fieldset {
	margin: .6em 0 2em;
	padding: 10px;
	border: 1px solid #618ca7;
	font: .8em/1.4em verdana, sans-serif;
}

fieldset label input {
	vertical-align: middle;
}

fieldset br {
    clear: left;}

input.txt, textarea {
    width: 260px;
    padding-left: 2px;
    margin-bottom: 4px;
    float: left;
    border: 1px solid #ccc;
    font: 1em verdana, sans-serif;}

input.btn {
	margin-top: 1em;
	color: #fff;
	background: #618CA7;
	border-top: 1px solid #83A4B9;
	border-right: 1px solid #568199;
	border-bottom: 1px solid #568199;
	border-left: 1px solid #83A4B9;
}

select {
    border: 1px solid #ccc;
    font: 1em verdana, sans-serif;}

* html fieldset.login input {float: none;}
* html fieldset.login label {display: block; width: 300px;}
/*tabelle - letzte frage*/
#matrix-holder {
	padding: 5px 0 20px 20px;
	background: #eee url(../images/matrix-legende.gif) no-repeat 0 100%;
}

table.matrix {
	width: 100%;
	padding: 10px 5px;
	color: #80A609;
  }

table.matrix caption {
	padding-bottom: .4em;
	font: .8em verdana, sans-serif;
	color: #618Ca7;
}
  
table.matrix th, table.matrix td {
	padding: 10px;
	font: .8em verdana, sans-serif;
	text-align: center;
  }

table.matrix th {
	font-weight: bold;
}
  
table.matrix td.kreuz-vert {
	border-right: 1px solid #fff;
  }
  
table.matrix td.kreuz-hor {
	border-bottom: 1px solid #fff;
  }

table.matrix tr.left th, th.normalnull {
	border-right: 1px solid #fff;
}

table.matrix tr.bot th {
	border-top: 1px solid #fff;
}

#footer {
	width: 564px;
	height: 26px;
	float: right;
	background: url(../images/bg-content-foot.gif) no-repeat 100% 0;
	text-align: center;
	font: 10px verdana, sans-serif;
}

#footer a {text-decoration: none;}


#debug {
background:#fff;
width:784px;
text-align:left;
overflow:auto;
}
#debug h1 {
background:#5f7d04;
color:#fff;
text-align:center;
font-size:115%

}
#debug h2 {
background:#f2f7d3;
color:#fff;
text-align:center;
font-size:85%
}
#debug pre {padding:4px;font-size:
80%}


fieldset.personalize p {
	line-height:2;
}
fieldset.personalize input.p-txt {
	border:none;
	border-bottom:1px solid #000;
}
fieldset.personalize input.p-radio,
fieldset.personalize input.p-check {
	margin:0 4px;
}
fieldset.personalize blockquote {
	font: .8em/1.4em verdana, sans-serif;
	line-height:2;
}