/* $Id: screen.css,v 1.27 2010/03/03 10:51:11 em Exp $ */
/** First Color */
body{background-color:#e5e5e5}

/** second general settings */
html
,h5
,h6
,body{margin:0
    ;padding:0
    ;font-family:"gil sans", Tahoma, Arial, sans-serif
    ;font-size:13px
    }
p, table, tr, td{padding:0
    ;margin:5px 0 0
    ;vertical-align:top
    ;text-align:justify
    }
a{text-decoration:none}
div{position:relative}

/** shadow settings */
div.shadow {
	position:absolute;
	top:0px;
    left:50%;
    margin-left:-394px;
    width:800px;
	height:40px;
	background-image:url(../img/EM_Shadow-Top.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}

/** third general position & size */
div.back
,div.head a.logo
,div.head div
,div.claim div.map a
,div.claim div.map div
,div.b{position:absolute}

div.head
,div.claim div.map
,div.window
,div.claim
,div.claim div
,div.foot{position:relative}

/** border settings */
img{border:0}
div.window{border-width:1px
    ;border-top-style:solid
    ;border-bottom-style:solid
    }
iframe{border:0}

div.main a{border-bottom:0px solid}

div.claim div.map
,div.foot a{border-bottom:1px solid}
div.main a:visited
,div.foot a:visited{border-bottom-style:dotted}
div.main a:hover
,div.foot a:hover{border-bottom-width:1px}


div.claim div.map div:hover
,div.claim div.map a:hover{border-width:1px 0 0 1px; border-style:solid}

/** div.claim div.banner a img{border-width:1px; border-style:solid} **/


/** third detailed layout settings */
div.window div.background div.box iframe{height:100%}
div.window div.background div.box img{height:100%}

div.back{
	top:40px;
    left:50%;
    margin-left:-395px;
    width:790px;
	padding:0 5px 0 5px;
	background-image:url(../img/EM_Shadow.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
    }
div.window{height:150px} /* 150 for TEST */
div.head{height:137px}
div.head div.links{bottom:7px
    ;width:545px
    ;right:14px
    ;text-align:right
    ;font-size:10px
    ;font-weight:bold
    }
div.head div.links a{bottom:8px
    ;right:14px
    ;font-size:12px
    ;font-weight: 900
	;vertical-align:-1px
	;white-space: nowrap
    }
div.sns a:hover
,div.head h6 a:hover
,div.head div.links a:hover{text-decoration:underline}

div.head h6{position:absolute
    ;letter-spacing:3px
    ;top:58px
    ;right:18px
    ;text-transform:uppercase
    ;font-size:14px
    ;font-weight:bold
    }

div.head div.main{top:0
    ;left:0
    ;width:225px
    ;height:100%
    ;font-size:13px
    ;font-weight:bold
    ;text-transform:uppercase
    ;letter-spacing:1px
	;border-right:1px solid white
    }

div.head div.main table,
div.head div.main ul{margin-top:30px}  /** Hier bis auf 10px reduzieren wenn zu viele Einträge in der Liste  */

div.head div.main table{margin-left:5px
    ;font-size:11px
	}

div.head div.main ul li{margin-bottom:4px}
div.head div.main li {padding-left: 4px;}
div.head div.main table td{padding-bottom:2px}

div.head div.main table input{width:100px
	;margin-top:-2px
	;padding:1px 3px
	;font-size:10px
	;border:1px solid #666666
	;background-color:#FF9900
	}

div.head div.main table input.butt{width:80px
	;margin-top:0px
	;padding:1px 3px
	;font-size:10px
	;background-color:#cccccc
	}

div.sns{
    position:absolute
    ;display:none
    ;top:0px
    ;left:231px
    ;width:200px
    ;z-index:2000
    }
div.sns div.slnk{padding:5px 8px 3px
    ;font-size:10px
    ;font-weight:bold
    }
	
div.sns div.slnk a{padding:5px 8px 3px
    ;font-size:13px
    ;font-weight:bold
	;vertical-align: -2px
    }
div.sns div.shead{font-size:80%
    ;padding:3px
    ;text-align:center
    ;font-size:11px
    }

div.claim{
	padding:0;
	position: relative;
	}
div.claim div.teaser{
	position:static;
	top: 0px;
	font-size:26px;
	letter-spacing:3px;
	padding:10px 18px 0;
	text-align:right
    }
div.claim div.subline{
	position:static;
	bottom: 0px;
	font-size:13px;
    letter-spacing:2px;
	padding:10px 18px 0;
	text-align:right
    }
div.claim div.banner{
	position:static;
	margin:-15px 0 0 15px;
	padding: 0 0 8px 0;
    bottom:-10px;
    height:15px;
    }

div.claim div.map{left:0;width:790px}

div.claim div.map a
,div.claim div.map div{width:14px
    ;height:14px
    ;font-family:"gil sans", verdana, sans-serif
    ;text-align:center
    ;font-size:8px
    ;padding:2px 0 0
    }

div.claim div.cal{position:relative
    ;top:10px
    ;left:15px
    ;width:130px
    ;z-index:200
    }



div.foot{
	height:37px
    ;padding:13px 0 0 0
    ;text-align:center
    ;font-size:11px
    ;letter-spacing:2px
    ;font-weight:bold
    }

    
div.window div.background div.box div.blanket{padding:120px 20px 0
    ;font-size:20px
    ;letter-spacing:1px
    ;text-align:center
    }

div.window div.background div.box div.scene{position:absolute
    ;top:0
    ;left:0
    ;width:100%
    ;height:100%
    ;z-Index:1000
    }
    
    
/** Die Definition der pinPopups **/
div.pinpop{border-width:1px
    ;border-style:solid
    }
div.pinpop img{border:1px solid black
		;height:64px
		;margin:5px 5px 0pt
		;width:133px
    }
div.pinpop div.body{margin:5px
    ;padding:2px
    ;font-size:10px
    ;height:60px
    ;width:200px
    ;overflow:auto
    }
div.pinpop h5{padding:3px
    ;width:208px
    ;font-size:11px
    ;font-weight:bold
    ;text-align:center
    }
div.pinpop a{white-space:nowrap}
div.pinpop a.act{font-weight:bold}
div.pinpop a:hover{text-decoration:underline}

/** Adjustment for DOJO Calendar **/
table.calendarContainer{font-size:15px}
table.calendarContainer table, 
table.calendarContainer tr, 
table.calendarContainer td 
{margin:0}

div.vaccation{font-size:10px
	;line-height:16px
	;background-color:transparent
	;border-style:none
	}
div#dateTrigger{position:relative
	;left:10px
	;top:10px
	;margin-bottom:-10px
	;width:175px
	;font-size:11px
	}
div#dateTrigger div{
	margin-bottom:1px
	;padding:1px 1px 1px 4px
	;font-size:12px
	;color:black
	;border:1px solid #999999
	;background:#e5e5e5 url('../img/gui_arrow.gif') no-repeat top right
	}

/** Adjustment for DOJO Tooltips **/
body .tip{position:absolute
    ;display:block
    ;left:-60000px
    ;width:180px
    ;padding:0
    ;background-color:white
    ;border:1px solid #FF7F00
    }

body .tip img{height:80px
    ;width:180px
    ;display: block
    }

body .tip h4{font-weight: bold
    ;color:#B40000
    ;margin:3px 0 0 4px
    ;font-size:11px
    }

body .tip h4 b{padding:3px 4px 0 0
    ;margin:0 4px 0 -4px
	;background-color:#B40000
    ;color:white
	;border-left:5px solid #B40000
    }

body .tip div.plz{font-size:10px
    ;margin:4px 3px 0
    }
    
body .tip div.status{height: 28px
    ;padding:4px 2px 4px 45px
    ;margin-top:3px
    ;text-align:left
    ;line-height:130%
    ;text-transform:uppercase
    ;font-size:11px
    ;font-weight:bold
    ;background-position:5px 3px
    ;background-repeat:no-repeat
    }
	
	
	
	
	
	
	
	
	


body .tip div.ok{background-color:#93DF6F;color:#207520;background-image:url(../img/i-ok.gif)}
body .tip div.na{background-color:#DDDDDD;color:#888888;background-image:url(../img/i-na.gif)}
body .tip div.x{background-color:#ff6666;color:#992222;background-image:url(../img/i-x.gif)}