/** 
 * emme.ag
 * 
 * css style definitions for emme.ag
 * 
 * @author  Markus Howald 
 * @see     http://www.emme.ag/ 
 * @copyright copyright(c) Klink GmbH
 * @date 2009-12-11
 * @media screen
 *
 * @colordef #009AB1; dunkelblau;
 * @colordef #00C3D3; blau;
 * @colordef #AFFFFF; hellblau;
 */ 


/** 
 * @section general
 * 
 * general styles
 */ 

@import "/fileadmin/css/main.css"; /** import global styles */

* {
	border:0;
	margin:0;
	padding:0;
}

body {
	background:#6BD3DC;
	color:#000;
	font:100.1% arial,helvetica,sans-serif;
}

a:link, a:visited {
	color:#00C3D3;
	text-decoration:none;
}

a:hover { text-decoration:underline; }

#wrap { 
	background:#FFF;
	margin-left:auto;
	margin-right:auto;
	padding:20px 20px 0 20px;
	width:920px;
}


/** 
 * @section head
 * 
 * 
 */ 

#head {
	height:164px;
	margin-bottom:20px;
	vertical-align:bottom;
	width:920px;
}

img#logo {
	float:left;
	vertical-align:bottom;
}

ul#nav-meta {
	color:#009AB1;
	float:right;
	font-size:0.75em;
	list-style:none;
}

ul#nav-meta li { display:inline; }

ul#nav-meta li a,
ul#nav-meta li a:visited {
	color:#009AB1;
	text-decoration:none;
}

ul#nav-meta li a:hover,
ul#nav-meta a.active { text-decoration:underline; }

.line {
	background:url('/fileadmin/image/line/line.png') left bottom repeat-x;
	clear:both;
	height:28px;
	margin-bottom:28px;
}


/** 
 * @section sidebar
 * 
 * 
 */

#sidebar {
	float:left;
	position:relative;
	width:338px;
}

/** nav-main */
ul.sf-menu,
ul.sf-menu * {
	list-style:none;
	margin:0;
	padding:0;
	/*white-space:nowrap;*/
}

ul.sf-menu {
	width:136px;
}

ul.sf-menu li {
	background:#009AB1;
	float:left;
	margin-bottom:10px;
	position:relative;
	width:100%;
}

ul.sf-menu li:hover { visibility:inherit; } /** fixes IE7 'sticky bug' */

ul.sf-menu li a,
ul.sf-menu li a:visited {
	background:#009AB1;
	color:#AFFFFF;
	display:block;
	font-size:0.85em;
	padding:3px 10px;
	position:relative;
	text-decoration:none;
	z-index:20;
}

ul.sf-menu ul {
	background:#00C3D3;
	position:absolute;
	top: -999em;
	width:250px;
	z-index:10;
}

ul.sf-menu ul li {
	background:none;
	width:100%;
}

/*ul.sf-menu ul li.last { margin-bottom:0; }*/

ul.sf-menu ul li a,
ul.sf-menu ul li a:visited {
	background:#00C3D3;;
	color:#AFFFFF;
	margin-left:68px;
}

ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul {
	left:68px;
	top:0.8em;
}

ul.sf-menu li:hover, ul.sf-menu li.sfHover,
ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active { outline:0; }

ul.sf-menu a:hover,
ul.sf-menu a.current {
	color:#FFF !important;
	font-weight:bold;
	text-decoration:none;
}

ul#nav-partner {
	padding-top:40px;
	white-space:nowrap;
}

/** address */ 
#address {
	clear:both;
	color:#00C3D3;
	float:left;
	margin-top:100px;
}

#address p {
	font-size:0.75em;
	line-height:1.666em;
	margin-bottom:1.666em;
}

#copyright {
	clear:both;
	color:#87888A;
	float:left;
}

#copyright p {
	font-size:0.625em;
	margin-bottom:2em;
}


/** 
 * @section content
 * 
 * 
 */
 
#content {
	float:left;
	line-height:1.333em;
	margin-bottom:1em;
	width:582px;
}

#content h1 {
	font-size:1.2em;
	margin-bottom:1em;
}

#content h2 {
	color:#009AB1;
	font-size:0.85em;
	margin-bottom:1.333em
}

#content h3 {
	color:#009AB1;
	font-size:0.85em;
}

#content p {
	font-size:0.85em;
	margin-bottom:1.333em
}

#content ul,
#content ol {
	font-size:0.85em;
	margin:0 0 1.333em 1.333em;
}

#content ul.liste-2,
#content ol.liste-2 {
	list-style:none;
	margin:-1.333em 0 1.333em 1.333em;
}

#content ul.liste-2 li {
	background:url('/fileadmin/templates/emme/image/list/divis.png') no-repeat left center;
	padding-left:12px;
}

#content a.pfeil,
#content a.pfeil:visited {
	background:url('/fileadmin/templates/emme/image/pfeil/pfeil.png') no-repeat center left;
	padding-left:20px;
}

#content .csc-textpic ul { margin:0; }
#content .csc-textpic-caption { font-size:0.85em; }
.csc-textpic-above img { margin-bottom:20px; }

/** css_filelinks */
 
.filelinks-container {
	height:1%; /** without «height» ie6 + 7 don't make margin-bottom */
	margin-bottom:1em;
}

.filelinks-item,
.filelinks-item-ttnews {
	height:1%; /** without «height» ie6 + 7 don't make border-bottom */
	margin-bottom:0.5em;
	padding-bottom:0.5em;
}

.filelinks-icon {
	float:left;
	width:1.5em;
}

.filelinks-link {
	float:left;
	font-size:90%;
}

.filelinks-size { white-space:nowrap; }


/** 
 * @section form
 * 
 * global form definitions
 */

form { font-size:0.85em; }

legend { display:none; }

fieldset {
	margin-bottom:20px;
	width:276px;
}

label {
	clear:both;
	color:#009AB1;
	float:left;
	font-weight:bold;
	width:75px;
}

input,
textarea,
select {
	border:1px solid #00C3D3;
	float:left;
	font:1em arial,helvetica,sans-serif;
	margin-bottom:20px;
	padding:2px;
	width:190px;
}

select { width:auto; }

textarea {
	clear:both;
	width:265px;
}


input:focus, form textarea:focus { background:#AFFFFF; }

input[type=submit], 
input[type=reset], 
input[type=button],
button {
	background:url('/fileadmin/templates/emme/image/pfeil/pfeil.png') no-repeat center left;
	border:0;
	color:#009AB1;
	font-weight:bold;
	overflow:visible;
	padding:5px 5px 5px 20px;
	width:auto;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover { text-decoration:underline; }
* html input { width:auto !important; } /** @note * html only affects ie6 */

/** 
 * @section kontaktform
 * 
 * override of global form definitions and new definitions
 */

/** daten */
fieldset.tx-powermail-pi1_fieldset_daten { float:left; }

/** auswahl */
fieldset.tx-powermail-pi1_fieldset_auswahl { float:right; }

fieldset.tx-powermail-pi1_fieldset_auswahl label {
	color:#000;
	float:right;
	font-weight:normal;
	width:250px;
}

fieldset.tx-powermail-pi1_fieldset_auswahl input.checkbox {
	display:block;
	float:left;
	width:auto;
}

* html fieldset.tx-powermail-pi1_fieldset_auswahl input.checkbox { margin:0; }
*+html fieldset.tx-powermail-pi1_fieldset_auswahl input.checkbox { margin:0; }

#content form fieldset.tx-powermail-pi1_fieldset_auswahl p {
	color:#009AB1;
	font-size:1em;
	font-weight:bold;
}

/** mitteilung */
fieldset.tx-powermail-pi1_fieldset_mitteilung { float:right; }

fieldset.tx-powermail-pi1_fieldset_mitteilung label {
	clear:both;
	margin-bottom:10px;
}

/** senden */
fieldset.tx-powermail-pi1_fieldset_senden { float:right; }