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

	Project		:	kammerchor Baden
	Copyright	:	Design - www.diaphan.ch

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


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset {}
img { margin:0px;}



legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}


ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}


/******************************************** links */

a{text-decoration:underline;font-weight:normal;}
a:link{c}
a:hover{text-decoration:none}
a:focus{text-decoration:none}
a:visited{}
a:active{text-decoration:none}

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background:white;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:890px;
	background:url(bg_2.gif) repeat-y;
}


/* ### Header ##################################################################### */

#distanzhalter {
	width:890px;
	height:50px;
	background-color: white;
}

#abstand_breadcrumb {
	display: block;
	position: relative;
	float: left;
	width:25px;
	height:25px;
}

#header {
	position:relative;
	padding:0;
	height:162px;
	width: 840px;
}
#teaser {
	position:relative;
	float:right;
	padding:0;
	height:162px;
}
#teaser img{
	border: 1px solid white;
}


/* ### Content #################################################################### */

#content {
	display:block;
	clear:both;
	position:relative;
	min-height: 420px;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {
	padding-left: 35px;
	padding-top:15px;
}

#main {
	float:left;
	padding-right:20px;
	padding-top:10px;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	color: #fff;
	width:650px;

}

/* ### Hilfskonstruktion Hauptspalte + Rechte Spalte ################################################### */

#superbox {
	display:block;
}


#main-content-block {
	display:block;
	padding-right:0px;
}

#hauptspalte {
	float:left;
	display:block;
	width:420px;
}

/* ### Rechte Spalte ################################################### */

#box_rechtespalte {
	float:right;
	padding-right:0px;
	width:227px;
}
#box_rechtespalte p{
	padding-right:30px;
}

#rechtespalte {
	color: #fff;
}

/* ### Footer ###################################################################### */

#footer {
	display:block;
	width:100%;
}