/* RESET */
html, body { height: 100%;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
textarea, table, caption, tbody, tfoot, thead, tr, th { margin: 0;padding: 0; border: 0; vertical-align: baseline; list-style-type: none; background-repeat: no-repeat;  font-style: normal;}


/* CSS SITE*/
html, body { width: 100%; height: 100%;}
img			{ border: none;}
.clear		{ clear:both;}
body 		{ background-color: #ffffff; color: #313c49; text-decoration: none; font-size: 13px; line-height:18px; font-weight: normal; font-style:normal;  font-family: Arial, Tahoma, Verdana, sans-serif;}

a:link,
a:visited,
a:active 			{ color:#18b0e7; text-decoration: underline;}
a:hover				{ color:#313c49; text-decoration: none;}
.arrow	{ background:url(../../images/main/bg-link.gif) no-repeat; background-position: center right; padding-right:8px; margin-right:10px;}

#site		{width: 100%; margin: 0; height: auto !important; min-height: 100%; *height: 100%;}
.wrapper900	{width: 900px; margin: 0 auto;}
.wrapper860	{width: 860px; margin: 0 auto;}
.wrapper700	{width: 680px; margin: 0 auto;}
div.hr 		{ height: 1px; background-repeat: repeat-x; background-position: 0 12px; padding-bottom:32px;clear:both; background-image:url(../../images/main/linie.gif);}
div.hr hr 	{ display: none;}
div.hr_ohnepadding	{ height: 1px; background-repeat: repeat-x; background-position: 0 12px; padding-bottom:15px;clear:both; background-image:url(../../images/main/linie.gif);}
div.hr_ohnepadding hr 	{ display: none;}

#header		{width: 100%; height:95px; background-color:#ebf3fc; background-image:url(../../images/main/bg-header.gif); background-repeat:repeat-x; margin:0 auto; border-bottom: 3px solid #b5bcc5;}
#header .logo			{width:294px; float:left;}
#header h1.logo a 		{display: block; height: 58px; text-indent:-10000px; overflow: hidden; width: 294px; padding:0px; margin-left:10px; margin-top: 17px; background-repeat: no-repeat;	background-image: url(../../images/main/logo.gif);}

#header	#login_main					{ float:right; font-size:11px; color:#7e8895; padding-right: 20px; margin-top:20px; line-height:20px;}
#header	#login_main a				{ color:#7e8895; font-size:11px;  background:url(../../images/main/bg-link.gif) no-repeat; background-position: center right; padding-right:8px;}
#header	#login_main div.log1		{ width:154px; float:left;}
#header	#login_main div.log2		{ width:152px; float:left;}
#header	#login_main label			{ font-weight:bold;}
#header	#login_main input.FormSubmit		{ width:65px; height:20px; margin-top:20px; vertical-align:middle;}
#header	#login_user					{ float:right; font-size:11px; color:#7e8895; padding-right: 20px; margin-top:30px; line-height:20px;}
#header	#login_user a						{ color:#7e8895; font-size:11px; font-weight:bold;}
#header	#login_user a.HeaderUserInfoLogout	{ color:#18b0e7; background:url(../../images/main/bg-link.gif) no-repeat; background-position: center right; padding-right:8px;}

#intro		{width: 100%; height:207px; background-color:#fff3b6; background-image:url(../../images/main/bg-intro.gif); background-repeat:repeat-x; margin:0 auto; border-bottom: 3px solid #b5bcc5;}
#intro #punkte { font-size:14px; padding-top:39px; padding-left:14px; width:446px; float:left;}
#intro #punkte ul b	{ display:block; font-weight: bold;}
#intro #punkte ul i	{ visibility:hidden;}
#intro #punkte li	{ padding-bottom:15px; padding-left:52px;}
#intro #punkte li.eins	{ background-image: url(../../images/main/intro-1.gif); }
#intro #punkte li.zwei	{ background-image: url(../../images/main/intro-2.gif); }
#intro #punkte li.drei	{ background-image: url(../../images/main/intro-3.gif); }
#intro div.right	{float:right; width:411px; background-image:url(../../images/main/intro-right.jpg); padding-right:20px; height:207px;}
#intro div.right img{ margin-top: 145px; margin-left:119px;}

.content-startseite			{width:900px; margin:0 auto; padding-top:32px; clear:both;}
.content-startseite h3			{color:#18b0e7; font-size:21px; font-weight:bold; padding-left:20px; padding-bottom:0px;}
.content-startseite div.left	{width:440px; float:left;}
.content-startseite div.right	{width:430px; float:right;}
.content-startseite img.anmelden	{float:right;margin-right:20px; margin-top: 10px;}
.content-startseite img.logo	{margin-left: 20px; margin-right:30px; float:left; padding-bottom:30px;}

.content-startseite ul { font-size:13px; padding-left:19px; line-height:18px;}
.content-startseite li	{ padding-bottom:15px; padding-left:25px; background-image:url(../../images/main/list.gif);}

#content-main			{width:900px; margin:0 auto; padding-top:21px; padding-bottom:75px;}
#content-main h2		{font-size:21px; color:#18b0e7;font-weight:bold; clear:both; padding-left:2px; padding-bottom:1px; margin-top:20px;}
#content-main h3		{font-size:16px; font-weight:bold; padding-bottom:10px; margin-top: 20px; padding-left:2px; clear:both;}
#content-main h3.top	{margin-top:0px;}
#content-main p			{padding-bottom:10px; padding-left:2px;}
#content-main div.hr	{ height: 1px; background-repeat: repeat-x; background-position: 0 6px; padding-bottom:20px;clear:both; background-image:url(../../images/main/linie.gif);}

#content-main div.left	{width:155px; float:left; border:1px solid #dde0e5; padding-left:20px; padding-right:20px; padding-top:20px;}
#content-main div.left h4	{color:#18b0e7; font-size:16px; font-weight:bold; padding-left:4px; padding-bottom:0px;}
#content-main div.left ul 	{font-size:13px; padding-left:4px; padding-bottom:20px;}
#content-main div.left li 	{ width: 145px; height:27px;}
#content-main div.left a		{ color:#313c49; display:block; padding: 4px 0px;text-decoration: none; background:none; margin:0;}
#content-main div.left a:hover	{ color:#18b0e7; text-decoration:none; background:url(../../images/main/bg-main-navilink.gif) no-repeat center right;}

#content-main #system_message	{width:878px; height:37px; border:1px solid #dde0e5; padding:0px 10px; background-color:#f5f8fa; clear:both; margin-bottom:20px;}
#content-main #system_message.error	{border:1px solid #e37a10;}

#content-main div.right	{width:680px; float:right;}
#content-main div.right	#system_message	{width:658px; height:37px; border:1px solid #dde0e5; padding:0px 10px; background-color:#f5f8fa; clear:both; margin-bottom:20px;}
#content-main div.right #system_message.error	{border:1px solid #e37a10;}

#content-main #system_message img 	{float:left; padding-top:6px; padding-right:20px;}
#content-main #system_message p 	{ float:left; vertical-align:middle; text-align:left; font-weight:bold; line-height:37px;}

#content-main div.right #punkte  	{ font-size:13px; height:57px; clear:both; }
#content-main div.right #punkte li	{ float:left; height:57px; border:1px solid #dde0e5; background-image:url(../../images/main/bg-index.gif); background-repeat:repeat-x; padding:0px 20px 0px 10px;}
#content-main div.right #punkte li.eins	{ float:left;}
#content-main div.right	#punkte	li.eins img {float:left; padding-top:10px; padding-right:10px;}
#content-main div.right #punkte li.zwei	{ float:right;}
#content-main div.right	#punkte	li.zwei img {float:left; padding-top:12px; padding-right:10px;}
#content-main div.right	#punkte a		{ color:#313c49; float:left; width:230px; vertical-align:middle; text-align:left; line-height:53px; background:url(../../images/main/bg-main-navilink.gif) no-repeat center right; padding-right:15px;text-decoration: none; margin:0; display:block;}
#content-main div.right	#punkte a:hover	{ text-decoration: underline;}

#content-main div.right	div.textarea h3	{ padding-bottom:5px;}
#content-main div.right	div.textarea p	{ padding-bottom:5px;}
#content-main div.right	div.textarea textarea	{width:618px; height:20px; border:1px solid #dde0e5; padding:20px 30px; background-color:#fff6dd; clear:both; color:#313c49;}

#content-main div.lexikon				{ clear:both; width:100%;}
#content-main div.lexikon div.header	{ padding:0; margin:0; clear:both; clear:both; border:0; }
#content-main div.lexikon div.header h3	{ margin: 0; padding:0; padding-left:2px;}
#content-main div.lexikon li.letter 	{ float:left; width:50%;}
#content-main div.lexikon li.entry 		{ float:left; height:20px; padding:10px 10px 20px 2px;}

div.linkbutton			{  margin-top:20px;}
a.linkbutton		{ color: #18b0e7; text-decoration: none; background:url(../../images/main/bg-link.gif) no-repeat; background-position: center right; padding-right:8px; margin-right:10px; font-size: 14px; font-weight: bold;}
a.linkbutton:hover	{ color: #313c49; text-decoration: underline;}

#register						{width: 680px; margin: 100px auto 0 auto;}
#register div.form h2			{ padding: 0; margin:0; padding-left:2px; padding-bottom:1px; margin-top:10px;}

ul.liste						{ padding-left:2px; line-height:18px; padding-top:10px;}
ul.liste li						{ padding-bottom:15px; padding-left:25px; background-image:url(../../images/main/list-none.gif);}

#footer					{ width:100%; background-color:#ebf3fc; height:55px; margin-top:-55px; clear: both;}
#footer ul.navi			{ float:right; padding-top:20px; padding-right:20px;}
#footer li				{ float:left; padding-left:25px;}
#footer ul.navi a		{ color:#7e8895; font-size:11px;  background:url(../../images/main/bg-link.gif) no-repeat; background-position: center right; padding-right:8px;}

table.mailinglist						{ width:100%; padding:0; border:1px solid #dde0e5;}
table tr.header 			{background: url(../../images/main/bg-index.gif) bottom repeat-x;}
table.mailinglist tr.header td.td-1 	{ padding:5px; border-bottom:1px solid #dde0e5;}
table.mailinglist tr.header td.td-2 	{ width:140px; padding:5px; border-bottom:1px solid #dde0e5;}
table.mailinglist tr.header td.td-3 	{ width:140px; padding:5px; border-bottom:1px solid #dde0e5;}
table.mailinglist tr.header td.td-4 	{ width:190px; padding:5px; border-bottom:1px solid #dde0e5;}

table.mailinglist tr.content td.td-1 	{ padding:5px; font-size:13px;}
table.mailinglist tr.content td.td-2 	{ padding:5px; font-size:11px;}
table.mailinglist tr.content td.td-3 	{ padding:5px; font-size:11px;}
table.mailinglist tr.content td.td-4 	{ padding:5px; font-size:11px;}

table.mailinglist td.navi 			{ padding:5px; border-bottom:1px solid #dde0e5;}
table.mailinglist td.none 			{ padding:5px;}

table.emaillist						{ width:100%; padding:0; border:1px solid #dde0e5;}
table.emaillist tr.header td.td-1 	{ padding:5px; border-bottom:1px solid #dde0e5;}
table.emaillist tr.header td.td-2 	{ width:100px; padding:5px; border-bottom:1px solid #dde0e5;}
table.emaillist tr.header td.td-3 	{ width:100px; padding:5px; border-bottom:1px solid #dde0e5;}
table.emaillist tr.header td.td-4 	{ width:100px; padding:5px; border-bottom:1px solid #dde0e5;}

table.emaillist tr.content td.td-1 	{ padding:5px; font-size:13px;}
table.emaillist tr.content td.td-2 	{ padding:5px; font-size:11px;}
table.emaillist tr.content td.td-3 	{ padding:5px; font-size:11px;}
table.emaillist tr.content td.td-4 	{ padding:5px; font-size:11px;}

table.emaillist td.navi 			{ padding:5px; border-bottom:1px solid #dde0e5;}
table.emaillist td.none 			{ padding:5px;}

.content-info ul { font-size:13px; padding-left:19px; padding-top: 12px; line-height:18px;}
.content-info li  { padding-bottom:15px; padding-left:25px; background-image:url(../../images/main/list.gif);}

#content-popup			{padding:10px 20px;}
#content-popup h2		{font-size:21px; color:#18b0e7;font-weight:bold; clear:both; padding-left:2px; padding-bottom:1px;}
#content-popup h4		{font-size:16px; font-weight:bold; padding-bottom:10px; margin-top: 20px; padding-left:2px; clear:both;}
#content-popup h4.top	{margin-top:0px;}
#content-popup p			{padding-bottom:10px; padding-left:2px;}
#content-popup div.hr	{ height: 1px; background-repeat: repeat-x; background-position: 0 6px; padding-bottom:20px;clear:both; background-image:url(../../images/main/linie.gif);}