/********************  Beginne Body  ********************/


body
{
background: #ffffff url('') repeat;

}

table.holder td
{
padding: 0px;
}


table.table_size
{
width: 900px; 
border-width: 0px 0px 0px 0px;
}

table.table_size td
{
padding: 0px;
}


table.table_standard
{
width: 100%x; 
border-width: 0px 0px 0px 0px;
}

table.table_standard td
{
padding: 0px;
}


table.table_Whitegray
{
width: 100%; 
height:500;
border-width: 2px 2px 2px 2px;
border-spacing: 0px;
border-style: solid solid solid solid;
border-color: #808080 #808080 #808080 #808080;
border-collapse: collapse;
background-color: #C0C0C0;
margin: 0px 0px 0px 0px;
}

table.table_Whitegray td
{
padding: 0px;
vertical-align: top;
}


table.table_graywhite
{
width: 704px; 
border-width: 2px 2px 2px 2px;
border-spacing: 0px;
border-style: solid solid solid solid;
border-color: #808080 #808080 #808080 #808080;
border-collapse: collapse;
background-color: #FFFFFF;
}

table.table_graywhite td
{
padding: 0px;
vertical-align: top;
}


table.table_Whitegray_bottom
{
width: 100%; 
border-width: 2px 2px 2px 2px;
border-spacing: 0px;
border-style: solid solid solid solid;
border-color: #808080 #808080 #808080 #808080;
border-collapse: collapse;
background-color: #C0C0C0;
margin: 0px 0px 0px 0px;
}

table.table_Whitegray_bottom td
{
padding: 0px;
vertical-align: top;
}
/********************  Ende Body  ********************/

/********************  Beginne Fancybox  ********************/

a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
}

a img.last {
	margin-right: 0;	
}

ul {
	margin-bottom: 24px;
	padding-left: 30px;


}

 a img.none {
	border: 0px solid #fff;
	margin-top: 1px;


}
/********************  Ende Fancybox  ********************/






#header .content .right .header_user{float:left;margin-top:1px}
#header .content .right .header_user a{color:#f1f1f1}
#header .content .right .header_user a:hover{text-decoration:underline}
#header .content .right .header_user .picture .mini_fb{position:absolute;bottom:-3px;left:-3px}
#header .content .right .header_user .user_data{float:left;font:11px Arial, Helvetica, Verdana, sans-serif;margin-top:1px}
#header .content .right .header_user .user_data .username{font:bold 11px Arial, Helvetica, Verdana, sans-serif;height:14px;overflow:hidden}
#header .content .right .header_user .offer{float:left;height:12px;margin:2px 0 0 10px;background:#fff;color:#000;font:9px arial}
#header .content .right .header_user .offer a{color:#000;text-decoration:none}
#header .content .right .header_user .offer .fleft{float:left}

.avatar {border:0;width:25px;height:25px}




.picture{float:left;width:25px;height:25px;background:#ccc;margin:2px 4px 0 0;position:relative}


.account_links_username A:link    {margin-top:2px;font:bold 12px Arial, Helvetica, Verdana, sans-serif;height:14px;overflow:hidden; color: #000000; text-decoration: none}
.account_links_username A:visited {font:bold 12px Arial, Helvetica, Verdana, sans-serif;height:14px;overflow:hidden; color: #000000; text-decoration: none}
.account_links_username A:active  {font:bold 12px Arial, Helvetica, Verdana, sans-serif;height:14px;overflow:hidden; color: #000000; text-decoration: none}
.account_links_username A:hover   {font:bold 12px Arial, Helvetica, Verdana, sans-serif;height:14px;overflow:hidden; color: orange; text-decoration: none}



.account_links A:link    {font:11px Arial, Helvetica, Verdana, sans-serif;height:14px;overflow:hidden; color: #000000; text-decoration: none}
.account_links A:visited {font:11px Arial, Helvetica, Verdana, sans-serif;height:14px;overflow:hidden; color: #000000; text-decoration: none}
.account_links A:active  {font:11px Arial, Helvetica, Verdana, sans-serif;height:14px;overflow:hidden; color: #000000; text-decoration: none}
.account_links A:hover   {font:11px Arial, Helvetica, Verdana, sans-serif;height:14px;overflow:hidden; color: orange; text-decoration: none}


.separate {font:bold 11px Arial, Helvetica, Verdana, sans-serif; height:10px; color: orange}




/********************  Beginne Searchfield  ********************/

.searchboxlink {
	font: 12px Arial;
        color: #000000;
	text-decoration: none;
}


.searchboxlink A:link    {font: 12px Arial; text-decoration: none; color: #000000; text-decoration: none}
.searchboxlink A:visited {font: 12px Arial; text-decoration: none; color: #000000; text-decoration: none}
.searchboxlink A:active  {font: 12px Arial; text-decoration: none; color: #000000; text-decoration: none}
.searchboxlink A:hover   {font: 12px Arial; text-decoration: none; color: #000000; text-decoration: none; background:#3b5998;}


id #diplay overflow : hidden
*{margin:0px}

#searchbox
{
width:160px;
border:solid 1px #000;
padding:3px;
margin-bottom: 8px;
padding-left: 20px;
background: white url(/images/search_box_loupe_icon.gif) no-repeat 4px 50%;
}


#display
{
width:160px;
display:none;
float:right; margin-right:30px;
border-left:solid 1px black;
border-right:solid 1px black;
border-bottom:solid 1px black;
overflow:hidden;
position:absolute; 
background:orange;
}
.display_box
{
padding:4px;
border-top:solid 1px black;
font-size:12px;
height:30px;
}
.display_box a:hover
{
color:#FFFFFF;
cursor: hand;
cursor: pointer;
font: bold 12px Arial;
}



#password
{
width:160px;
border:solid 1px #000;
padding:3px;
margin-top: 5px;
}

#username
{
width:160px;
border:solid 1px #000;
padding:3px;
padding-top:5px;
margin-top: 5px;
}

#submit
{
width:160px;
border:solid 1px #000;
padding:3px;
margin-top: 5px;
}

/********************  Ende Searchfield  ********************/





/********************  Beginne Navigation  ********************/


.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(/images/titlebar.png) repeat-x center left;
margin-bottom: 8px; /*bottom spacing between header and rest of content*/
margin-top: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-decoration: none;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(/images/titlebar-active.png);
text-decoration: none;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
text-decoration: none;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
text-decoration: none;
}

.arrowlistmenu ul li a{
color: #613A64;
background: url(/images/titlebar-active.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
font: bold 14px Arial;
border-bottom: 1px dotted #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #613A64;
text-decoration: none;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #613A64;
background-color: #F3F3F3;
background: url(/images/titlebar-hover.png) no-repeat center left; /*custom bullet list image*/
}


.menulink { font: bold 14px Arial; text-decoration: none; color: white;}

.menulink A:link    {color: grey; font: bold 14px Arial; text-decoration: none; color: white;}
.menulink A:visited {color: grey; font: bold 14px Arial; text-decoration: none; color: white;}
.menulink A:active  {color: grey; font: bold 14px Arial; text-decoration: none; color: white;}
.menulink A:hover   {color: grey; font: bold 14px Arial; text-decoration: none; color: white;}


.menulink_div{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(/images/titlebar.png) repeat-x center left;
margin-bottom: 8px; /*bottom spacing between header and rest of content*/
margin-top: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-decoration: none;
border-bottom:2px solid #A0B12A;
}



/********************  Ende Navigation  ********************/




/********************  Beginne Layout  ********************/



.footer_div {
	font: 11px Arial;
	padding-left:10px;
	padding-right:10px; 
        color: grey;
}

.footer_div A:link    {color: grey; font: 10px Arial; text-decoration: none}
.footer_div A:visited {color: grey; font: 10px Arial; text-decoration: none}
.footer_div A:active  {color: grey; font: 10px Arial; text-decoration: none}
.footer_div A:hover   {color: grey; font: 10px Arial; text-decoration: none; color: #A0B12A;}


.main_div {
	font: 12px Arial;
	padding-left:10px;
	padding-right:10px; 
}


.main_topback {
	background: black url(/images/titlebar-back.png) repeat-x center left;
}


.main_topdiv {
	font: 12px Arial;
	padding-left:8px;
	padding-right:8px; 
}



.main_top {
	font: bold 14px Arial;
	color: white;
	background: black url(/images/titlebar.png) repeat-x center left;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	margin-top: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 0px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
}


.main_top a{
	width: 180px; /*width of accordion menu*/
	font: bold 14px Arial;
	color: white;
	background: black url(/images/titlebar.png) repeat-x center left;
	margin-bottom: 8px; /*bottom spacing between header and rest of content*/
	margin-top: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 0px; /*header text is indented 10px*/
	padding-left:10px;
	padding-right:25px; 
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
}


.main_top a:hover{
	width: 180px; /*width of accordion menu*/ 
	font: bold 14px Arial;
	color: white;
	background: black url(/images/titlebar-hover.png) repeat-x center left;
	margin-bottom: 8px; /*bottom spacing between header and rest of content*/
	margin-top: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 0px; /*header text is indented 10px*/
	padding-left:10px;
	padding-right:25px; 
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
}



/********************  Ende Layout  ********************/



/********************  Beginne Login  ********************/
.top {
margin-bottom: 15px;
}
.buttondiv {
margin-top: 10px;
}
.messagebox{
	position:absolute;
	width:100px;
	margin-left:0px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:0px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:0px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}


.loginfail{
	width:148px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	font-weight:bold;
	color:#CC0000;
	padding:5px;

}


.loginfaillong{
	width:675px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	font-weight:bold;
	color:#CC0000;
	padding:5px;
	margin-top:10px;
}



.loginrightlong{
	width:675px;
	border:1px solid #0B610B;
	background:#81F781;
	font-weight:bold;
	color:#0B610B;
	padding:5px;
	margin-top:10px;
}

/********************  Ende Login  ********************/




/********************  Beginne Content  ********************/


.textlink { font: 12px Arial; text-decoration: none; color: #CC0000;}

.textlink A:link    {color: grey; font: 12px Arial; text-decoration: none; color: #CC0000;}
.textlink A:visited {color: grey; font: 12px Arial; text-decoration: none; color: #CC0000;}
.textlink A:active  {color: grey; font: 12px Arial; text-decoration: none; color: #CC0000;}
.textlink A:hover   {color: grey; font: 12px Arial; text-decoration: none; color: #E59900;}


.textmini { font: 9px Arial; text-decoration: none; color: #CC0000; margin-top:2px;}

.textmini A:link    {color: grey; font: 9px Arial; text-decoration: none; color: #CC0000; margin-top:2px;}
.textmini A:visited {color: grey; font: 9px Arial; text-decoration: none; color: #CC0000; margin-top:2px;}
.textmini A:active  {color: grey; font: 9px Arial; text-decoration: none; color: #CC0000; margin-top:2px;}
.textmini A:hover   {color: grey; font: 9px Arial; text-decoration: none; color: #E59900; margin-top:2px;}


.textsmall { font: 10px Arial; text-decoration: none; color: grey;}
.textbig { font: 12px Arial; text-decoration: none; color: #000000; font-weight:bold;}

.text { font: 12px Arial; text-decoration: none; color: #000000;}

.titellogin { font: 14px Trebuchet MS,arial; text-decoration: none; color: #8A4B08; font-weight:bold;}
.textlogin { font: 12px Trebuchet MS,arial; text-decoration: none;}




.schonangemeldet{
	width:auto;
	border:1px solid #8A4B08;
	background:#F5D0A9;
	padding:3px;
	color:#8A4B08;
	margin-bottom:10px;
}

.schonangemeldet A:link{color:#8A4B08; text-decoration: underline; font-weight:bold;}
.schonangemeldet A:active {color:#8A4B08; text-decoration: underline; font-weight:bold;}
.schonangemeldet A:visited{color:#8A4B08; text-decoration: underline; font-weight:bold;}
.schonangemeldet A:hover{color:black; text-decoration: underline; font-weight:bold;}




h1 {
	font-size:18px;
	font-style:italic;
	margin-top:10px;
	margin-bottom:10px;
	color: #613A64;
	border-bottom:2px solid #A0B12A;
}


h2 {
	font-size:18px;
	font-style:italic;
	margin-top:10px;
	margin-bottom:10px;
	color: green;
	border-bottom:2px solid #A0B12A;
}


h3 {
	font-size:18px;
	font-style:italic;
	margin-top:10px;
	margin-bottom:10px;
	color: red;
	border-bottom:2px solid #A0B12A;
}

h4 {
	font-size:14px;
	font-style:normal;
	margin-top:10px;
	margin-bottom:10px;
	color: #A0B12A;
	border-bottom:1px solid #613A64;
}


h9 {
	font-size:1px;
	font-weight:bold;
	color: #F6E3CE;
}



table.content_table
{
width: 100%; 
border-width: 2px 2px 2px 2px;
border-spacing: 0px;
border-style: solid solid solid solid;
border-color: #F5D0A9 #F5D0A9 #F5D0A9 #F5D0A9;
background-color: #F6E3CE;
border-collapse: collapse;
}

table.content_table td
{
width:90px;
padding: 4px;
font: 12px Trebuchet MS,arial;
}








/********************  Ende Content  ********************/




/********************  Beginne Standard Formular  ********************/

#usernamechk{
	width:240px;
	padding:3px;
	border:1px solid;
}

#tick{display:none}
#cross{display:none}



.enterfail {
	font-size:12px;
	margin-left:10px;
}

.captcha {
	margin-top:3px;
}


.formabstand {
	width:auto;
	border:0px solid;
	padding:0px;
	margin-bottom:10px;
}

.contenttitel {
	font-size:14px;
	font-weight:bold;
	color: #8A4B08;
}

.need {
	font-size:9px;
	font-weight:bold;
	color: red;
	margin-left:5px;
	margin-right:5px;
}


.formtype {
	width:240px;
	border:solid 1px #000;
	padding:3px;
}

.formdrop {
	width:240px;
	border:solid 1px #000;
	padding:3px;
}

.formdropday {
	width:50px;
	border:solid 1px #000;
	padding:3px;
}

.formdropmonth {
	width:110px;
	border:solid 1px #000;
	padding:3px;
}

.formdropyear {
	width:72px;
	border:solid 1px #000;
	padding:3px;
}

.formradio {
	border:solid 1px #000;
	padding:3px;
}

.formbutton {
	width:240px;
	border:solid 1px #000;
	padding:3px;
}


/********************  Ende Standard Formular  ********************/






.mainbox
{
width:250px;
margin:50px;
}
.text_wrapper
{
border:solid 1px #0099CC;
padding:5px;
width:187px;
}
.edit_link
{
float:right
}
.editbox
{
overflow: hidden;
height: 61px;
border:solid 1px #0099CC;
width:190px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:5px
}