/*******************************************************************************
********************************************************************************
	Project		: curado.de
	
	Agentur		: Fit für den Markt
	CSS 		: Betina Graf-Deveci
        Graf-Deveci     : 21/07/06

********************************************************************************
*******************************************************************************/
/* Reset all */
* { 
	padding: 0;
	margin: 0;
	border: 0;
}

.noprint {
 display: none;
}

div, p, span { 
	background-repeat: no-repeat;
}

a, a:link { 
	text-decoration: none;
}


img { 
	vertical-align: bottom;
}

ul, ol { 
	list-style-position: outside;
}

li { 
	list-style-type: none;
}

/* Links- bzw. Rechtsausrichtung für Elemente */
.flLeft { 
	float: left;
	margin: 0 10px 0 0;
}

.flRight { 
	float: right;
	margin: 0 0 0 10px;
}

.flDown {
	margin: 0 0 0 10px;
	padding-bottom: 7px;
}


.flCentered {
	text-align: center;
}


.textRight {
	text-align: right;
}

.textCentered {
	text-align: center;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.hide { 
	position: absolute !important;
	left: -1000px !important;
	top: -1000px !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
}

/* Allgemeines */


body { 
	color: #000;
	font-family: verdana, helvetica, arial, sans-serif;
}

h1 { 
	display: block;
	color: #24a9f7;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 1.7em;
	line-height: 1.3em;
	padding: 3px 0 10px 0;
}

h2 { 
	margin: 18px 0 10px 0;
	color: #24a9f7;
	font: bold 1em/1.6 verdana, arial, helvetica, sans-serif;
}

h2.bground { 
	margin: 0;
	padding: 0 10px;
	background: #fff url(nav-gr.gif) 0% 0% repeat-x;
	border-bottom: 2px solid #b9d9ee;
	border-right: 1px solid #b9daed;
	border-left: 1px solid #e9f4fa;
	color: #4f4f4f;
}

h3 {
	font-family:verdana, sans-serif;	
	color: #3DA83D;
	padding: 0 0 5px 0;
	line-height: 1.2em;
	font-size: 1.1em;
}

#welcome h2 { 
	margin: 0;
	padding: 1em;
	background: #fff;
	border-bottom: 2px solid #b0b0b0;
}

h3#listarticles { 
	clear: both;
	color: #24A9F7;
	line-height: 1.0em;
	margin: 1.2em 0 0.5em 0;
	font-weight: bold;
}

h2 a, 
h3 a,
p.aname, 
p.aname a { 
	color: #24a9f7;
}

#content table { 
	font-size: 1em;
}

.form-box form legend, 
#skip-navi { 
	font-size: .85em;
}

#fleft-start, 
#content-start, 
#content, 
#content .image p, 
#fleft, 
#fright, 
#footer, 
#s-navi, 
#r-navi, 
#m-navi,
#search input.fsubmit { 
	font-size: .75em;
}

p, ul, ol, dl { 
	margin-bottom: 1em;
	line-height: 1.4em;
}

#fleft-start ul, 
#m-navi ul.navi { 
	line-height: 1em;
}

strong { 
	font-weight: bold;
}

/*	Page Structure ************************************************************/
#website { 
	display: inline;
	float: left;
	width: 90%;
	margin: 0.5em;

	background: #fff url(bg_wst.png) 100% 0% repeat-y;
	z-index: 1;
}

#websiteforum { 
	display: inline;
	float: left;
	width: 98%;
	margin: 0.5em;
	border: 2px solid #b0b0b0;
	background: #fff url(white.gif) 100% 0% repeat;
	z-index: 1;
}

/*	For IE */
#website2 { 
	float: left;
	width: 100%;
}



#forum { 
	display: inline;
	float: left;
	width: 98%;
	margin: 0.5em;
	border: 2px solid #b0b0b0;
	background-color: #fff;
}

.forum-abstand { 
	padding: 0 5px 0 5px;
	border-left: 1px solid #b0b0b0;	
	border-right: 1px solid #b0b0b0;
}

#startpage #website2 { 
	background-image: url(bg_wst2.png);
	background-position: 38% 0%;
	background-repeat: repeat-y;
}


#wrapper { 
	float: left;
	width: 100%;
}



#fleft { 
	float: left;
	margin-left: -100%;
	width: 200px;
}

#fright { 
	float: left;
	margin-left: -230px;
	width: 230px;
}

/*	startpage specific -------------------------------------------------------*/

#startpage #content { 
	margin: 0 230px 0 38%;
	border-top: 2px solid #b0b0b0;
}

#startpage #fleft { 
	margin-left: -100%;
	width: 38%;
	border-top: 2px solid #b0b0b0;
}

#startpage #fright { 
	border-top: 2px solid #b0b0b0;
}

/*	end startpage specific ---------------------------------------------------*/

/*	startpage top (picture, navi) --------------------------------------------*/
#wrapper-start { 
	float: left;
	width: 100%;
	background: #f1fff0;
}

#content-start { 
	margin: 0 128px 0 38%;
}

#content-start p, 
#content-start ul, 
#fleft-start p, 
#fright-start p { 
	margin: 0;
}

#fleft-start { 
	float: left;
	margin-left: -100%;
	width: 38%;
	background-image: url(startpic1.jpg);
	background-repeat: repeat-x;
}

#fright-start { 
	float: left;
	margin-left: -128px;
	width: 128px;
}

/*	end startpage top (picture, navi) ----------------------------------------*/

#footer { 
	float: left;
	clear: both;

}

/*	Header ********************************************************************/
#logo { 
	float: left;
	width: 29.9%;
}

#logo a { 
	display: block;
	width: 200px;
	height: 72px;
	text-indent: -1000em;
}

#logo a:hover { 
	text-decoration: none;
}

#hdr-right { 
	float: right;
	margin-right: 20px;
}

#search { 
	float: right;
	width: 220px;
}

/*	lists *********************************************************************/
.navi { 
	margin: 0;
}

#s-navi, 
#r-navi { 
	float: left;
	width: 20%;
}

/*	skip navi ----------------------------------------------------------------*/
#skip-navi { 
	margin: 0;
	padding: 0;
}

#skip-navi li { 
	position: absolute;
	top: -1000px;
	left: -1000px;
	margin: 0;
	padding: 0;
}

#skip-navi li a { 
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 2px;
	width: 15em;
	background: #3da83d;
	color: #fff;
	font-weight: bold;
	z-index: 10;
}

#skip-navi li a:focus, 
#skip-navi li a:active { 
	display: block;
	position: absolute;
	top: 1015px;
	left: 1100px;
	padding: 2px;
	width: 15em;
	background: #3da83d;
	color: #fff;
	font-weight: bold;
	z-index: 10;
}

/*	startpage navi -----------------------------------------------------------*/
#fleft-start ul { 
	display: inline;
	float: right;
	width: 145px;
	border-bottom: 2px solid #5da6d0;
	border-left: 2px solid #b0b0b0;
}

#fleft-start ul li { 
	display: block;
}

#fleft-start ul li a { 
	display: block;
	padding: 12px 0 11px 0;
	background: #fff url(hauptnav-gr.gif) 0% 0% no-repeat;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#fleft-start ul li a:hover { 
	background: #fff url(hauptnav-he.gif) 0% 0% no-repeat;
	color: #78c478;
}

/*	start navi ---------------------------------------------------------------*/
#s-navi { 
	float: left;
	margin: 2px 6px 0 0;
	width: 10em;
	border: 1px solid #cee8cd;
	font-weight: bold;
	text-align: center;
}

#s-navi li.active, 
#s-navi li a { 
	display: block;
	padding: 1px 2px 1px 3px;
	border: none;
}

#s-navi li.active, 
#s-navi li a:hover { 
	background: #f1fff0  url(hauptnav-mini-he.gif) 50% 0% no-repeat;
	color: #78c478;
}

#s-navi li a { 
	background: #7bcbf8 url(hauptnav-mini-gr.gif) 50% 0% no-repeat;
	color: #fff;
}

/*	r navi -------------------------------------------------------------------*/
#r-navi ul { 
	float: left;
	margin: 2px 0 2px 2px;
	padding-bottom: 1px;
	width: 11em;
	border: 1px solid #cee8cd;
}

#r-navi ul li { 
	display: block;
}

#r-navi ul li a, 
#r-navi ul li.active { 
	display: block;
	padding: 4px 15px 4px 30px;
	background: #f1fff0;
	background-repeat: no-repeat;
	color: #797979;
}

#r-navi ul li a:hover, 
#r-navi ul li.active { 
	background: #fff;
	background-repeat: no-repeat;
	color: #3da83d;
}

#r-navi ul li#r-home a { 
	background-image: url(nav-home-gr.gif);
}

#r-navi ul li#r-home a:hover, 
#r-navi ul li#r-home.active { 
	background-image: url(nav-home-he.gif);
}

#r-navi ul li#r-sitemap a { 
	background-image: url(nav-sitemap-gr.gif);
}

#r-navi ul li#r-sitemap a:hover, 
#r-navi ul li#r-sitemap.active { 
	background-image: url(nav-sitemap-he.gif);
}

#r-navi ul li#r-contact a { 
	background-image: url(nav-kontakt-gr.gif);

}

#r-navi ul li#r-contact a:hover, 
#r-navi ul li#r-contact.active { 
	background-image: url(nav-kontakt-he.gif);
}

/*	m navi -------------------------------------------------------------------*/
#m-navi { 
	clear: both;
	float: left;
	width: 100%;
}

#m-navi ul { 
	float: left;
	width: 100%;
	background-image: url(nav-gr.gif);
	border-top: 2px solid #b0b0b0;
}

#m-navi ul li { 
	display: block;
	float: left;
}

#m-navi ul li.active, 
#m-navi ul li a { 
	padding: 5px 11px;
	border-right: 1px solid #b9daed;
	border-left: 1px solid #e9f4fa;
}

#m-navi ul li.active { 
	background: url(nav-he.gif);
	color: #24a9f7;
}

#m-navi ul li a { 
	display: block;
	background: url(nav-gr.gif);
	color: #797979;
}

#m-navi ul li a:hover { 
	background: url(nav-he.gif);
	color: #24a9f7;
	text-decoration: underline;
}

/*	left navi ----------------------------------------------------------------*/

#fleft ul.navi { 
	float: left;
	width: 100%;
	background-color: #f1fff0;
	border-bottom: 1px solid #cee8cd;
}

#fleft ul.navi li { 
	border: 1px solid #cee8cd;
	border-bottom: 0;
}

#fleft ul.navi li.active, 
#fleft ul.navi li a { 
	display: block;
	border-bottom: 1px dotted #3da83d;
	padding: 4px 4px 4px 22px;
	border-bottom: 1px solid #fff;
	color: #797979;
	text-decoration: none;
}

#fleft ul.navi li.active { 
	background-color: #fff;
	color: #3da83d;
	background-image: url(fleftline.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#fleft ul.navi li a:hover { 
	background-color: #fff;
	color: #3da83d;
	text-decoration: underline;
	background-image: url(fleftline.gif);
	background-position: left;
	background-repeat: no-repeat;
}

/*	breadcrumb navi ----------------------------------------------------------*/
p#b-navi { 
	margin: 1em 0;
}

#content p#b-navi span { 
	color: #24a9f7;
	font-weight: bold;
}

p#b-navi a { 
	color: #24a9f7;
}

/*	Forms *********************************************************************/
#search { 
	margin-top: 34px;
}

#search input { 
	padding-bottom: 1px;
	background: none;
	border: 1px solid #cee8cd;
	color: #000;
}

#search span.fsubmit input { 
	padding: 0 2px;
	background-color: #8fe98f;
	border: 1px solid #fff;
	border-right-color: #797979;
	border-bottom-color: #797979;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/*	Content *******************************************************************/
#content p span { 
	color: #f90;
}

/*	address - form-box -------------------------------------------------------*/
/* 	fleft-dist -> Fehler Nachricht beim Votingmodul */
p.fleft-dist, 
#fleft .form-box p, 
#fleft .form-box h2, 
#fright h2 { 
	padding-left: 10px;
}

/*	auswahl im form */
#fleft .form-box fieldset p { 
	padding-left: 0;
}

.address, 
.form-box { 
	clear: both;
	/*
	float: left;
	width: 100%;
	*/
	margin-bottom: 1.2em;
}

#fleft .form-box { 
	float: left;
	margin-top: 0.6em;
	width: 200px;
}

.address form fieldset, 
.form-box form fieldset { 
	padding: 10px;
	background: #f1fff0;
	border: 1px solid #cee8cd;
}

.address form legend, 
.form-box form legend { 
	padding: 3px;
	background: #cee8cd;
	border: 1px solid #cee8cd;
	font-weight: bold;
}

#fleft .form-box form legend { 
	margin-bottom: 9px;
}

#fleft .form-box form p { 
	line-height: 1em;
}

.address form label, 
.form-box form label { 
	display: block;
	margin: 5px 0;
}

#fleft .form-box form label { 
	display: inline;
	margin: 0;
}

#content .address form select, 
#fright .address form select, 
.form-box form select, 
.form-box form input, 
.form-box form textarea { 
	width: 270px;
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 2px solid #d4d0c8;
	border-bottom: 2px solid #d4d0c8;
}

#fleft .form-box form input { 
	width: auto;
	vertical-align: middle;
}

#fright .address form select { 
	width: 200px;
}

/* JS Conter Readonly Field */
.form-box form input.counter { 
	background: none;
	border: 0;
	font-weight: bold;
}

.address input.fsubmit, 
.form-box input.fsubmit { 
	width: auto;
	padding: 2px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #808080;
	border-bottom: 2px solid #808080;
}

.address table { 
	width: 100%;
}

.address table caption, 
.address table th, 
.address table td { 
	padding: 2px 8px;
}

.address table caption { 
	background: #b4dcb2;
	text-align: left;
}

.address table th { 
	background: #cee8cd;
	text-align: left;
}

.address table tr.colored td { 
	background: #f1fff0;
}

.address table tfoot td { 
	background: #cee8cd;
}

/*	Welcome *******************************************************************/
#welcome { 
	margin: 0;
	height: 177px;
	background: #f1fff0;

}

html>body #welcome { 
	height: auto;
	min-height: 177px;
}

#welcome p { 
	padding: .75em;
}

/*	Teaser ********************************************************************/
.teaser, 
.teaser-start { 
	clear: both;
	/*
	float: left;
	width: 100%;
	*/
	background-image: url(signet2.gif);
	background-position: 5px 12px;
	background-repeat: no-repeat;
}

.teaser div, 
.teaser-start div { 
	position: relative;
	margin: 0 15px 7px 15px;
	border-top: 1px solid #eee;
}

.teaser-start div { 
	border: none;
}

.teaser h2 { 
	margin: 0;
}

.teaser h2, 
.teaser-start h2, 
.teaser h3, 
.teaser-start h3 { 
	padding: 1.2em 0 .7em 0;
	color: #24a9f7;
	font-weight: bold;
}

.teaser h3, 
.teaser-start h3 { 
	padding: 1.4em 0 .9em 0;
	line-height: 1.4em;
}

.teaser p.aname, 
.teaser-start p.aname { 
	margin-bottom: .5em;
}

.teaser p, 
.teaser-start p { 
	margin: 0 0 .5em 0;
}

.teaser p img, 
.teaser-start p img { 
	margin-top: 4px;
}

#fright .teaser p.pmore, 
#fright .teaser-start p.pmore { 
	position: relative;
	width: 100%;
}

#fright .teaser p.pmore a.more, 
#fright .teaser-start p.pmore a.more { 
	position: absolute;
	left: 102px;
	bottom: 0px;
	white-space: nowrap;
}

body .teaser p.link-more, 
body .teaser-start p.link-more { 
	padding-top: 8px;
}

body .teaser p a, 
body .teaser-start p a { 
	padding: 5px 13px 3px 13px;
	background-color: #f1fff0;
	border-right: 1px solid #cee8cd;
	border-bottom: 1px solid #cee8cd;
	color: #3da83d;
	font-weight: bold;
	text-align: center;
}

body .teaser p a:hover, 
body .teaser-start p a:hover { 
	border-right: 1px solid #797979;
	border-bottom: 1px solid #797979;
	text-decoration: none;
}

/*	Footer ********************************************************************/




/*	Sitemap *******************************************************************/
ul.sitemap1 { 
	margin-top: 1.2em;
}

ul.sitemap1 li { 
	font-weight: bold;
}

#content ul, 
ul.sitemap1 ul { 
	margin-top: 10px;
	margin-left: 30px;
}

#content ul li, 
ul.sitemap1 ul li { 
	list-style-type: disc;
}

ul.sitemap1 ul ul { 
	margin-top: 0;
}

#content ul li li, 
ul.sitemap1 ul li li { 
	list-style-type: circle;
}


/*	letter navi --------------------------------------------------------------*/
#letterNavi li { 
	display: inline;
	font-weight: bold;
}

#letterNavi li a { 
	color: #24a9f7;
}

dl.dictionary dt { 
	margin: 6px 2% 0 0;
	padding: 5px 0 0 5px;
	color: #24a9f7;
	font-weight: bold;
}

dl.dictionary dd { 
	margin: 12px 2% 12px 0;
	padding: 0 4em 5px 2em;
}
a.dictionary { 
	border-bottom: 1px dotted #24a9f7;
	color: #24a9f7;
}

a.dictionary:hover { 
	color: #3da83d;
	border-bottom: 1px dotted #3da83d;
	text-decoration: none;
}


/* lines for reset - links in teaser*/
body .teaser p a.dictionary, 
body .teaser-start p a.dictionary { 
	padding:0;
	background:none;
	border:0;
	font-weight:normal;
	text-align:left;
	
	border-bottom: 1px dotted #24a9f7;
	color: #24a9f7;
	
}

body .teaser p a.dictionary:hover, 
body .teaser-start p a.dictionary:hover { 
	border:0;
	
	border-bottom: 1px dotted #3da83d;
	color: #3da83d;
}


/*	sachverwandt -------------------------------------------------------------*/
body #content ul.sachverwandt {
	margin:0;
	padding:0;
}
body #content ul.sachverwandt li {
	display:inline;
	list-style-type:none;
}


/*	decorations --------------------------------------------------------------*/

acronym, abbr {

}