/****************************************************/
/*													*/
/*		LUMIX Lounge - CSS							*/
/*													*/
/****************************************************/


/****************************************************/
/*		Allgemeine Angaben							*/
/****************************************************/

body, table, th, td, p, div, h1, h2, h3, span, iframe, form { padding: 0px;	margin: 0px; border: 0px none #000000; vertical-align: top;	text-align:left; border-collapse: collapse; }
img { display:block; padding:0px; margin:0px; border: 0px none #000000;}
table {	border-spacing: 0px; }
body { background: #576876; color: #C8C8C8;	font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 11px; }
a { color: #C8C8C8; text-decoration: none; }
a span { text-decoration: underline; }
a img { border: 0px none #000000; }
input, select, textarea { font-size: 11px; line-height: 14px; font-family: Arial,Verdana,Helvetica,sans-serif; padding-left:4px;}
/* 		start: wird noch nicht benutzt 				*/
body.print { background: #ffffff; color: #C8C8C8; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 11px; line-height:14px; margin: 10px;	padding: 0; text-align: left; overflow: visible; }
/* 		ende: wird noch nicht benutzt 				*/



/****************************************************/
/*		Allgemeine Klassen							*/
/****************************************************/

.separatorBoxColumn { width:10px; }
.imagecaption {	padding-top:3px; color:#878787; font-size:10px; font-weight:bold; line-height:13px; }
.imagetable {line-height:0px; font-size:0px; }
.image { line-height:0px; font-size:0px; }
.headingL {	color: #FFFFFF;	font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 13px; font-weight:bold;}
.arrow { display:inline; margin-right:3px; }
.linkListIconCategory { width: 12px; background-image:url("../images/icon_link_list_category.gif"); background-position: top; background-repeat: no-repeat; }
.linkListIconContent { width: 30px; background-image:url("../images/icon_link_list_content.gif"); background-position: top; background-repeat: no-repeat; }
.distance{ height:10px; line-height:0px; font-size:0px; }
.distance.mid {height: 20px;}
.contentElementHeadline, .contentElementText, .headingS, .headingL { padding:0px 0px 10px 20px; }
.contentElementHeadline { color: #8FF3FF; font-size:30px; font-weight:normal; line-height:30px;}
.subhead { font-size:13px; font-weight:bold; color:#FFFFFF; line-height: 14px; }
.subtext { font-size: 10px; }
.subtext.medium { font-size: 13px; }
.importantText { color: #FFFFFF; font-weight: bold; }
.errorText, .error { font-size: 11px; font-weight: bold; color: #FF0000; }
.availableWidth { width:100%; overflow: hidden; }
.title1{ color: #FFFFFF; font-size:12px;font-weight:bold; padding-right:20px; }
.title2{ color: #8FF3FF; font-size:12px;font-weight:bold; }

.set {clear: left; padding: 5px 0px 5px 0px;} /* defines form sets */
.set label {margin-top: 0px !important; padding-top: 0px !important;}
.set .radioButton {margin-top: 0px;}

.tab2 {margin-left: 88px;}
.tab3 {margin-left: 255px;}

a.mail:link,a.mail:visited,a.mail:hover,a.mail:active,a.mail:focus{
    background: url(../images/icon_mail.gif) no-repeat left 5px;padding-left:18px;text-decoration:underline;margin:10px 0 5px 0;display:block;}

#buddyInfo{margin-top:7px;color:#8FF3FF;font-size:11px;font-weight:normal;line-height:13px;height:33px;}
#myForumLegend{margin-top:18px;margin-left:27px;font-size:11px;}

/*	dotted-line	*/
table.line { width:100%; line-height:1px; font-size:1px; height:1px; }
table.line td { padding:0px 10px; }
table.line div { width:100%; background:url("../images/dot_line.gif") repeat-x transparent; line-height:1px; font-size:1px; height:1px; }
div.line {margin-right: 10px !important; margin-left: 10px !important; width: auto !important; height: 1px; background:url("../images/dot_line.gif") repeat-x transparent; border: none;}
.topspace {margin-top: 10px;}

div.line{ width:100%; background:url("../images/dot_line.gif") repeat-x transparent; line-height:1px; font-size:1px; height:1px;margin:10px 0px 10px 0px;}
/****************************************************/
/*		Klassen für Seitenlayouts					*/
/****************************************************/

/*** 	Container für den kompletten Inhalt	 	  ***/
/*** 	(Setzen des Hintergrundbildes etc.)		  ***/
#container { margin: auto; padding: 12px 41px 10px 42px; width: 910px; background-repeat: no-repeat; }
.openhome, .default {background-color:#6BBCBA;}
.lumixlounge {background-color:#465301;}
.produktepromotions {background-color:#1f1303;}
.fotostories {background-color:#080403;}
.veranstaltungen {background-color:#080403;}
.closedhome {background-color:#5183b1;}
.meinelounge {background-color:#22304c;}
.lumixwelt {background-color:#303240;}
.fotoakademie {background-color:#5c7c71;}
.fotoforum {background-color:#3a2933;}
.meta, .registrierung {background-color:#8fb8e7;}

/*** 	start: Header mit Logo und Navigation	  ***/
#headerArea { height:125px; width:910px; overflow:hidden; }
#logo {	width:220px; }
#headerRight { height:125px; width:670px; margin-left:10px; padding:0px 0px 0px 10px; }
#navigation {  margin:15px 0px 0px 16px; width:474px; font-size:12px; font-weight:bold; }
#navigation td { width:153px; padding-right:5px; }
#navigation span { display:block; padding-bottom:5px; color:#FFFFFF; }
#navigation a { text-decoration:none; color:#000000; }
#navigation a:hover { text-decoration:none; color:#FFFFFF; }
#login { width:180px; padding: 10px 10px 0px 0px; }
#loginBox, #logoutBox { background-color:#3F5E71; width:160px; height:105px; padding:10px 10px 0px 0px; text-align:right; overflow: hidden; }
#loginBox .text, #logoutBox .text { color: #FFFFFF; }
#loginBox table { margin-left:auto; }
#loginBox td { text-align:right; vertical-align:middle; }
#loginBox input { width:80px; height:11px; font-size:9px; vertical-align:middle; margin:0px 0px 2px 2px; }
#loginLink { color:#8FF3FF; }
#logoutBox { text-align:left; width:150px; padding:10px; }
#logoutBox div.headline { font-size:13px; font-weight: bold; color:#8FF3FF; }
#logoutLink { width: 100%; text-align: right; }
/*** 	end: Header mit Logo und Navigation 	  ***/

/*** 	start: Content-Bereich 					  ***/
/* 		Umschließender Bereich						*/
#wrap {	background-color:#1C2220; width:890px; padding:10px 10px 5px; }
#openHome, #areaPage {	height:428px; overflow: hidden; }
#categoryPage { min-height:490px; }
#main {	width:890px;}
/* 		linker Bereich für Homepage und Gabelseiten */
#columnLeft { width:210px; background-color: #2B4156; }
#columnLeft div.subhead { color:#8FF3FF; margin: 10px 10px 10px 15px; }
#columnLeft div.simpletext { margin: 10px 10px 10px 15px; }
#columnLeft table.line td {padding: 0px;}
#openHome #columnLeft table.line { background-color: #1C2220; }
/* 		linker Bereich für Kategorie-, Listing- und Contentseiten */
/* 		Seiten-Titel in der linken Spalte			 */
#titleImageLeft { width:62px; background-color: #2B4156; }
/* 		mittlerer Bereich für Homepage und Gabelseiten 	*/
#contentMiddleSmall { width:490px; padding: 0px 10px; }
#contentMiddleSmall div.openHomeImage { height:335px; }
/* 		mittlerer Bereich für Kategorie-, Listing- und Content-Seiten */
#contentMiddleBig { width:638px; padding: 0px 10px; font-size: 12px; line-height: 18px; }
#contentMiddleBig div.contentElementHeadlineVisitenkarte { color: #8FF3FF; font-size:25px; font-weight:normal; margin-top:25px; padding-left:0px;}

/* 		Visitenkarte								*/
.contentVisitenkarte{ width:490px; padding: 0px; }
.contentVisitenkarte .availableWidth { width: 490px; }
/* 		rechter Bereich 							*/
#columnRight { width:170px; background-color: #2B4156; background-image: url("../images/bg_columnRight_Registrieren.gif"); background-position: top; background-repeat: no-repeat; }
#columnRight table.line { margin: 10px 0px; }
#columnRight table.line td { padding-left: 0px; }
#columnRight div.Headline { color: #8FF4FE; font-size:13px; font-weight:bold; padding-bottom:5px; width:150px; }
#columnRight div.Text { width:150px; }
#columnRight table.imagetable { margin-bottom: 5px; }
/*		Registrieren bzw. Profil ändern (rechter Bereich) */
#register { width:150px; }
#register td.firstColorColumn {	width:10px;	background-color:#34495C; }
#register td.seperatorColumn { width:5px; }
#register td.secondColorColumn { width:10px; background-color:#8FF4FF; }
#register td.textColumn { padding:0px 10px; }
#register div { margin-top:3px; }
/*		Festes Community-Element (rechter Bereich) */
.fotoForumElement {padding-left:10px;margin-bottom:16px;}
.fotoForumElement .headline { color:#8ff3ff; font-weight:900; line-height:14px; }
.fotoForumElement .user { color:#67acbb; line-height:14px; }
.fotoForumElement .imageTitle { color:#67acbb; font-weight:bold; line-height:14px; }
.fotoForumElement .element { width:150px; overflow:hidden; }
.fotoForumElement .thumbPreview { margin-top:7px; }
.fotoForumElement .fotoColumn { width:57px; padding-right:7px; }
.fotoForumElement .fotoDetailLink { margin-bottom:6px; }
.meineLounge { padding-top:10px; background-image: url("../images/bg_columnRight_Registrieren.gif"); background-position: top; background-repeat: no-repeat; padding-left:10px; min-height:60px;}
* html .meineLounge  { height:60px; }

/*** 	end: Content-Bereich 					  ***/

/*** 	start: Footer-Bereich 					  ***/
/* 		Umschließender Bereich						*/
#footer { color:#787878; font-size:10px; }
#footer a { color:#C8C8C8; text-decoration:none; }
#footer table { width:890px; }
#footer td { vertical-align:middle; }
/* 		Panasonic Logo						*/
#logoPanasonic { width:220px; padding-right:0px; }
/* 		rechtlicher Text						*/
#disclaimer { width:490px; padding-right:10px; }
/* 		Meta-Navigation						*/
#metaNavigation { width:170px; }
#metaNavigation table { width:100%; }
#metaNavigation td#kontakt { text-align: left; }
#metaNavigation td#faq { text-align: center; }
#metaNavigation td#impressum { text-align: right; }
/*** 	end: Footer-Bereich 					  ***/

/* Forum */
.headlineBar{background-color:#2b4256;margin-bottom:5px;padding:5px 20px 5px 20px;}
.kommentarAnzahl{margin:2px 0px 1px 0px;}
.userName{color: #8FF4FE; font-size:13px; font-weight:bold;}
table.selectCategory{margin-left:20px;}
table.selectCategory td{font-size:11px;}
.forumContent{padding:20px;background-color:#24323B;}
.noFlashContent{padding:10px; color: #FFFFFF; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 13px; font-weight:bold;}
.noFlashImage{padding:10px;}
#imageMosaic {background-color:#24323b; padding: 0px; margin: 0px; height:428px;}

/*kommmentarbereich */
.commentUserName{font-weight:bold;}
.oneComment{margin:8px 0px 7px 0px;}
.commentFunctionLink{font-size:11px; background-image: url("../images/icons/arrow_right_black.gif");display:block;background-repeat:no-repeat;background-position:0px 4px;padding:0px 0px 0px 10px; }


/****************************************************/
/*		Klassen für Objektlayouts (Teaser etc.)		*/
/****************************************************/

/***	start: Elemente für Homepage 			  ***/
/* 		kleiner Teaser								*/
table.teaserImageLeftHome { width:240px; height:93px; overflow:hidden; background-color: #24323B; }
table.teaserImageLeftHome td.image { padding: 0px; width:91px; }
table.teaserImageLeftHome td.text { vertical-align: middle;	padding-right: 5px; }
table.teaserImageLeftHome div.headingTeaser { color: #8FF3FF; font-size:13px; font-weight:bold;}
/* 		großer Teaser								*/
table.teaserBigImageLeftHome { width:490px; height:140px; overflow:hidden; background-color: #394747; margin-top:10px; }
table.teaserBigImageLeftHome div.headingTeaser{ color: #FFFFFF; font-size:13px;	font-weight:bold; }
/***	end: Elemente für Homepage 			      ***/

/*** 	start: Elemente für Gabelseite 			  ***/
/* 		großer Teaser								*/
div.teaserBigArea {	width:310px; height:428px; overflow:hidden; background-color: #394847; }
div.teaserBigArea td.contentBigTeaser { text-align:left; vertical-align: top; padding:10px 10px 0px 10px; }
div.teaserBigArea td.themeText { background-image: url("../images/gabel_bg_headTeaserBig.gif"); padding-left: 10px; padding-top: 3px; width: 290px; height: 19px; color: #1C2220; font-size: 13px; font-weight: bold; }
/*	 	kleiner Teaser								*/
div.firstTeaserArea, div.nextTeaserArea { width:170px; overflow:hidden; background-color: #24323B; }
div.firstTeaserArea { height:259px; }
div.nextTeaserArea { height:159px; }
table.teaserArea td.themeText { background-image: url("../images/gabel_bg_headTeaser.gif"); padding: 2px 10px 0px 10px; width: 150px; height: 19px; color: #1C2220; font-size: 13px; font-weight: bold; }
table.teaserArea td.headline { font-size:13px; font-weight: bold; color: #87E5F0; }
table.teaserArea td.contentTeaser { text-align:left; vertical-align: top; padding:10px 10px 0px 10px; }
/*** 	end: Elemente für Gabelseite		      ***/

/*** 	start: Elemente für Kategorieseite		  ***/
/* 		großer Teaser								*/
table.teaserBigCategory { width:314px; background-color: #394747; }
table.teaserBigCategory td.teaserThemeBackground { color: #000000; font-size:12px; font-weight:bold; padding:0px 0px 0px 20px; background-image:url("../images/kategorie_bg_headTeaser.gif"); }
table.teaserBigCategory td.headline { color: #8FF3FF; font-size:20px; font-weight:normal; padding:10px 20px 0px 20px; }
table.teaserBigCategory td.image { padding:0px 20px 10px 20px; }
table.teaserBigCategory td.text { padding:0px 20px 10px 20px; }
/* 		Element rechter Bereich						*/
#categoryPage .nextBoxColumn { background-color:#24323B; width:314px; }
table.columnElementCategory { width:294px; background-color: #24323B; margin-left:20px; margin-top:20px;}
table.columnElementCategory td.headline, table.columnElementCategory td.text div.headline { color: #8FF3FF; font-size:13px; font-weight:bold; padding:0px 20px 10px 0px; }
table.columnElementCategory td.text { padding:0px 20px 10px 0px; }
table.columnElementCategory td.linkListCategory { padding:0px 20px 20px 0px; }
/*** 	end: Elemente für Kategorieseite		  ***/

/*** 	start: Elemente für Contentseiten		  ***/
/*		zwei Elemente nebeneinander 				*/
#contentPage .twoElementsHorizontal { margin:0px 0px 10px 20px; width:618px; border-collapse: collapse; }
#contentPage .twoElementsHorizontal .separatorBoxColumn { width:0px; margin:0px; padding:0px; font-size: 0px; }
#contentPage .twoElementsHorizontal .simpletext { padding:5px 10px 5px 0px; }
/* 		hellblauer Bereich							*/
#contentMiddleBig table.contentBox { width:100%; }
#contentMiddleBig td.contentTable { background-color: #ACBFC3; color: #000000; padding:20px; }
#contentMiddleBig td.contentTable a { color: #000000; text-decoration: underline; }
#contentMiddleBig td.contentTable td.linkListContent{ color: #000000; padding:0px 0px 20px 0px; }
#contentMiddleBig td.contentTable .subhead { font-size:12px; font-weight:bold; color:#000000; }

/* Grid im td.contentTable */
#contentMiddleBig table.contentTable td.col.twothird.left {width: 460px;}
#contentMiddleBig table.contentTable td.col.onethird.right {width: 138px;}
#contentMiddleBig table.contentTable td.col.full {width: 598px;}
#contentMiddleBig .headline.blue {color:#8ff3ff;font-size:20px;margin-bottom:6px;}
.navi-skip * {display: inline;}
.navi-skip {margin: 0 0 5px 5px;}
.navi-skip .back {margin-right: 45px;}

/* FLV-Videos (Lumix-FAQs) */
table.flashVideo { width:100%;margin-top:10px; }
table.flashVideo td { text-align:center; }

/* Youtube-Videos */
table.YoutubeVideo { width:100%;margin-top:10px; }
table.YoutubeVideo td { text-align:center; }

/* 		Block mit Bild und Text						*/
table.teaserImageContent { margin:0px 0px 20px 0px; }
table.teaserImageContent img { margin-bottom: 20px; }
table.teaserImageContent img.arrow { margin-bottom: 0px; }
/* 		hervorgehobener Text						*/
td.teaserTextContent{ background-color: #C4D2D5; padding:10px 20px; color: #000000; width: 558px; }
/*** 	end: Elemente für Contentseiten		  ***/

/*** 	start: Elemente für Listingseiten		  ***/
.imageListElement { background-color:#24323B; }
.imageListElement .availableWidth { width:315px;margin:0px;padding:0px; }
table.listingTable {width:315px;}
table.listingTable td.image {width:106px; padding:10px;}
table.listingTable td.text {width:179px; padding:7px 10px 10px 0px; text-align: left;}
table.listingTable .headline {color: #8FF4FE; font-size:13px; font-weight:bold;}
/*** 	end: Elemente für Listingseiten		  ***/

/*** 	start: Allgemeine Elemente				  ***/
/* 		Foto-Galerie "Mein Album" für iFrame	  	*/
/* OLD!!! */
/* #userPhotoGalleryIFrame { height:1125px; width:638px; } */
/* #imageBig { position:absolute; top:20px; left:20px; width:410px; border:#FF0000; } */


/* Ich glaube, das kann weg, da die AlbumForm jetzt analog aboutUser_tile abgehandelt wird (MAR, 24.1.07)
#albumForm #divUpControl{position:absolute; width:15px; left:623px; top:5px; z-index:1; text-align: left}
#albumForm #divDownControl{position:absolute; width:15px; left:623px; top:973px; z-index:1; text-align: left}
#albumForm #divScroll{position:absolute; background-color:#1D282F; width:11px; height:955px; top:15px; left:623px; overflow:hidden;}
#albumForm #divContainer{position:absolute; background-color:#1C2220;width:150px; height:955px; overflow:hidden; top:15px; left:469px; clip:rect(0px,150px,955px,0px); visibility:hidden; text-align: center; }
#albumForm #divContent{position:absolute; top:0px; left:0px; background-color:#1C2220; text-align: left; padding:5px 15px; }
#albumForm #divContent a:hover img {border:3px solid #8FF4FF;}
*/
table.popupLink, td.popupLink, div.popupLink {width:100%;text-align: right}
.popupLinkRight {text-align: right; margin-top: 10px; margin-bottom: 10px;}
.comment { width:410px; height:100px; overflow: scroll; }


/*		Bild Upload									*/
#imageTitleUpload{color: #8FF3FF; font-size:24px; line-height:30px; font-weight:normal; width:580px; }
#imageFrame {border:10px solid #FFFFFF;}
/* 		end: Bild Upload

/*		Foto-Galerie (Allgemein/ohne iFrame)		*/
/*		"Fotostories" (smallContainer)				*/
/*		"Öffentliches Profil" (bigContainer)		*/
#imageTitle { font-size:18px; line-height:normal; color:#8FF3FF; font-weight:normal; width:410px; overflow:hidden; margin-bottom:20px; }
#galleryHeadline{ color: #8FF3FF; font-size:24px; line-height: normal; font-weight:normal;}
#imageTitleGalleryBig { color: #8FF3FF; font-size:24px; line-height: normal; font-weight:normal;}
#imageTitleGallery { padding:5px 0px; font-weight: bold; width:410px; overflow:hidden; }
#imageFrameBig {border:10px solid #FFFFFF;margin-left:auto;margin-right:auto;}
.imageFrameSmall { border:3px solid #FFFFFF; }
.imageFrameThumb { border:2px solid #FFFFFF; }
#photoInformation { width:410px; overflow:hidden; font-size: 11px; line-height: 16px;  }
#photoInformation table { width:100%;  }
#photoInformation textarea { width:410px; }
#photoGallery .title1{ vertical-align:middle; width:130px; }
#previewLink { margin-top:4px; float:right; }
#photoGallery #bigContainer { height:auto; width:638px; background-color:#24323B; overflow:hidden; }
#photoGallery #smallContainer { height:645px; width:638px; background-color:#24323B; overflow:hidden; }
#photoGallery #contentTab { height:785px; }
#photoGallery #smallContainer #contentTab { height:645px; }
#photoGallery #firstTd { width:410px; padding:20px 38px 0px 20px;}
#photoGallery #secondTdTab{ width:170px; }
#photoGallery #divContainer { position:relative; left:0px; top:0px; height:755px; width:150px; clip:rect(0px,150px,755px,0px); overflow:hidden; text-align: center; margin-top:15px; background-color:#1C2220; }
#photoGallery #smallContainer #divContainer{ height:615px; clip:rect(0px,150px,615px,0px); }
#photoGallery #divContent { position:absolute; left:0px; top:0px; background-color:#1C2220; text-align: left; padding:0px 15px; width:120px; margin:0px;}
#photoGallery #divContent a:link img { border:3px solid #FFFFFF; }
#photoGallery #divContent a:visited img { border:3px solid #FFFFFF; }
#photoGallery #divContent a:focus img { border:3px solid #8FF4FF; }
#photoGallery #divContent a:hover img { border:3px solid #8FF4FF; }
#photoGallery #divContent a:active img { border:3px solid #FFFFFF; }
#photoGallery ul { padding:0px; margin:0px; list-style-type:none; }
#photoGallery ul li.openProfil { height:100px; }
#photoGallery #scrollContainerTd { width:12px; padding:8px 4px; }
#photoGallery #scrollBar { height:755px; margin:0px; width:12px; background-color:#1E292F; }
#photoGallery #smallContainer #scrollBar { height:615px; }
#photoGallery input { width: 260px; border:1px solid #808080; }
#photoGallery input.radioButton { width: auto; border:0px; }
#photoGallery input.checkBox { width: auto; border:0px; }
#photoGallery select { width:260px; }

/* 		PopUp										*/
#popup_body {background-color:#1C2220;text-align: center;}
.popup_header {position:relative;top:0px;left:0px;width:800px;height:59px;}
.popup_logo {position:absolute;top:0px;left:0px;width:100px;height:100%;padding:0;margin:0}
.popup_close {position:absolute;top:0px;left:700px;width:100px;height:100%;}
.popup_close_empty {position:absolute;top:0px;left:100px;width:600px;height:100%}
.popup_close2 {position:absolute;bottom:5px;right:0px;}
.popup_image {text-align: center; padding: 10px;}

/*	popUp */
#popUp{ background: url(/lumix/common/html/images/background/bg_pop_faq.jpg) repeat-y; margin: auto; padding: 12px 41px 0px 42px; }
#popUp #logo{ width:638px; }
#popUp #content{ background-color:#1C2220; height:100%; width:638px; padding:0px; margin:0px; }
#popUp #content.contentElement{ margin:0px 20px; }
#popUp #content #contentItems{ background-color: #ABBFC3; margin:0px 20px; color: #000000; }
#popUp #content .simpletext, #popUp #content .simpletextEven{ font-size: 12px; line-height: 18px; font-family: Arial,Verdana,Helvetica,sans-serif; }
#popUp #content .simpletextEven, body div#popUp div#content div.contentElementText.even { background-color:#C4D2D5; }
#popUp #closeWindow{ height:34px; text-align:right; padding-top:5px; text-decoration:underline; }
#popUp #footer{ background: url('/lumix/common/html/images/abbinder_panasonic.gif'); height:25px; padding-right:20px; text-align:right; }

#popUp #content .contentElementText {color: #000; background-color: #ABBFC3; padding-top: 20px; margin-left: 20px; margin-right: 20px;}
#popUp #content .contentElementText .subhead {color: #000; padding: 0px; margin: 0px;}
#popUp #content .simpletext {padding: 10px 60px 10px 0px;}
#popUp #content .contentElementText a {color: #000;}
#popUp #content .contentElement .contentElementHeadline .simpletext {padding-left: 0px; font-size: 30px;}

/*** 	start: Pager							  ***/
.pager { width:100%; background-color: #2b4156; }
.pager td.pagerContent { text-align:right; width: 390px; }
.pager td.pagerContent table { margin:3px 10px; }
.pager td.pagerContent table td { vertical-align:middle; padding-left:5px; }
.pager td.pagerContent .dropdownBox {width:60px;}
/*** 	end: Pager								  ***/



/*** 	end: Allgemeine Elemente				  ***/

/****************************************************/
/*		Klassen für Formulare						*/
/****************************************************/

.formular table.line { margin-top: 10px; }
.formular div.firstColor, .formular div.secondColor { padding: 10px 0px 15px; width:100%; }
.formular div.firstColor { background-color: #24323B; }
.formular div.secondColor { background-color: #2B4256; }
.formular table { width: 100%; }
.formular .headline { color: #000000; font-size: 13px; font-weight: bold; padding:2px 0px 10px 20px; background-repeat: no-repeat; }
.formular div.firstColor .headline { background-image: url("../images/background/bg_balken_grey_darkblue_short.gif"); }
.formular div.secondColor .headline { background-image: url("../images/background/bg_balken_grey_lightblue_short.gif"); }
.formular .infoText {  margin:10px 20px 20px 88px; }
.formular label { float:left; width:168px; margin:10px 0px 0px 88px; }
.formular label.left1{ font-weight: bold; }
.formular label.left2{ font-weight: normal; }
.formular div.outputText { margin: 10px 0px 0px 260px; }
.formular input, .formular select, .formular textarea { width:288px; margin:10px 0px 0px 4px; border:1px solid #808080;}
.formular input.plain, .formular select.plain {margin-left: 0px;}
.formular .textLong { width: 208px; }
.formular .textShort { width: 68px; }
.formular select.formElement {width:140px; }
.formular .labelColumn { width:256px; }
.formular .firstRadioColumn { width: 140px; }
.formular .radioButton, .formular .checkBox { width:auto; border: 0px none #000000; margin-right:3px; }
.formular .checkBox { margin-top: 0px; }
.formular table.checkBoxes { margin-top:15px; width:366px; }
.formular table.checkBoxes td { width:122px; }
.formular .subtext { margin:15px 0px 0px 88px; }
.formular div.firstColor .subtext, .formular div.secondColor .subtext { margin-right:20px; }
.formular div.errorText { margin: 10px 10px 0px 265px; width: 288px; }
.formular .einverstaendnis { margin: 10px 10px 0px 88px; }
.formular a span { vertical-align: bottom; }
.formular .einverstaendnis div.errorText, div.errorText.long { margin: 10px 10px 0px 10px; width:auto; }
.formular div.mandatoryField { width:100%; text-align: right; }
.formular .button { text-align: right; padding:15px 20px 0px 0px; }
.formular textarea { margin-left:256px; width:287px; margin-top:15px; height: 105px; }

.form input, textarea {border:1px solid #808080; }
.form input.textFirst { width: 60px; }
.form input.textSecond { width: 200px; }
.form input.textLong { width: 268px; }
.form select.textLong { width: 274px;padding:0px;}
.form input.textShort { width: 100px; }
.form textarea.textLong { width: 320px; height: 100px;}
textarea.kommentar { width: 416px; height: 96px;}
.form textarea.textShort { width: 100px; height: 50px;}
.form .radioButton .checkBox {margin-right:5px;border: 0px none #000000;}
.form .distance {height:10px; line-height:0px; font-size:0px;}
.form select{width:280px; }
.checkboxLabel{font-size:11px;vertical-align:text-top;padding:0px 0px 5px 5px;}
.checkboxUpload{border: 0px none #000000;}
.verticalDistance{margin-top:5px;margin-bottom:5px;}