/****************************************************************************************
P R I N T   O P T I M I Z E D   C S S

Date:	Mai 30, 2012
Author:	Cyrill Bühler, cybustyle.ch
*****************************************************************************************/


/*---------------------------------------------------------------------------------------
R E S E T S   A N D   B A S E   S E T T I N G S
----------------------------------------------------------------------------------------*/
html, body {
	height: 100%;
	}

body {
	margin:0;
	padding:0;
	font-size:13px;
	text-align:left;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../img/bg_site.png) repeat-x 0 22px;
	color:#1a171b;
	}

a, a:visited {
	color: #003d8f;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}

p,ul,h2 {
	margin-bottom:1em;
	}

/* Entfernen von standardmäßigen Innen- und Außenabständen für alle Elemente (wenn Abstand gewollt, wird dies durch die Angabe bei den Elementen überschrieben) */
* 	{
	margin:0;
	padding:0;
	}

/*----------------------------------------------
Contao Additional Classes
-----------------------------------------------*/
select,input,textarea {
	font-size:99%;
	}
	
form {
	margin:0;
	padding:0;
	}
	
img, img a {
	border:0;
	}
	
#left {
	float:left;
	}	
	
#right {
	float:right;
	}
	
#main {
	width:auto;
	position:relative;
	}
	
.inside {
	position:relative;
	text-align:left;
	}
	
.block {
	overflow:hidden;
	}
	
.clear, #clear {
	height:0.1px;
	font-size:0.1px;
	line-height:0.1px;
	clear:both;
	}
	
.invisible {
	width:0px;
	height:0px;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
	}

/*----------------------------------------------
Fixes IE
-----------------------------------------------*/
* html .block {
	overflow:auto;
	}
	
* html #container,* html .mod_article {
	}
	
* html #left,* html #right {
	display:inline;
	}
	
* html a,* html a:hover {
	background-color:transparent;
	}
	
* html i,* html em {
	overflow:visible;
	display:inline-block;
	}
	
*:first-child+html #main {
	position:static;
	}

		

/*---------------------------------------------------------------------------------------
H T M L   E l e m e n t s   i n   u s e d   s e q u e n c e
----------------------------------------------------------------------------------------*/
#wrapper {
	height: auto;
	width: 100%;
	text-align: left;	
	}

/*------------------------------------------------------------------
Header
-------------------------------------------------------------------*/
#header_print {
	margin-bottom: 30px;
	width: 150px;
	height: 33px;
	background: none;
	}
#header {
	display: none;
	}

/*------------------------------------------------------------------
Container
-------------------------------------------------------------------*/
#container {
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	}

/*--------------------------------------------------------
Left, Inside
---------------------------------------------------------*/
#left {
	display:none;
	}
	
/*----------------------------------------------
Content
-----------------------------------------------*/
#content {
	float: left;
	width: 100%;
	line-height: 23px;
	}

#content a	{
	color: #7b7c7e;
	text-decoration:none;
	}
	
#content a:hover {
	color: #003d8f;
	}
	
#content a.bildlink, div.image_container a:hover {
	border: none !important;
	}
	
#content h1 {
	margin: 30px 0 4px 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	color: #003d8f;
	}

#content h2, #content h2 a, #content h2 a:visited {
	margin: 0 0 10px 0;
    padding: 0;
	font-size: 14px;
	font-weight:bold;
    line-height: 23px;
    color: #003d8f;
	}
	
#content h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 23px;
	text-transform: uppercase;
	}

#content hr {
    clear: both;
	border-top: 2px solid #003D8F;
	margin: 10px 0 20px 0;
	}

#content div.image_container.float_left {
	margin-right: 20px;
	margin-bottom: 20px;
	}

#content div.image_container.float_right {
	margin-left: 20px;
	margin-bottom: 20px;
	}

#content img, #content a img, #content img.mime_icon, #content img.mime_icon {
	border: none;
	}

#content img {
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari, Chrome */
	-khtml-border-radius: 20px; /* Konqueror */
	border-radius: 20px; /* CSS3 */
	behavior: url(border-radius.htc);
	overflow: hidden;
	}

.float_left {
	margin-right: 20px;
	padding: 0 10px 20px 0;
	}

#content li {
	padding-left: 3px;
	}

#content img.mime_icon {
	margin: 0 3px -3px 0;
	padding: 0;
	border-radius: 0;
	}

#content p {
	margin-bottom: 13px;
	}

#content p.info {
	margin: 0 0 10px 0;
	padding: 0;
	}

#content p.klein {
	font-size: 90%;
	}

#content p a.pfeil {
	padding-left: 15px;
	background: url(../img/arrow.png) no-repeat 0 5px;
	}

#content ul {
	list-style-image: url(../img/dot.png);
	}

#content div.accordion {
	background-color: #eee;
	padding: 0 10px;
	}

#content div.ce_accordion .toggler {
	margin: 10px 0 0 0;
	padding: 0 0 5px 24px;
	display: block !important;
	height: auto;
	font-size: 100%;
	line-height: 133%;
	color: #00643e;
	cursor: pointer;
	background: #eee url(../img/icon_accordion.png) no-repeat 0 0;
	}
		
#content .ce_hyperlink {
	margin: 20px 0 30px 0;
	}
	
#content .ce_hyperlink a {
	padding-left: 15px;
	background: url(../img/arrow.png) no-repeat 0 5px;
	}	

#content .ce_download {
	margin: 0 0 30px 0;
	}

/* Einrückung bei Listen wieder herstellen */
#content ul {
	padding-left: 17px;
	list-style-type: disc;
	}
		
#content li {
	margin-bottom: 10px;
	}
	
#content ol {
	padding-left: 32px;
	}

/*----------------------------------------------
Footer
-----------------------------------------------*/	
#footer {
	margin: 0 auto;
	float: left;
	width: 100%;
	height: auto;
	}	
/*------------------------------------
Organizations
-------------------------------------*/
#organizations_wrap {
	float: right;
	width: 100%;
	height: auto;
	padding-top:20px;
	}

#organizations {
	float: left;
	}
	
#organizations a {
	display: block;
	float: left;
	height: auto;
	border-left: 2px solid #003d8f;
	padding: 0 25px 0 25px;
	}
	
#organizations a.first {
	border: none;
	padding-left:0;
	}
	
/*------------------------------------
Address
-------------------------------------*/
#address {
	clear: right;
	float: left;
	width: 100%;
	margin-top:20px;
	padding-top:10px;
	font-size: 12px;
	line-height: 24px;
	color: #dfe7f1;
	border-top:2px solid #003d8f;
	}

* html #address { /* IE6 */
	margin-top: 87px;
	}

*+html #address { /* IE7 */
	margin-top: 87px;
	}
	
#address a, #address a:visited {
	color: #dfe7f1;
	text-decoration: none;
	}
	
#address a:hover {
	text-decoration: underline;
	}
	
/*------------------------------------
Graubuenden
-------------------------------------*/
#graubuenden {
	clear: both;
	float: left;
	}

* html #graubuenden { /* IE6 */
	margin-top: 95px;
	}
	
*+html #graubuenden { /* IE7 */
	margin-top: 95px;
	}
	
/*------------------------------------
Impressum
-------------------------------------*/
#imp {
	display:none;
	}

/*------------------------------------
Formular
-------------------------------------*/
#main .ce_form label, #main .mod_form label {
    color: #000000;
    float: left;
    margin-bottom: 0;
    padding-right: 20px;
    width: 120px;
}
#main .ce_form input, #main .ce_form textarea, #main .mod_form input, #main .mod_form textarea {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #000000;
    margin-bottom: 10px;
    padding: 3px 5px;
    width: 230px;
}
fieldset.checkbox_container, fieldset.radio_container {
    border: 0 none;
    margin: 10px 0 0;
    padding: 0;
}
#main .radio_container legend {
    border: 0 none;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
	width:140px;
}

#main .checkbox_container input, #main .radio_container input {
    background-color: #FFFFFF;
    border: 0 none;
    float: left;
    height: 20px;
    margin: 0 10px 0 0;
    width: 20px;
}
#main .radio_container label {
    padding-right: 10px;
    width: auto;
}

span.mandatory, span.captcha_text {
    color: #003D8F;
}
#main .ce_form textarea, #main .mod_form textarea {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    height: 100px;
}
#main .ce_form p.error, #main .mod_form p.error {
    color: #003D8F;
    float: right;
    font-size: 11px;
    margin: 0 -2px 0 0;
    padding-right: 0;
    width: 195px;
}
#main .submit_container input {
    color: #003D8F;
    display: inline;
    float: left;
    height: 30px;
    margin: 0 0 0 140px;
    padding: 0;
    width: 150px;
}
#main .checkbox_container legend {
    margin-bottom: 10px;
    width: auto;
	float:left;
}
.checkbox_container span {
    display: inline-block;
    float: right;
    margin-left: 0;
    width: 440px;
}
.row_11 {
	margin-left:140px;
	font-size:0.75em;
}

/*------------------------------------
Events
-------------------------------------*/
#events .header {
	border-top:2px solid #003D8F;
	margin-top:13px;
	padding-top:13px;
}
#events .header.first {
	border-top:none;
	margin:0;
	padding:0;
}