/*
	last update: 10.07.10
	version: 1.0
	authors: jn
	farben:
	body hintergrund (curry): #D3CC58
	Text, Navigation (grau): #666
	Navigation (blau): #91A0B3 (Text), #a8bdd0 (Hintergrund)
	Sandfarbe hell: #f1eecb
	Sandfarbe mittel: #eceaba
	Sandfarbe dunkel: #DBD994
	Hellblau: #E1E8F0
	Orange: #FFAC00
*/

/* Standards */
* 			{ margin: 0; padding: 0; }
html 			{ zoom: 1; } /* IE */
* html ul li a 		{ height:1em; } /* IE6 whitespace bug */ 
body			{ color: #666; background-color:#D3CC58; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; line-height: 14pt; }
* :focus, * :active 	{ outline: 0 none; -moz-outline: 0 none; }
ul 		 	{ list-style:none; }
a 			{ color:#666; }
a:hover 		{ color:#333; }
.clear			{ clear:both; }

/* Listen */
ul			{ margin:10px 0 10px 0 }
li			{ background-image: url("images/square.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-left:15px; }

/* Layout */
#wrapper		{ width:915px; margin:0 auto; } /* umschliesst #header, #pagewrapper und  #footer */
#header			{ height:157px; background-color:#fff; background-image: url("/css/images/concadora_logo.gif"); background-repeat: no-repeat; }
#pagewrapper		{ width:915px; background-color:#fff; background-image: url("/css/images/bg_pagewrapper.gif"); background-repeat: repeat-y;  } /* umschliesst #menu und  #contentwrapper */
#menu			{ width:159px; float:left; display:inline; }
#contentwrapper		{ width:746px; margin-left:10px; float:left; display:inline; } /* umschliesst #content und  #rightcolumn */
#content		{ width:530px; float:left; display:inline; }
#rightcolumn		{ width:196px; float:right; margin-right:10px; display:inline; }
#footer			{ height:10px; background-color:#fff }

/* Header-Navigation */
#headernavi		{ float:right; margin-right:10px; margin-top:100px; font-size:9pt; color:#fff; }
#headernavi a		{ color:#fff; text-decoration:none }
#headernavi a:hover	{ color:#333 }
#headernavi a.current	{ color:#333 }

/* Content */
#content	{ /* letter-spacing:0.1em */ }
#content h1	{ font-size:16pt; line-height:18pt; text-transform:uppercase; font-weight:normal; margin-bottom:4px; margin-top:14px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; }
#content h2	{ font-size:14pt; line-height:16pt; text-transform:uppercase; font-weight:normal; margin-bottom:10px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; }
#content h3	{ font-size:12pt; line-height:14pt; text-transform:uppercase; font-weight:normal; margin-bottom:8px; margin-top:5px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; } 
#content h4	{ font-size:11pt; line-height:12pt; margin-bottom:5px; } 
#content hr	{ margin-top:15px; margin-bottom:15px; border-top: 1px solid #fff; border-bottom:1px solid #999; border-left:1px solid #fff; border-right:1px solid #fff; height:1px; }

/* Bilder im Content */
#content .breitbild, .editmode .breitbild	{ margin-top:10px; margin-bottom:10px; }

/* Standardtabelle im Content */
.contenttable td		{ vertical-align:top }
.contenttable td.bottom		{ vertical-align:bottom }
.contenttable td.bestellbutton	{ background-color:#DBD994; padding:6px 10px 6px 20px }

/* Textfelder mit unterschiedlichen Hintergrundfarben */
.textfield_weiss	{ width:490px; padding:20px; background-color:#fff }
.textfield_hell		{ width:490px; padding:20px; background-color:#f1eecb }
.textfield_mittel	{ width:490px; padding:20px; background-color:#eceaba }
.textfield_hellblau	{ width:490px; padding:20px; background-color:#E1E8F0 }
.textfield_hellblau_border	{ width:490px; padding:20px; background-color:#E1E8F0; border-top:10px solid #fff; border-bottom:10px solid #fff; }


.morelink a	{ text-decoration:underline; line-height:20pt; background-image: url("/css/images/arrow_right.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-left:15px; }

/* spezielle Links */
.pfeillink	{ text-decoration:underline; line-height:20pt; background-image: url("/css/images/arrow_right.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-left:15px; }
.seitenanfang	{ text-decoration:underline; line-height:20pt; background-image: url("/css/images/arrow_top.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-left:15px; }
.pfeilback	{ text-decoration:underline; line-height:20pt; background-image: url("/css/images/arrow_back.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-left:15px; }


/* Sonderformate */
.kastenorange	{ background-color:#FFAC00; color:#fff; font-size:12pt; font-weight:bold; margin:0 -20px 0 -20px; padding:0 10px 0 20px; width:500px; line-height:30px; position:relative; top:20px; display:inline-block; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; } /* Kasten, span */

/* Navigation links */
#menu ul		{ margin:0 0 0 10px; border-top:1px dotted #999 } /* Standard-Listenformatierung zurücksetzen */
#menu ul li 		{ background-image:none; padding:2px 0 2px 0; border-bottom:1px dotted #999 }

/* Level 1 */
#menu ul li a		{ text-transform:uppercase; color:#666; font-size:9pt; padding:2px 2px 2px 5px; display:block; text-decoration:none; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; line-height:18pt;  }
#menu ul li a:hover	{ color:#fff; background-color:#a8bdd0 }
#menu ul li a.current	{ color:#fff; background-color:#a8bdd0; }

/* Level 2 */
#menu ul ul			{ margin-top:2px; margin-left:0 }
#menu ul ul li			{ border-bottom:none; padding:6px 0 6px 0; }
#menu ul ul li a		{ text-transform:none; line-height:11pt; padding-left:13px; font-family: Arial, Helvetica, sans-serif; }
#menu ul ul li a:hover		{ color:#91A0B3; background:none; }
#menu ul ul li a.current	{ color:#91A0B3; background:none; }

/* Subnavigation im Content */
.linkbox		{ text-decoration:none }
.linkbox ul		{ margin:0; }  /* Standard-Listenformatierung zurücksetzen */
.linkbox ul li		{ background-image:none; padding-left:0 }

.linkbox a		{ background-image: url("/css/images/arrow_right.gif"); background-repeat: no-repeat; background-position: 0 1px; padding-left:15px; text-decoration:none }
.linkbox a.current	{ color:#333 }


/* Rechte Spalte */
.rightbox { width:196px; }
.rightbox h1 { padding: 10px 5px 0 10px; text-transform:uppercase; font-size:10pt; line-height:12pt; font-weight:normal; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; }
.rightbox h2 { font-size:12pt; line-height:14pt; margin-bottom:10px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; }
.rightbox h3 { font-size:11pt; line-height:13pt; margin-bottom:8px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; }
.rightbox .textbox { padding: 10px; }
.rightbox .morelink {  }
.rightbox .textbox a { text-decoration:underline }
.rightbox .textbox a:hover {  }

/* Tabelle (Bild links, Mehr... Link rechts unten */
.rightboxtable { width:196px; margin-bottom:10px;  }
.rightboxtable .img { padding-left:10px; vertical-align:bottom }
.rightboxtable .morelink { vertical-align:bottom; }

/* Formulare */
#content fieldset { border: 1px solid #ddd; padding-top:20px }
#content form p { margin-bottom: 10px; }
#content form p label { float: left; width: 150px; margin-top: 4px; margin-left:0px; cursor: pointer; }
#content form select#form_Anrede { width: 80px; }
#content form .textinput { width: 330px; font-size:11px; padding:2px }
#content form .longleft { width: 253px; font-size:11px; padding:2px }
#content form .shortright { width: 60px; margin-left:5px; font-size:11px; padding:2px }
#content form .shortleft { width: 60px; font-size:11px; padding:2px }
#content form .longright { width: 253px; margin-left:5px; font-size:11px; padding:2px }
#content form .radiobtn { float:left; border:none }
#content form p label.radio { margin-top:2px; cursor: pointer; width:330px }
#content form p label.radiolabel { cursor: default;}
#content form p textarea { width: 330px; height:100px; font-family:Arial,Helvetica,sans-serif; font-size:10pt; padding:2px }
#content form p input#formInput_submit { margin-left:150px; }