/* //////////////////////////////////////////////////////////////////////////////////////////////////////////

	Donauzentrum, http://www.donauzentrum.at		technical contact: dobiasch@echonet.at
	Style Sheet for Basic Layout					http://www.echonet.at/
	
	Start Date: 2005-06-20, Ulrich Dobiasch, echonet communication gmbh
	Revision 01 Start Date:

////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ---------- ( basic layout definitions ) ---------- */

body {
	font:100% Arial, Verdana, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background:#FFF url("../bg-welle.png") 0 100% repeat-x;
	text-align:center;
	voice-family: "\"}\"";
	voice-family:inherit;
	text-align:left;
}

#c-parent-1 {
	background:url("../bg-welle-head.png") 50% 0 repeat-x;
	min-width:763px;
	text-align: center;
}

#c-parent-2 {
	position:relative;
	margin:0 auto 0 auto;
	width:763px;
	text-align: left;
}

/* sitenavigation */

#c-sitenav h1 { 
	margin:0;
}

#c-sitenav h1 a {
	display:block;
	width:100px;
	height:126px;
	position:absolute;
	left:632px;
	background:url("../logo-new.gif") 0 0 no-repeat;
	top:15px;
}

#c-sitenav p {
	font:1px/1px courier;
	display:block;
	width:309px;
	height:18px;
	position:absolute;
	left:23px;
	top:63px;
	background:url("../claim.gif") left 50% no-repeat;
}

#c-sitenav h1 a span, #c-sitenav p span, #c-sitenav ul { display:none; }

/* head, metanavigation */

#c-head {
	height:auto !important;
	height:150px;
	min-height:150px;
}

#c-head ul { margin:0;padding:0;position:absolute;/*left:250px;*/left:17px;top:12px; }
#c-head ul li { float:left;list-style-type:none; }
#c-head ul li em { display:none; }
#c-head ul li a { display: block; height: 11px; border-right:1px solid #003D81;background-repeat:no-repeat; background-position: center center; height: 11px; /*float:left;display:block;height:11px;background-repeat:no-repeat;background-position:50% 50%;padding:0 9px ;border-right:1px solid #003D81; text-indent: -999em;*/ }
#c-head ul li a span { display: none; }

#c-head ul li#tnav-7 a { background:url("../btn-home.gif") 50% 50% no-repeat;width:59px;height:18px;position:absolute;top:70px;/*left:450px;*/right:9px;border:0;padding:0;margin:0; }
body.home #c-head ul li#tnav-7 { display:none; }

/* navigation */

#c-nav {
	float:left;
	width:214px;
}

#c-nav ul { margin:0;padding:10px;height:auto !important;height:1px }
#c-nav ul li { list-style-type:none;height:auto !important;height:1px;font:1px/1px courier }
#c-nav ul li em { display:none; }
#c-nav ul li a { display:block;height:25px !important;height:27px;width:190px;background-repeat:no-repeat;background-position:50% 50%;margin-bottom:2px !important;margin-bottom:0; }
#c-nav ul li a span { display:none; }

#c-nav ul li ul,body.erweiterung #erweiterungen-sub{ margin:1px 0 0 0;padding:0; }
#c-nav ul li ul li {  }
#c-nav ul li ul li a,body.erweiterung #erweiterungen-sub li a { display:block;height:17px !important;width:190px;background-repeat:no-repeat;background-position:13px 3px;margin-bottom:1px;background-color:#DDE8F4; }
#c-nav ul li ul li a:hover,body.erweiterung #erweiterungen-sub li a:hover { background-color:#4E7DB0; }

/* show and hide subnavigation */

#c-nav ul ul { display:none; }

body.donauzentrum #nav-3 ul { display:block; } 
body.firmen #nav-4 ul 		{ display:block; } 
body.b2b #nav-7 ul 			{ display:block; } 

/*erweiterungen sub nav show hide*/
body.erweiterung #erweiterungen-sub {display:block;}




/* --------------------------------------------------- */

#c-nav form { padding:0px 10px 10px 10px; }
#c-nav form p { margin:0 0 4px 0; }
#c-nav form input.f_text_d { width:180px;border:1px solid #D6E4F2;padding:4px; }
#c-nav form input.f_text_a { border:1px solid #F60; }
#c-nav form input.f-finden { margin-right:4px; }

#c-shophours { padding-left:25px;font:0.7em Verdana, Arial, Helvetica, sans-serif;color:#003D81;background:url("../icons/ico-shophours.gif") 0% 0% no-repeat; }
#c-shophours h5 { display:none; }
#c-shophours h6 { font:900 1em Verdana, Arial, Helvetica, sans-serif;color:#003D81;margin-bottom:0; }
#c-shophours p { margin-top:0; }

/* box layout */

.box-nav 	   { width:214px;background-color:#FFF;margin-bottom:5px; }
.box-content   { width:544px;background-color:#FFF; }
.box-image	   { background-color:#FFF; }
.box-image img { padding:10px; }

.box-B { background:url("../box-B.gif") 0% 100% repeat-x; }
.box-R { background:url("../box-R.gif") 100% 0% repeat-y; }
.box-BL { background:url("../box-BL.gif") 0% 100% no-repeat; }
.box-BR { background:url("../box-BR.gif") 100% 100% no-repeat; }
.box-TR { background:url("../box-TR.gif") 100% 0% no-repeat; }
.box-TR2 { background:url("../box-TR2.gif") 100% 0% no-repeat; }

/* content */

#c-body {
	padding-bottom:10px;
}

#c-content {
	margin-left:219px !important;
	margin-left:216px;
}

#c-playground {
	padding:10px;
}

#c-content-embed {
	float:left;
	padding:10px 0px 10px 10px;
	width:534px;
}

#c-footer {
	clear:both;
	/*height:80px;*/
}

#c-footer-embed {
	display:none;
}

#c-lang {
	clear:both;
	height:80px;
	padding-bottom:70px;
}

#c-lang-embed ul { margin:0;padding:0; }
#c-lang-embed ul li { list-style-type:none;float:right }
#c-lang-embed ul li em { display:none; }
#c-lang-embed ul li a { padding:5px;text-decoration:none;color:#003D81;font:0.70em Verdana, Arial, Helvetica, sans-serif }


/* home.tpl --> shopfinder, gastrofinder, news and entertainment article */

.finder { margin-left:10px; }

div.finder .col-1 { width:255px;float:left;margin-right:10px; }
div.finder .col-2 { width:255px;float:left; }
div.finder .col-head { background:url("../home/finder-heading-bg.gif") repeat-x; }
div.finder .col-body { background:url("../home/finder-bg.gif") repeat-x;padding:8px;height:auto !important;height:140px;min-height:140px;position:relative; margin: 0 0 20px; }
div.finder .col-body ul { margin:0;padding:0; }
div.finder .col-body ul li { list-style-type:none; }
div.finder .col-body ul li a { text-decoration:none;color:#003D81; }

div.news { margin-top:10px;margin-left:10px; }

div.news   .col-1 { width:255px;float:left;margin-right:10px; }
div.news   .col-2 { width:255px;float:left; }
div.news   .col-head { background:url("../home/news-heading-bg.gif") repeat-x; }
div.news   .col-body { background:url("../home/news-bg.gif") repeat-x;padding:8px;height:auto !important;height:140px;min-height:140px; }

#h-shopfinder 	 { background:url("../home/h-shopfinder.gif") 10px 50% no-repeat; }
#h-gastrofinder  { background:url("../home/h-gastrofinder.gif") 10px 50% no-repeat; }
#h-entertainment { background:url("../home/h-entertainment.gif") 10px 50% no-repeat; }
#h-dzkidsclub 	 { background:url("../home/h-dzkidsclub.gif") 10px 50% no-repeat; }
#h-news 	 	 { background:url("../home/h-news.gif") 10px 50% no-repeat; }

div.finder h2 span { display:none; }
div.finder h2 { height:25px;margin:0;padding:0; }

div.news h2 span { display:none; }
div.news h2 { height:25px;margin:0;padding:0; }

#c-content div.news h4 { font:900 1em/1em Verdana, Arial, Helvetica, sans-serif;color:#F60;display:inline; }

/* scrollbar */

.up { position:absolute;left:241px;top:1px;z-index:2;cursor:pointer;background:url("../scrollbar/up.gif") no-repeat;width:13px;height:13px; }
.track { position:absolute;left:241px;top:14px;z-index:3;background:url("../scrollbar/track.gif") repeat-y;width:13px;height:124px; }
.drag { position:absolute; left:241px; top:14px;/*top defined in HMTL*/ z-index:4; cursor:pointer;background:url("../scrollbar/drag.gif") 50% 50% no-repeat;width:13px;height:16px; }
.down { position:absolute;left:241px;top:138px;z-index:5;cursor:pointer;background:url("../scrollbar/down.gif") no-repeat;width:13px;height:13px; }

.drag span { display:none; }
.track span { display:none; }
.up span { display:none; }
.down span { display:none; }

.contentMask { position:absolute;left:0;top:0;width:230px;height:146px;clip:rect(0,230px,146px,0);overflow:hidden;z-index:6; }
.content { position:absolute;left:0;top:0;width:230px;padding:8px 0 0 8px; }

/* basic font */


#c-content { font:0.70em/1.5em Verdana, Arial, Helvetica, sans-serif;color:#003D81; }

#c-content h1 { font:100 2.0em/1.0em Verdana, Arial, Helvetica, sans-serif;color:#F60;margin-top:0; }
#c-content h2 { font:100 1.8em/1.0em Verdana, Arial, Helvetica, sans-serif;color:#003D81; }
#c-content h3 { font:100 1.6em/1.0em Verdana, Arial, Helvetica, sans-serif;color:#F60;margin-top:15px }
#c-content h4 { font:100 1.6em/1.0em Verdana, Arial, Helvetica, sans-serif;color:#003D81; }
#c-content h5 { font:900 1.4em/1.0em Verdana, Arial, Helvetica, sans-serif;color:#003D81; }
#c-content h6 { font:900 1.2em/1.0em Verdana, Arial, Helvetica, sans-serif;color:#F60; }


#c-content h1 a, #c-content h2 a, #c-content h3 a, #c-content h4 a, #c-content h5 a, #c-content h6 a { text-decoration:none; }

/* graphic replacement - headings */

#c-nav h5 span { display:none; }

#h-volltextsuche { background:url("../h-volltextsuche.gif") 50% 50% no-repeat;width:190px;height:25px;margin:0;padding:10px; }


/* SI navigation */

.browse span { display:none; }

#c-overview { /*background-color:#003D81;*/background-color:#666 }
#nav-top 	.browse { background:url("../browse.gif") no-repeat;width:62px;height:13px;display:block; }
#nav-bottom	.browse { background:url("../browse.gif") no-repeat;width:62px;height:13px;display:block; }
	
/*----------------------------------------------------------------------------- 
	NAVIGATION CONTAINERS
-----------------------------------------------------------------------------*/
#nav-top { background: #666 url(../bg-nav-search-top.gif) left bottom repeat-x; }
#nav-bottom { background: #666 url(../bg-nav-search-bottom.gif) left top repeat-x; }

.has-dom .nav-container {
	height: 3px;
	overflow: hidden;
	}
	
.nav-container,
.tog-container {
	position: relative;
	width: 763px;
	margin: 0 auto;
	}
#nav-main {
	position: relative;
	color: #A5A5A5;
	text-shadow: 2px 2px 1px #4A4A4A;
	padding: 10px 0 6px 6px;
	font:0.70em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
#nav-main:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#nav-main a { padding: 0 2px; color: #E39C9C; }
#nav-main a:hover {
	background-color: #555;
	color: #E3C7C7;
	}
#nav-top .nav-container #nav-main {
	position: absolute;
	bottom: 0;
	}
a.btn-nav-search {
	position: relative;
	z-index: 100;
	display: block;
	width: 132px;
	margin-left: auto;
	margin-right: 120px;
	height: 31px;
	background: url(../btn-nav-search-top.gif) left top no-repeat;
	}
a.btn-nav-search span {
	display:none;
}
a.btn-nav-search:hover {
	background-position: -132px 0;
	}
#nav-top a.btn-nav-search {
	margin-top: -10px;
	/* margin-bottom: -14px; */
	}
#nav-bottom a.btn-nav-search {
	margin-bottom: -3px;
	height: 24px;
	background-image: url(../btn-nav-search-bottom.gif);
	}
.open a.btn-nav-search {
	background-position: 0 -31px;
	}
.open a.btn-nav-search:hover {
	background-position: -132px -31px;
	}
#nav-bottom.open a.btn-nav-search {
	height: 31px;
	margin-bottom: -3px;
	}

#nav-static span { letter-spacing: -1px; }

/*m-form*/
.eform .anmelden{ height:25px; width:96px; border:none; background:transparent; float:right; margin:0; padding:0;}
.eform .meinungsenden{height:25px; width:137px; border:none; background:transparent; float:right; margin:0 5px 0 0; padding:0;}
.eform form {clear: both;margin: 0 0 1em;padding:0;width:100%;}
.eform form.bg {padding:2%;width:96%;}
.eform #c-content form {margin-top:1em;}
.ecard fieldset {border:0 none;margin:0;padding:10px;text-align: left; background-color:#DDE8F4; width:340px;}
.meinung fieldset { background:url(../de/meinung-bg.jpg) repeat-x top left; border: solid 1px #86B6DE;margin:0;padding:10px;text-align:left; width:500px; height:auto;}
.eform legend {font-weight:bold;font-size:1.1em;margin-bottom: .5em;}
.eform form h2 {margin-top:0;}
.eform form p {margin:.5em 0;}
.eform form ol, form ul {list-style-type:none;margin:0;overflow:hidden;padding:0;}
.eform form ol li, form ul li {background-image:none;float:left;padding:4px 0;width:100%;}
.eform form li.wfull {width:100%;}
.eform form li.req {background-color:#ccc;}
.eform form li.error label {}
.eform form li.error input {border-color:#f00;font-weight:normal;}
.eform form .error-msg {background-color: #FFCECF;border:1px solid #f00;margin:0 0 .5em;padding:.5em 1em;}
.eform form .error-msg ul { list-style-type:square;margin-left:20px;overflow:visible;}
.eform form .error-msg ul li {clear:both;float: none;padding:2px 0;width:auto;}
.eform form .error-msg label {color:#f00;float:none;display:inline;margin:0;padding:0;width:auto;}
.eform form .checktxt {margin-top:.15em;vertical-align:top;width:13.5em;}
.eform form li.wfull .checktxt {max-width:13.5em;width:60%;}
.eform form .info {background-color:#ccc;color:#333;font-size:0.85em;margin: 0 0 1em;padding:.5em;}
.eform form .right {margin-left:7.5em;text-align:left;}
.eform form .top {margin-top:.2em;vertical-align:top;}
.eform label {float:left;margin:.2em .5em 0 0;width:7em;}
.eform label.inline {display:inline;}
.eform label.auto {width:auto;}
.eform input, select, textarea {background-color: #fff;border: 1px solid #86B6DE;color:#333;float:left;font-size:1em;padding:.2em .4em;width:18em;}
.eform select {margin-right:.3em;padding:0;width:auto;}
.eform option {padding-left: 0.4em;} /* resets rendering error */
.eform textarea {vertical-align:top;}
.eform input.button {padding:.2em .4em;text-align:center;width: 15.8em;}
.eform input.inline {width: auto;}
.eform input.nobutton {border:0 none;font-weight:bold;padding:.2em .4em;width: auto;}
.eform input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:.2em;padding:0;width:auto;}
.eform input.check {background-color: transparent;border: 0 none;margin:.3em .3em 0 0;padding:0;width:auto;}
.eform input.radio {background-color: transparent;border: 0 none;margin:.3em .3em 0 0;padding:0;width:auto;}
.eform input.short {width:7em;}
.eform input.long, textarea.long {width:20em;}
.eform input:focus, select:focus, textarea:focus {border-color:#000;}
.eform label, input[type=checkbox], input[type=radio], input[type=submit] {cursor:pointer;}
.eform form input[type=checkbox].noborder, form input[type=radio].noborder {}
.eform input[type=text], select {}