/* ----- Index ----- */
html {
	height: 100%;
	padding: 0 0 1px 0;
}
.body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.bkg_border_bgk_links {
	background-image: url(bilder/to_i_rand_l_2_bkg.jpg);
	background-repeat: repeat-y;
}
.bkg_border_bgk_rechts {
	background-image: url(bilder/to_i_rand_r_2_bkg.jpg);
	background-repeat: repeat-y;
}
.bkg_links {
	background-image: url(bilder/to_i_bkg.gif);
	background-repeat: repeat-x;
}
.bkg_links_2 {
	background-image: url(bilder/to_i_rand_l.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 560px;
	width: 67px;
}
.text_unten_blau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #00A9D2;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}
.text_unten_blau:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #00A9D2;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}
.text_unten_blau:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #7AAF2F;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}
a.text_unten_grün {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #7AAF2F;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}
a.text_unten_grün:link,visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #7AAF2F;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}
a.text_unten_grün:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #00A9D2;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}
.bkg_rechts {
	background-image: url(bilder/to_i_bkg_2.jpg);
	background-repeat: repeat-x;
}
.bkg_rechts_2 {
	background-image: url(bilder/to_i_rand_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 560px;
	width: 67px;
}
.bkg_menu_to {
	background-image: url(bilder/to_sa_bkg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bkg_menu_ck {
	background-image: url(bilder/ck_sa_bkg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.main_bkg_unten {
	background-image: url(bilder/to_i_bkg_u.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 102px;
}
.sprache_login, .sprache_login:link, .sprache_login:visited {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	color:#505551;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #219AC9;
	text-align: right;
	margin-right: 10px;
}
.sprache_login:hover {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	color:#219AC9;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #219AC9;
	text-align: right;
	margin-right: 10px;
}
.sprache_login_camping, .sprache_login_camping:link, .sprache_login_camping:visited {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	color:#505551;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6CA21A;
	text-align: left;
	margin-left: 10px;
}
.sprache_login_camping:hover {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	color:#6CA21A;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6CA21A;
	text-align: left;
	margin-left: 10px;
}

/* ----- Content ----- */
img {
	border-style:none;
}
html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
}
#wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
}
.content_body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(bilder/to_con_bkg.gif);
	background-repeat: repeat-x;
	background-color: #d1d2d2;
}
.content_bkg {
	background-image: url(bilder/to_con_bkg.gif);
	background-repeat: repeat-x;
	height: 600px;
	background-position: left top;
	background-color: #d1d2d2;
}
.content_bkg2 {
	background-image: url(bilder/to_con_bkg.gif);
	background-repeat: repeat-x;
	height: 400px;
	background-position: left top;
	background-color: #d1d2d2;
}
.content_bkg_mitte {
	background-image: url(bilder/to_con_bkg_mitte.gif);
	background-repeat: repeat-y;
}
.content_streifen {
	width: 4px;
	background-color: #FFFFFF;
}
.content_bkg_links {
	background-image: url(bilder/to_con_bkg_l.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 25px;
}
.content_bkg_rechts {
	background-image: url(bilder/to_con_bkg_r.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 25px;
}
.content_mitte {
	width: 330px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	text-decoration: none;
	background-color: #FFFFFF;
}
.content_mitte a:link, .content_mitte a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #68A326;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
.content_mitte a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AB0020;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
.content_mitte ul li ul li a:link, .content_mitte ul li ul li a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #68A326;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
.content_mitte ul li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AB0020;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
.content_mitte ul li ul li a:link, .content_mitte ul li ul li a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #68A326;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
.content_mitte ul li ul li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AB0020;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
div.content_mitte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
div.content_mitte h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #AB0020;
	padding-bottom: 5px;
	bottom: 5px;
}
div.content_mitte h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AB0020;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
	bottom: 5px;
}
.content_links {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #68A326;
}
.content_rechts {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #D1E3BD;
}
.content_footer_mitte {
	width: 330px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 40px;
}
.content_footer_links {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #68A326;
	height: 40px;
}
.content_footer_rechts {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #D1E3BD;
	height: 40px;
}
.content_adresse_links {
	padding:5px 5px 5px 20px;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:none;
	text-decoration: none;
}
.content_adresse_links a, .content_adresse_links a:link, .content_adresse_links a:visited {
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:none;
	text-decoration: none;
}
.content_adresse_links a:hover {
	color:#AB0020;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:none;
	text-decoration: none;
}
.content_emailadresse:link, .content_emailadresse:visited {
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:none;
	text-decoration: none;
}
.content_emailadresse:hover {
	color:#AB0020;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:none;
	text-decoration: none;
}
.content_lang {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #4C4C4E;
	background-image: url(bilder/to_con_lan.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 17px;
	vertical-align: middle;
}
.content_lang_txt a, .content_lang_txt a:link, .content_lang_txt a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #4C4C4E;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
.content_lang_txt a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0093D9;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
.content_lang_act, .content_lang_act:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0093D9;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
.newstext {
	color: #333333;
	font-size: 9px;
	text-align: left;
	/*padding-right: 15px;
	padding-left: 15px;*/
	text-decoration: none;
	font-weight: normal;
	background-color: #FAFCF7;
}
.newstext h2{
	color: #ab0020;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ab0020;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #D1E3BD;
}
.newstext h3{
	color: #ab0020;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ab0020;
	padding-top: 40px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #D1E3BD;
}
.newstext:link, .newstext:visited {
	color: #333333;
	font-size: 9px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.newstext2 {
	color: #333333;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
	font-weight: normal;
}
.newstext2:link, .newstext2:visited {
	color: #333333;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.newstext2:hover {
	color: #ab0700;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
div.newstext {
	color: #333333;
	font-size: 11px;
	text-align: left;
	/*padding-right: 15px;
	padding-left: 15px;*/
	font-weight: normal;
	text-decoration: none;
}
div.newstext:link, div.fk_newstext:visited {
	color: #333333;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
div.teaser2 h1{
	color: #AB0020;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-bottom: 0px;
}
div.teaser2 {
	color: #4c4c4c;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AB0020;
}
.nexstexte_titel {
	color: #AB0020;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AB0020;
	padding-left: 15px;
	padding-right: 15px;
}
.content_mitte_popup {
	width: 380px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	text-decoration: none;
	background-color: #FFFFFF;
	;
	background-image: url(bilder/to_pop_bkg.gif);
	background-repeat: repeat-y;
}
/* ----- CMS ----- */
/* die Listen in der Mitte im Content wieder normal gestalten */

div.content_mitte ul {
 	list-style-type: disc;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}

div.content_mitte ul li {
	 padding-bottom:5px;
}

div.content_mitte ol {
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

div.content_mitte ol li {
	 padding-bottom:5px;
}
.fk_content_text:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	color: #666666;
	width: 320px;
	padding-right: 15px;
	padding-left: 15px;
}
.fk_content_text:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	width: 320px;
	padding-right: 15px;
	padding-left: 15px;
}
.fk_content_text:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	color: #666666;
	width: 320px;
	padding-right: 15px;
	padding-left: 15px;
}

/* NAVIGATION: 1 VERTIKAL, 2 VERTIKAL, 3 VERTIKAL (IN DER 2ten LISTE DRIN) */
/* --------- SEHR WICHTIG! EINIGE ALLGMEINE PARAMETER RESETEN ------------*/

/* damit im explorer die listenpunkte verschwinden und man die elemente genau positionieren kann */
ul,ol,li { margin:0; padding:0 }

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

/* --------------------- NAV Links 1ter level --------------------- */

.navlinks {
 	/* border: 1px solid #666666; */
	width:200px; /* 239 -15 -10 */
	text-decoration: none;
	padding-left:0px;
	padding-right:0px;
}
	
ul.nav1st {
	margin-top: 3px;
	padding-left:0px;
}
	
ul.nav1st li {
	display:block;
	padding-bottom:0px
}

ul.nav1st li.active {
	/*border-bottom: 1px solid #509600;*/
}

ul.nav1st a, ul.nav1st a:link {
	/* border: 1px solid #666666; */
	padding:5px 5px 5px 20px;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:none;
	text-decoration: none;
	display:block;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}

ul.nav1st a:hover {
	background-color: #AB0020;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color:#ffffff;
}

ul.nav1st li a.current, ul.nav1st li a.current:link {
	background-color: #AB0020;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color:#ffffff;
}

/* --------------------- NAV Links 2ter level --------------------- */

ul.nav2nd {
	/* border: 1px solid #666666; */ 
	margin-top: 0px;
	/*background:url(bilder/fk_bkg_menu_3.gif) 0 0 repeat-y;*/
}

ul.nav2nd li {
 	/*border: 1px solid #666666;*/
	display:block;
	/*background:url(bilder/fk_bkg_menu_3.gif) 0 0 repeat-y;*/
}

ul.nav2nd a, ul.nav2nd a:link {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
	color:#505551;
	background-position: left;
	background-color: #F2F6E8;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 40px;
}

ul.nav2nd a:hover {
	background-color: #AB0020;
	color:#ffffff;
}

ul.nav2nd li a.current, ul.nav2nd li a.current:link {
	color:#AB0020;
	background-color: #F2F6E8;
}

ul.nav2nd li a.current:hover {
	color:#505551;
}

/* --------------------- NAV Links 3ter level --------------------- */

ul.nav3rd {
	/* border: 1px solid #666666; */ 
	margin-top: 0px;
}

ul.nav3rd li {
 	/* border: 1px solid #666666; */
	display:block;
}

ul.nav3rd a, ul.nav3rd a:link {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
	color:#505551;
	background-position: left;
	background-color: #CADCA8;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 60px;
}

ul.nav3rd a:hover {
	background-color: #AB0020;
	color:#ffffff;
}

ul.nav3rd li a.current, ul.nav3rd li a.current:link {
	color:#AB0020;
	background-color: #CADCA8;
}

ul.nav3rd li a.current:hover {
	color:#505551;
}
/* ----------------- JAOS Lightbox Style-Sheet ----------------- 

Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

.jaosg_nav 		{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #68a326;
	text-decoration: none;
}

.jaosg_bild		{
	text-align: center;
}

.jaosg_bildbeschreibung	{
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #68a326;
	text-decoration: none;
}
/* ls=landscape-Format der Thumbs *//*
div.ls img{
	height: 40px;
	width: 54px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-right: 0px;
	margin-left: 0px;
}
/* pt=portrait-Format der Thumbs *//*
div.pt img{
	height: 54px;
	width: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 7px;
	margin-left: 7px;
}*/
div.jaosg_gallerie {
	margin-bottom: 20px;
}

div.jaosg_title{
	/* font-size: 17px;
	color: #736036;
	margin-bottom: 5px;
	font-family:Palatino, "Times New Roman", Times, serif;
	line-height:normal;
	background-image: url(h1icon.png);
	background-repeat: no-repeat;
	background-position: 0px;
	position: relative;
	left: -36px;
	padding-left:35px; */
}

div.jaosg_einleitung{

}
div.jaosg_thumbnail{
	float: left;
	background: #f1f1f1;
	margin: 1px 1px;
}

div.jaosg_thumbnail img{
	border: 0px solid;

}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 40px;
	width: 54px;
	margin: 12px 5px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 54px;
	width: 40px;
	margin: 5px 12px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}

/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 11px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	/margin-bottom: 1px;
	margin-top: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	/*padding-right: 2px;
	padding-left: 5px;*/	
	
}
 .forminfo 
{
	width: 330px;
	margin-bottom: 15px;
	background-color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 330px;
	height: 120px;
	/*margin-left: 4px;*/
	border: 1px solid #4c4c4c;
	background-color: #ffffff;
}


/* Textfeld */
.formgen .formtext
{
	width: 210px;
	/*margin-left: 4px;
	padding-bottom: 4px;*/
	font-size: 11px;
	background-color: #ffffff;
	border: 1px solid #4c4c4c;
	float: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #4c4c4c;
	text-decoration: none;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #4c4c4c;
	background-color: #ffffff;	
}



/* Label */
.formgen label {
	width: 150px;
	clear: left;
	/*float: left;*/
	/*height: 20px;*/
	/*font-weight: bold;*/
	color: #4c4c4c;
	padding-bottom:2px;
	/*margin-bottom:1px;
	padding-top:4px;
	margin-top:4px;*/
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	/*margin-left: 4px;*/
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 150px;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #4c4c4c;
	float: none;
	color: #4c4c4c;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.formsubmit:hover
{
	width: 150px;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #4c4c4c;
	float: none;
	color: #ab0020;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
div.formblock_senden
{
	padding-left:0px;
	padding-top: 20px;
}


/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	/*border-bottom-width: 1px;*/
	color: #93110A;
	font-weight: bold;
}

.formgen .formcaptcha
{
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AB0020;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding-top:20px;
	padding-bottom: 5px;
	bottom: 5px;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */