/**************** Common definitions ****************/
body
{
	margin: 0px auto 0px 20px;
	/*margin:0;*/
	padding: 0;
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	/*width: 900px;*/
	width: 771px;
	/*width: 100%;*/
	float:left ;
}

#page {
                font-size: 100%;
                width: 820px;
                height: auto;
                margin-top: 10px;
                padding: 0;
                text-align: center;
                background: #FFFFFF;
                border: none;
                border-bottom: none;
                margin-right: auto;
                margin-left: auto;
}

div, span
{
	margin: 0;
	padding: 0;
}

h1
{
	font-size: 14px;
	margin-bottom: 1px;
}

h2
{
	font-size: 12px;
	color: #616161;
	margin-bottom: 1px;
}

h3
{
	font-size: 10px;
	font-weight: normal;
}

.clearer
{
	clear: both;
}

/************ Column structure ****************/

#completeContainer
{
	width: 100%; /*border: 1px solid #c1c1c1;*/
	/*height: 150px;*/
}

#head
{
}

#leftcolumn
{
	width: 210px;
	/*min-height: 150px;*/
	float: left; /*background-image: url(../images/border_navi.gif);*/
}

#rightcolumn
{
	margin-left: 210px;
	/*min-height: 150px;*/
}

#content
{
	/*height: 150px;*/
}
/********** Head ********************/

#spaceOnTop
{
	height: 6px;
}

#title
{
	border-left: 10px solid #0055a2;
	border-top: 1px solid #c1c1c1;
	border-bottom: 0px solid #c1c1c1;
	/*height: 72px;*/
	width: 762px;
}

#title img
{
	margin-top: 5px;
	margin-left: 116px;
}

/********** Left column ********************/

#lcimage
{
	border-left: 10px solid #ad0808;
	/*height: 87px;*/
}

#lcimage img
{
	width: 200px;
	height: 87px;
}

#lcspace
{
	height: 20px;
}

#navigation
{
	width: 210px;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation li
{
	font-size: 10px;
	line-height: 20px;
	color: #4977a2;
	font-weight: normal;
	list-style-type: none;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 20px;
}

#navigation li.active
{
	border-top: 0px solid #c1c1c1;
	border-bottom: 0px solid #c1c1c1;
	background-image: url(../images/navigation_schmuck.gif);
}

#navigation li.active a
{
	color: #a20018;
	font-weight: bold;
}

#navigation a, #navigation a:link, #navigation a:active, #navigation a:visited, #navigation a:focus, #navigation a:hover
{
	text-decoration: none;
	color: #00569d;
}

#navigation a:active, #navigation a:hover
{
	text-decoration: underline;
	color: #00569d;
}

#navigation a:link.active, #navigation a:active.active, #navigation a:hover.active, #navigation a:visited.active, #navigation a:focus.active
{
	color: #a20018;
	font-weight: bold;
	text-decoration: none;
}


/********** Right column ********************/
#imageHead
{
	/*width: 561px;*/
	height: 65px;
	background-image: url(../images/schmuckbild_rating.gif);
	background-repeat: no-repeat;
}

#rightNavigation
{
	border-left: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	line-height: 16px;
	/*width: 561px;
	height: 40px;*/
}

#rnLinks
{
	padding: 0px 3px;
	/*height: 40px;*/
}

#rnLinks ul
{
	height: 40px;
	margin: 0;
	padding: 0;
}

#rnLinks li
{
	list-style: none;
	margin: 0px;
	padding: 2px 1px;
	float: left;
}

#rnLinks a, #rnLinks a:link, #rnLinks a:active, #rnLinks a:hover, #rnLinks a:visited, #rnLinks a:focus
{
	text-decoration: none;
	color: #00569d;
	text-transform: uppercase;
	line-height: 36px;
	margin-left: 2px;
	padding: 0px 5px;
	/*height: 40px;*/
}

#rnLinks a:active, #rnLinks a:hover
{
	text-decoration: underline;
	color: #a20018;
}

#rnLinks li.active
{
	background-color: #f4f3f3;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
}

#rnLinks li.active a
{
	color: #a20018;
}

#rightContent
{
	width: 559px;
	/*min-height: 150px;*/ /* wenn möglich, hier nach Fertigstellung auf 100% gehen */ /*border-left:1px solid #c1c1c1;	*/
}




/* -------- Contentbereich der Formulare ------------ */

#ratingcontent
{
	/*border-top: 1px solid #b4b4b4;*/
	/*padding-left: 0px;
	float: left;*/
}

#ratingcontent .labelleft
{
	display: block;
	float: left;
	text-align: left;
	width: 120px;
	min-width: 120px;
	margin-bottom: 10px;
}

#ratingcontent label
{
}

#ratingcontent fieldset br
{
	clear: both;
	height: 1px;
}

#ratingcontent .fliesstext
{
	text-decoration: none;
	color: #110F0F;
	line-height: 16px;
	margin: 15px 0px;
}

#ratingcontent .eingabe, #ratingcontent .eingabearea, #ratingcontent .eingabeshort, #ratingcontent .eingabelong
{
	margin-bottom: 10px;
	float: left;
	display: block;
	width: 150px;
	font-size: 11px;
	margin-left: 0px;
}

#ratingcontent .Punkte
{
	margin-top:3px;
	float: left;
	display: block;
	width: 150px;
	font-size: 11px;
	margin-left: 0px;
}

#ratingcontent .eingabeshort
{
	width: 50px;
}


#ratingcontent .eingabelong
{
	width: 250px;
}

#ratingcontent .eingabearea
{
	width: 150px;
}

#ratingcontent .redstar
{
	color: #a90909;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 3px;
}

#ratingcontent .redstargeno
{
	color: #FF0000;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 3px;
}

.submitbutton
{
	background: #e6e6e6;
	color: #232323;
	border: 1px solid #547ca1;
	-moz-border-radius: 4px;
}