body,
button,
input,
textarea,
select, td, th { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #595959; }
body { background: #e3eaf1 url(../img/bg/bg_tile.gif) repeat-x; }
table { border-collapse: collapse; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clearBoth{
	clear: both;
}


#buttonleiste .whiteBold {
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-right: 20px;
    text-align: right;
}

/*-------------------- former common.css start --------------------*/
body { margin: 0 30px 30px 30px; padding: 0; }
td { vertical-align: top; padding: 0; }
a:link, a:visited { color: #000066; text-decoration: none; font-weight: bold}
a:hover, a:active { color: #1f46b5; text-decoration: none; }
/****************
START COLORS
*****************/
.yellow { background-color:#FFCC00; }
.whiteLine { background-color:#fff; }
.header { background-color:#F6ECEA; }
/****************
END COLORS
*****************/

/****************
START FONTS
*****************/
.tData { line-height:18px; vertical-align:bottom; padding-top:5px; padding-bottom:5px; }
/* Text und Input-Felder in einer tData-Zelle */
.mixed input { position: relative; top: -2px; }
.mixedTD .eRadio { margin-top: 4px; }
.mixedTD span { position: relative; top: 4px; }
.mixedTD input { position: relative; top: 2px; }

.tDataT { line-height:18px; vertical-align:top; padding-top:5px; padding-bottom:5px; }
.tDataR { line-height:18px; padding-top:5px; padding-bottom:5px; text-align:right; padding-right:15px; }
.spalte1 { line-height:18px; vertical-align:top; padding-left:0px; padding-top:5px; padding-bottom:5px; }
.einzeilig { vertical-align:top; padding-left:0px; padding-top:5px; padding-bottom:5px; }
.tHeader { font-weight:bold; padding-left:0px; padding-top:5px; line-height: 20px; padding-bottom: 5px; }
.tHeaderW { font-weight:bold; padding-top:2px; color:#FFFFFF; }
.anmerkung { font-size:10px; }
.tErrorBlock { color:#9f0002; padding-top:2px; padding-left:0px; padding-bottom:2px; }
.tErrorMsg { color:#9f0002; padding-left:15px; padding-top:8px; padding-bottom:0px; font-weight:normal; }
.rot { color:#9f0002; }
/****************
   END FONTS
*****************/

/****************
   START GLOSSAR
*****************/
.tHeaderG { font-weight:bold; padding: 0px; color:#FFFFFF; }
.tGlossar { vertical-align:top; }
/****************
   END GLOSSAR
*****************/

/****************
   START INFO
*****************/
.info { text-align: right; }
.tInfo { vertical-align:top; }
.tHeaderI { font-weight:bold; padding-left:5px; padding-bottom:5px; }
.bgInfo { background-color:#C1CCE0; }
.infoLayer { position:absolute; top:-500px; left:517px; width:176px; overflow:visible; visibility:hidden; }

img.btInfo { cursor: pointer; display: block; width: 17px; height: 16px; margin: 0 2px 0 0; position: relative; top: 8px; }
img.inlineInfoIcon { width: 17px; height: 16px; margin-bottom: -3px; display: inline-block; }
img.layerInfoIcon { width: 17px; height: 16px; }
/****************
   END INFO
*****************/

/****************
START LINKS
*****************/
.fProzess { font-size: 11px; color:#FFFFFF; vertical-align:middle; margin-top:4px; }
/****************
END LINKS
*****************/

/****************
START FORM
*****************/
.button { background-color:#C0CCE0; color:#000066; border:1px solid #000066; margin-top:10px; }
ol.listInstructions { margin: 10px 0 10px 10px; padding: 0 0 0 18px; }
ol.listInstructions li { margin: 0 0 10px 0; }
.showStartCode { background:#fff; border:1px solid #006; padding: 2px 5px; margin-left: 10px; }
/****************
END FORM
*****************/
.webco { position:absolute; top:-10px; left:-10px; }
/*-------------------- former common.css end --------------------*/



/*-------------------- former menu.css start --------------------*/
tr.mainMenuBG td { background: url(../img/menu/bg_mainMenu.gif) no-repeat; }
tr.subMenuBG td { background: url(../img/menu/bg_subMenu.gif) no-repeat; }

#mainMenu { position: absolute; top: 65px; left: 30px; }
#mainMenuTable { margin: 0; padding: 0 2px; position: absolute; top: 65px; left: 30px; width: 657px; height: 41px; overflow: hidden; }
#mainMenu_0 { position:absolute; top:0px; left:2px; width:145px; height:41px; clip:rect(0px 145px 41px 0px); z-index:4; }
#mainMenu_1 { position:absolute; top:0px; left:147px; width:145px; z-index:3; }
#mainMenu_2 { position:absolute; top:0px; left:292px; width:145px; z-index:2; }
#mainMenu_3 { position:absolute; top:0px; left:437px; width:145px; z-index:1; }
#mainMenu_4 { position:absolute; top:0px; left:582px; width:145px; z-index:0; }

#mainMenuTable td.menu_4 table td:first-child img { width: 60px; }

#subMenu_0 { position:absolute; top:106px; left:30px; width:657px; height:32px; padding: 0 2px; clip:rect(0,657,32,0); visibility:hidden; }
#subMenu_1 { position:absolute; top:106px; left:30px; width:657px; height:32px; padding: 0 2px; clip:rect(0,657,32,0); visibility:hidden; }
#subMenu_2 { position:absolute; top:106px; left:30px; width:657px; height:32px; padding: 0 2px; clip:rect(0,657,32,0); visibility:hidden; }
#subMenu_3 { position:absolute; top:106px; left:30px; width:657px; height:32px; padding: 0 2px; clip:rect(0,657,32,0); visibility:hidden; }
#subMenu_4 { position:absolute; top:106px; left:30px; width:657px; height:32px; padding: 0 2px; clip:rect(0,657,32,0); visibility:hidden; }

.subY {}
.subY a { text-decoration:none; }
.subLight { background: url(../img/menu/bg_subMenu_tile_hover.gif) repeat-x; }
.subLight a { text-decoration:none; }

#mainMenu a,
#mainMenu span.menu { display: inline-block; line-height: 41px; height: 41px; padding-left: 5px; font-size: 16px; color: #595959; }
#mainMenu_0 a,
#mainMenu_0 span.menu { padding-left: 30px; }
#mainMenu a { text-decoration: none; }

td.subY, td.subLight { line-height: 32px; font-size: 14px; color: #595959; padding-left: 5px; padding-right: 5px; }
td.subY a, td.subLight a { display: inline-block; line-height: 32px; height: 32px; font-size: 14px; color: #595959; }
td.subY a:hover, td.subLight a:hover { color: #595959; }
td.subActive { background: url(../img/menu/bg_subMenu_tile_on.gif) repeat-x; line-height: 32px; padding-left: 10px; padding-right: 5px;  }
/*-------------------- former menu.css end --------------------*/



/*-------------------- former ie.css + ns6.css start --------------------*/
/****************
START FORM
*****************/
form { margin-top:0px; margin-bottom:0px; }
label.bLabel{color: #006;}
textarea { border: 1px solid #c7d1e2; margin: 0; padding: 0 5px; width: 190px; }
/* selectboxen */
select { font-size: 14px; color:#000066; padding: 1px 2px 1px 5px; border:1px solid #c7d1e2; height: 22px; }/*  height:19px; margin-right:2px; margin-bottom:6px; border:1px solid #000066; */
select.sLong { width: 190px !important; }
/* input fields */
input { font-size: 14px; margin-right:2px; }
input:disabled { background: #d9dfec !important; }/* #f1f5f8 */
select:disabled { background: #d9dfec !important; }/* #f1f5f8 */
.tDay,
.tYear,
.tSmall,
.tLong,
.tPLZ,
.plz,
.ort { vertical-align:middle; padding: 1px 5px 1px 5px; border: 1px solid #c7d1e2; height: 22px; margin: 0 2px 0 0; }

.tDay { width: 30px; margin-right: 0px;  }
.tYear { width: 60px; }
.tSmall { width:70px; }
.tMiddle { width:100px; }
.tLong { width: 190px; }
.tPLZ { width: 60px; }
.plz { width: 50px; }
.ort { width: 135px; margin-right: 0; }

.dateDot{
	vertical-align: bottom;
}

/* radio buttons */
.eRadio { margin-top:2px; margin-bottom:3px; margin-left:0px; vertical-align:middle; }
/* checkboxes */
.eCheckbox { margin-top:4px; margin-right:0px; }
/****************
END FORM
*****************/
/*.spaceSatellit { padding-top:10px; background-color:#DFE5EF; }*/
.invisible { display: none; height:0px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; }
/*.lighterblue { background-color:#DFE5EF; }*/
/*-------------------- former ie.css + ns6.css end --------------------*/



/* neu: */
div.infoLayer .lighterblue { background-color: #DFE5EF; }

.fProzess { color: #595959; }
.tHeaderG { color: #595959; }


.tHeader { font-family: Calibri, Arial, Helvetica,sans-serif; font-weight: bold; font-size: 15px; line-height: 18px; }


tr.separator { }
tr.separator td { height: 25px; overflow: hidden; font-size: 0; line-height: 0; }
tr.separator td.separator { background: url(../img/bg/bg_separator.gif) repeat-x; }
td.spaceSatellit { background: url(../img/bg/bg_separator.gif) repeat-x; height: 25px; overflow: hidden; font-size: 0; line-height: 0; }

.buttonleiste { height: 37px; padding-top: 8px; }
.buttonleiste a { display: block; width: 115px; height: 37px; line-height: 37px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000066; text-align: center; text-decoration: none; margin: 0; background: url(../img/bt/btns_buttonleiste_sprite.png) 0 0 no-repeat; float: left; margin-right: 10px; white-space: nowrap; }
.buttonleiste a:hover { background: url(../img/bt/btns_buttonleiste_sprite.png) 0 -40px no-repeat; color: #000066; }
.buttonleiste a.xl { background: url(../img/bt/btns_buttonleiste_sprite.png) no-repeat 0 -160px; width: 150px; }
.buttonleiste a.xl:hover { background: url(../img/bt/btns_buttonleiste_sprite.png) no-repeat 0 -200px; }
.buttonleiste a.dark { background: url(../img/bt/btns_buttonleiste_sprite.png) no-repeat 0 -80px; color: #fff; float: right; margin: 0; }
.buttonleiste a.dark:hover { background: url(../img/bt/btns_buttonleiste_sprite.png) no-repeat 0 -120px; color: #fff; }
.buttonleiste a.darkxl { background: url(../img/bt/btns_buttonleiste_sprite.png) no-repeat 0 -240px; color: #fff; float: right; margin: 0; width: 150px; }
.buttonleiste a.darkxl:hover { background: url(../img/bt/btns_buttonleiste_sprite.png) no-repeat 0 -280px; color: #fff; }
.buttonleiste a.dark.large { white-space: normal; font-size: 10px; line-height: 12px; height: 32px; padding-top: 5px; }


td.radio,
td.radioLabelBlock,
td.radioLabelInline { color: #000066; }
/*span.radioLabelAddition { color: #595959; }*/
td.radio input { margin-top: 0; }

h1 { font-size: 21px; line-height: 25px; color: #464646; font-weight: normal; margin: 23px 0 17px 0; }



/* mehrere Radiobuttons untereinander in divs in einer spalte1-Zelle - daneben mehrere einzeilige Labels in einer tData-Zelle */
.multiRadio { vertical-align: top; }
.multiRadio div { height: 23px; padding: 5px 0 0 0; }
.multiRadio .eRadio { }
.multiLabel { line-height: 28px; vertical-align: top; }

/* mehrere Checkboxen untereinander in divs in einer spalte1-Zelle - daneben mehrere einzeilige Labels in einer tData-Zelle */
.multiCheckbox { vertical-align: top; }
.multiCheckbox div { height: 23px; padding: 5px 0 0 0; }
.multiCheckbox input { }


.pictureCard { background: #e3eaf1 url(../grafiken/pictureCard/bg_picturecard.gif) no-repeat 30px 106px; margin: 0 25px 30px 25px; height: 553px; }
.pictureCard,
.pictureCard td,
.pictureCard th,
.pictureCard button,
.pictureCard input,
.pictureCard textarea,
.pictureCard select { font-size: 13px; line-height: 16px; }
.pictureCard .buttonleiste { position: absolute; top: 531px; left: 30px; width: 670px; height: 37px; z-index: 6; }
.pictureCard #reiter  { position: absolute; top: 65px; left: 30px; width: 670px; height: 41px; z-index: 1; }

.pictureCard #reiter a,
.pictureCard #reiter span { color: #595959; font-size: 16px; line-height: 41px; height: 41px; text-decoration: none; padding: 0 30px; display: inline-block; background: url(../img/menu/bg_mainMenu_tile_off.gif) repeat-x; }
.pictureCard #reiter td.active span { background: url(../img/menu/bg_mainMenu_tile_on.gif) repeat-x; }
.pictureCard #reiter a:hover { background: url(../img/menu/bg_mainMenu_tile_on.gif) repeat-x; }

.pictureCard #steps {position:absolute;top:117px;left:42px;width:155px;height:390px;z-index:1;}
.pictureCard #demo {position:absolute;top:117px;left:216px;width:473px;height:397px;z-index:1;overflow: hidden;}
.pictureCard #abdecker {position:absolute;top:116px;left:215px;width:472px;height:397px;z-index:2;background-color:#E7EAF0;border:solid 1px #9BA0C6;visibility:hidden;}
.pictureCard #motivkarte_edit_final,
.pictureCard #motivkarte_edit_annotation_final {position:absolute;top:525px;left:584px;z-index:7;}
.pictureCard #showCard {position:absolute;top:116px;left:215px;width:473px;height:278px;z-index:1;}
.pictureCard #chooseCard {position:absolute;top:435px;left:40px;width:650px;height:80px;z-index:1;background-color:#E7EAF0;clip:rect(0,650,80,0);}
.pictureCard #chooseCardFlash {position:absolute;top:403px;left:215px;width:475px;height:113px;z-index:1;clip:rect(0,475,113,0);}
.pictureCard #upload { position:absolute;top:116px;left:216px;width:452px;height:377px;z-index:1;background-color:#E7EAF0;border:solid 1px #9BA0C6;padding:10px;}