/** 
 * nsglangethal.ch
 * 
 * css style definitions for nsglangethal.ch
 * 
 * @author  Markus Howald 
 * @see     http://www.nsglangethal.ch/ 
 * @copyright copyright(c) Klink GmbH
 * @date 2010-03-15
 * @media screen
 *
 * @colordef #F49A1C; orange;
 */ 


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

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

html, body {
	height:100%; /** @note mandatory 100% for scrollbars */
	width:100%; /** @note mandatory 100% for scrollbars */
} 

body {
	color:#333;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:18px;
	margin:32px 0 0 32px;
	overflow:hidden; /** @note mandatory for supersize image */
}

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

a:hover { text-decoration:underline; }
a:focus { outline:none; }

/** 
 * @section supersize
 * 
 * overflow:hidden has to be in body-style
 */ 

#supersize { position:fixed; }

#supersize img, supersize a {
	height:100%;
	position:absolute;
	width:100%;
	z-index:10;
}

#supersize .activeslide,
#supersize .activeslide img { z-index:30; }


/** 
 * @section main
 * 
 *
 */ 

#container-1 {
	height:100%; /** @note mandatory 100% for scrollbars */
	left:0; /** @note mandatory '0' for scrollbars */
	overflow:auto; /** @note mandatory '0' for scrollbars */
	position:absolute;
	top:0; /** @note mandatory '0' for scrollbars */
	width:100%; /** @note mandatory 100% for scrollbars */
	z-index:40;
}

#container-2 {
	margin:0 32px;
	width:900px;
}


/** 
 * @section aktuell
 * 
 *
 */ 

#aktuell a,
#aktuell a:visited {
	background:url('../image/nav/aktuell.png') no-repeat 0 0;
	display:block;
	height:44px;
	margin:25px 0 0 456px;
	width:44px;
}

#aktuell a:hover,
#aktuell a.active { background-position:0 -44px; }


/** 
 * @section nav-main
 * 
 *
 */ 

ul#nav-main {
	list-style:none;
	margin-left:500px;
}

/*ul#nav-main li a,
ul#nav-main li a:visited {
	background:#FFF;
	color:#333;
	font-size:24px;
	line-height:33px;
	padding:2px 6px;
	text-decoration:none;
}

ul#nav-main li a:hover,
ul#nav-main li a.active { color:#F49A1C; }*/

ul#nav-main li { margin-bottom:2px; }
ul#nav-main li img { vertical-align:bottom; }

/** 
 * @section nav-sub
 * 
 *
 */ 

#nav-sub {
	float:left;
	min-height:400px;
	width:136px;
}

#nav-sub ul {
	background:#FFF;
	list-style:none;
	padding:8px 0 18px 0;
}

#nav-sub ul li { line-height:14px;margin-bottom:8px; }

#nav-sub ul li a,
#nav-sub ul li a:visited {
	color:#333;
	text-decoration:none;
}

#nav-sub ul li a:hover,
#nav-sub ul li a.active { color:#F49A1C; }


/** 
 * @section content
 * 
 *
 */ 

#content {
	background:#FFF;
	float:left;
	margin-left:2px;
	padding:8px 8px 0 8px;
	width:344px;
}

#content h1,
#content h2,
#content h3 { font-size:12px; }

#content h1,
#content h3,
#content p { margin-bottom:16px; }

#content ul,
#content ol {
	list-style:disc;
	margin:0 0 16px 24px;
}

#content .filelinks-container {
	height:1%; /** without height ie6 + 7 don't make margin-bottom */
	margin:0 0 16px 0;
}
 
#content .filelinks-icon {
	float:left;
	width:24px;
}

#content .filelinks-link {
	float:left;
	margin-bottom:10px;
	width:300px;
}

#content .tx-flvplayer2-pi1 { float:left;margin-bottom:16px; }


/**
 * @section form
 * 
 *
 */ 

/** general definitions */

legend { display:none; }

input,
textarea {
	background:#FFF;
	border:1px solid #333;
	font:100.1% arial,helvetica,sans-serif;
	padding:2px;
}

input:focus,
textarea:focus { background:#E5E5E5; }

* html input { width:auto !important; } /** @bugfix only affects ie6 */

input[type=submit], 
input[type=reset], 
input[type=button],
button {
	overflow:visible;
	padding:2px 10px;
}

input[type=submit]:hover, 
input[type=reset]:hover, 
input[type=button]:hover,
button:hover { background:#E5E5E5; }


/** specifics for info-fieldset */

.tx-powermail-pi1_fieldset_info input[type=checkbox] {
	border:none;
	float:left;
	margin:0 10px 0 0;
}

* html input.checkbox-vorkurs,
* html input.checkbox-propaedeutikum {
	border:none;
	float:left;
	margin:0 10px 0 0;
}

.tx-powermail-pi1_fieldset_info label {
	float:left;
	width:300px;
}

.tx-powermail-pi1_fieldset_info .tx_powermail_pi1_fieldwrap_html_check { border:1px solid #FFF;margin-bottom:16px; }
.tx-powermail-pi1_fieldset_info p.tx_powermail_pi1_fieldwrap_html_checkbox_title { margin-bottom:0 !important; }


/** specifics for adresse-fieldset */

.tx-powermail-pi1_fieldset_adresse label {
	float:left;
	width:115px;
}

.tx-powermail-pi1_fieldset_adresse input,
.tx-powermail-pi1_fieldset_adressetextarea {
	margin-bottom:5px;
	width:200px;
}

.tx-powermail-pi1_fieldset_adresse .button {
	margin:0 0 24px 115px;
	width:auto;
}

* html .tx-powermail-pi1_fieldset_adresse .button { margin-left:118px; } /** @bugfix only affects ie6 */


/** powermail overrides */

.powermail_all_table { margin-bottom:16px; }

.powermail_all_table td {
	vertical-align:bottom;
	width:50%;
}

.tx-powermail-pi1_mandatory {
	color:#F49A1C;
	margin-bottom:24px;
}

.tx-powermail-pi1_mandatory ul { margin-bottom:16px; }
.tx-powermail-pi1_mandatory ul li { padding:10px 0 0 0; }


/** 
 * @section fce 2col
 * 
 * flexible content element, two columns
 */ 

.fce-2col-left {
	float:left;
	padding-right:10px;
	width:167px;
}

.fce-2col-right {
	float:right;
	width:167px;
}