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

	Project		:	www.diaphan.ch
	Copyright	:	www.diaphan.ch

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


#site-content {
	text-align:left;
}
/* ### headlines ############################################################ */

#main-block h1 {
	padding-top: 10px;
	padding-bottom: 5px;
	color:#E8D34F;
	background: inherit;
	font-size:1.8em;
	font-weight:normal;
	line-height:1.8em;
	letter-spacing: 0.1em;
}

#main-block h2 {
	padding-top: 5px;
	padding-bottom: 5px;
	color:white;
	background: inherit;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.6em;
}

#main-block h3 {
	padding-top: 0px;
	padding-bottom: 5px;
	color:white;
	background: inherit;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
}

#main-block h4 {
	padding-top: 0px;
	padding-bottom: 5px;
	color:#E8D34F;
	background: inherit;
	font-size:1.0em;
	font-weight:normal;
	line-height:1em;
}


h6 {
	padding-top: 10px;
	color:white;
	background: inherit;
	font-size:1.0em;
	font-weight:normal;
	line-height:1.4em;
	letter-spacing: 0.1em;
}

#rechtespalte h3 {
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom:10px;
}

/* ### Textile-Modul ############################################################ */


p	{margin-bottom: 0em;}


em { font-weight: normal;color: #E8D34F;}
strong	{ font-weight: bold;color: #E8D34F;}
i	{ font-weight: bold;color: #E8D34F;font-style: oblique;font-size: 1.2em;}
b 	{ font-weight: normal;color: #E8D34F;}

blockquote	{ font-weight: bold;color: #96abca;font-style: oblique;font-size: 1.2em;padding-left: 50px;}
cite { font-weight: normal;color: white;font-style: oblique;font-size: 0.8em;}

del {}
ins {}

sup {color: #E8D34F;}
sub {color: #E8D34F;}

pre	{font-size:1.2em; }
address	{font-style:normal }

code {}

span {}

acronym {}


/* ### Images ############################################################ */

.team img {
	display:block;
	margin-top: 10px;
	margin-bottom: 10px;
	border:1px solid white;
}

.floatLeft img{
	float:left;
	margin-right:30px;
	margin-top: 0px;
	margin-bottom: 20px;
	border: 0px solid white;
}

.floatRight img{
	float:right;
	margin-left:30px;
	margin-top: 10px;
	margin-bottom: 20px;
	border:1px solid white;
}


/* ### 03 - Bildmodul erweitert ########################################### */

.pleft img {
	display:block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right:20px;
	border:1px solid white;
}

/* ### Tabellen ############################################################ */

.chronik table{
}
.chronik tbody tr {
	background-color: white;
}
.chronik tbody th p{
	margin-top:0px !important;
	padding: 3px;
	color:#2e5a99;
	font-weight: bold;
}
.chronik tbody td{
	border-bottom:1px dotted white;
	border-collapse: collapse;
	background-color: #2e5a99 !important;
	vertical-align: top;
}
.chronik tbody td p{
	margin-top:0px !important;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom:0px solid white;
	line-height: 1em;
}

/* ### Tabellen-Modul Backend ############################################################ */

#tabelle tbody td{
}

/* ### Hyperlinks ######################################################### */

#main-block a, 
#main-block a:link {
	color:#E8D34F;
	background: inherit;
	text-decoration:underline;
}

#main-block a:hover {
	color:#E8D34F;
	background: inherit;
	text-decoration: none;
}

#main-block a.faq, 
#main-block a.faq:link {
	color:#eee;
	background: inherit;
	font-size:1.3em;
	text-decoration:none;
	text-transform:none;
	line-height: 2.0em;
}

#main-block a.faq:hover {
	color:#E8D34F;
	background: inherit;
	text-decoration:underline;
}


/* ### Paragraphs ########################################################## */

#main-block p {
	margin-top:1.2em;
	font-size:1.2em;
	line-height:1.8em;
	padding-right: 30px;
}

#nav p {
	margin-bottom:1.2em;
}


/* ### 11 - Linie ########################################################## */

#main-block hr {
	float: none;
	clear: both;
	height: 1px;
	color: white;
	border-top: 0px;

}


/* ### 06 - Link Top ########################################################## */

.top img {
	border: none;
}


/* ### Blockquotes ########################################################## */

#main-block blockquote {
	margin:0 0 0 20px;
}


/* ### Lists ################################################################ */

#main-block ul, 
#main-block ol {
	margin-bottom:1.2em;
	padding-left:10px !important;
	font-size:1.2em;
	line-height:1.6em;
	list-style-type: circle !important;
}

#main-block ol li {
	margin:0 0 0 30px;
	list-style-type:decimal-leading-zero;
} 
#main-block ul li {
	margin:0 0 0 10px;
	list-style-type: disc;
}


/* ### Module ################################################################ */





/* ### 07 - Download ################################################################ */
/* Diese CSS-Angaben stammen aus der originalen main.css */
/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p { 
  width:97.3%; /* IE6 Hack */
	margin: 0;
}

#main-block .download-hdl p { 
	padding-top: 20px;
	background-color: transparent;
	font-weight: bold;
	color: #E8D34F;
}

#main-block .download-file { 
	padding-top: 7px;
	border-left: 0px solid #393;
	border-right: 0px solid #393;
}

#main-block .download-file img{ 
	border: none;
}

#main-block .download-desc { 
	margin-bottom: 1.2em;
	padding: 0px;
	background-color: transparent;
	border-left: 0px solid #393;
	border-right: 0px solid #393;
	border-bottom: 0px solid #393;
}

#main-block .download-without-desc { 
	margin-bottom: 1.2em;
	border-top: 0px solid #393;
}



/* Beispiel-CSS für Galerie-Modul magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}




/* 
REDAXO-Modul: XForm für redaxo 4.1!

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



div#form-module {}
form#form_formular {}

p.formcheckbox {}
input.checkbox {}
label.checkbox {}

p.formtext {}

p.formtextarea {}
textarea.textarea {}

p.formcaptcha {clear: both;border-top:25px;}
label.captcha img {}
.captcha img {margin-top:10px;}
p.formcaptcha input {
	background-color: #e8d34f;
	color:#2e5a99;
	border-left: 1px solid #96abca;
	border-bottom: 1px solid #96abca;
	border-right: 3px solid #96abca;
	border-top: 3px solid #96abca;
}
.formsubmit {}
p.formsubmit {}
input.submit {}
label.formsubmit {}
input.submit:hover {}

p.answertext {}
ul.form_warning {color: #e8d34f;}
ul.form_warning li {}


label.text{
	width: 225px;
	height: 25px;
	display:block;
	clear: left;
	float:left;
	padding-top:5px;
	padding-right:5px;
	text-align: right;
}

label.textarea{
	width: 225px;
	height: 25px;
	display:block;
	float:left;
	clear: left;
	margin-top:5px;
	padding-right:5px;
	text-align: right;
}
input.text {
	float:left;
	width: 325px;
	height:20px;
	background-color: #e8d34f;
	color:#2e5a99;
	border-left: 1px solid #96abca;
	border-bottom: 1px solid #96abca;
	border-right: 3px solid #96abca;
	border-top: 3px solid #96abca;
}

textarea.textarea {
	width: 300px;
	height:150px;
	float: left;
	padding-right: 30px;
	background-color: #e8d34f;
	color:#2e5a99;
	border-left: 1px solid #96abca;
	border-bottom: 1px solid #96abca;
	border-right: 3px solid #96abca;
	border-top: 3px solid #96abca;
}

.submit{
	background-color: white;
	color:#c02a36;
	margin-top: 10px;
	border-left: 1px solid #96abca;
	border-bottom: 1px solid #96abca;
	border-right: 3px solid #96abca;
	border-top: 3px solid #96abca;
}


/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0px none; margin:1px}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0px none;padding:0px;vertical-align:top; margin:1px}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}




/* 03 - Bildergalerie
*******************************************************************************/
.image 
	{
	margin-right:20px;
	float: left;
	}


/* JAOS Gallery
*******************************************************************************/
#jaos
	{
	margin:0 auto;
	}

.jaosg_galerie
	{
	text-align:center; 
	vertical-align:middle; 
	padding:5px;
	}

.jaosg_thumbnail 
	{
	margin:5px;
	float: left;
	height: 80px;
	width: 80px;
	text-align: left;
	vertical-align:middle;
	}

.jaosg_nav
	{
	text-align: center;
	}

.jaosg_bild	
	{
	text-align: center;
	}

.jaosg_bildbeschreibung
	{
	text-align: justify;
	}
	
	
/* Hasso Gallery
*******************************************************************************/


#hassoGallery {
	margin-left: 50px;
	padding: 0;
	font-size: medium ;
	
	
}


#hassoNav {
	display: block;
	text-align:left;

}

#hassoNav ul {
	display: block;
	text-align:left;
	list-style: none;
	margin-left: 0.5em;
	font-size: small ;
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

#hassoNav a {
	display: block;
}

#hassoNav a:hover {
	display: block;
	background-color:silver;
}

#hassoNav #active {
	display: block;
	background-color:silver;

}

#hassoThumbs {
	float: left;
	padding: 0;
	width: 370px;
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #e5e5e5;
	text-align: center;
	
}

#hassoThumbs .hassoThumb {
	float: left;
	margin: 10px 5px 10px 5px;
	border:0;
	height: 110px;
	width: 110px;
	text-align: center;
	vertical-align:middle;
	
}

#hassoThumbs .hassoThumb a {
	border:0;
	
}

#hassoThumbs .hassoThumb a img {
	border:0;
	
}


#hassoPic {
	text-align:center;
	padding: 5px;
	width: 360px;
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #e5e5e5;
}


#hassoPic .hassoTitle {
	font-style:oblique;
	text-align:left;
	
}

#hassoPic .hassoDescription {
	text-align:left;	
}

#hassoPic img {
	border: 0px;
	margin: 0px;
}


#hassoPrevNextNav {
	display: block;
	font-size: small ;
	width: 370px;
	margin:0;
	padding: 0;

}


#hassoPrevNextNav #hassoPrevPic{
	float: left;
	
}


#hassoPrevNextNav #hassoNextPic{
	float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
	text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
	text-align:right;
		
}


/*Teaser Style*/
/*Style für Categorie Überschrift
*/
.dl.teasercat { color: #666; font-size: 14px; font-family: arial; font-weight: bold; background-color: #ccc; text-indent: 12px; padding: 3px; }
dl.teasercat a { color: #900; font-weight: bold; text-decoration: none; }
/*Style für Artikel Übersicht*/
dl.teaserart { background-color: #e9e8e8; height: 20%; margin: 15px 0; padding: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
dl.teaserart a { color: blue; }
dl.teaserart:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
dl.teaserart dt { margin: 0 0 0.5em; font-family: arial; font-size: 14px; color: gray; }
/*Style des Pics*/
dl.teaserart dt img { 
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}
/*Sytle des Description Feldes*/
dl.teaserart dd { 
margin-left: 100px;
font-size: 11px;
line-height: 13px;
color: #666; 
}