/**
 * tämä on template fresch
 */

*
{
/* Mo, 13.07.2009 Änderung von "margin: 0;" crea un margen al rededor de la imagen del header */
	margin: 0;
/* Mo, 13.07.2009 Änderung von "padding: 0;" hace distancia de la imagen del header con el ramo */
	padding: 0;
}

body
{
/* Mo, 13.07.2009 Änderung von "background: #F2E3ED;" el color de fondo afuera de la casilla de contenido*/
	background: #FFFFFF;
/* Mo, 13.07.2009 Änderung von "color: #000000;" */
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;
/* Mo, 13.07.2009 Änderung von "padding: 0px;" crea un espacio entre arriba y el header */
	padding: 0px;
/* Mo, 13.07.2009 Änderung von "text-align: center;" */
	text-align: left;
}

/* ################   Position ################  */
#all
{
/* Mo, 13.07.2009 Änderung von :"background: #FFFFFF;" el color de todo el fondo entre el cuadrillo de todo el contenido */
	background: #FFFFFF;
/* Mo, 13.07.2009 Änderung von :"border: solid 1px #DBB0CD;" el color y el gruezo del ramo de la cuadrillo de todo el contenido */
	border: solid 0 #074171;
/* Mo, 13.07.2009 Änderung von :"color: #000000;" */
	color: #000000;
/* Mo, 13.07.2009 Änderung von :"font-size: 0.8em;" aquí se cambia el tamaño de la letra de toda la página web */
	font-size: 0.8em;
/* Mo, 13.07.2009 Änderung von :"margin: 0 auto;" */
	margin: 0 auto;
/* Mo, 13.07.2009 Änderung von :"max-width: 1000px;" IMPORTANTE: Aquí se define la anchura de la casilla de contenido 890 */
	max-width: 890px;
/* Mo, 13.07.2009 Änderung von :"padding: 0 3px 3px 3px;"  '2nd la dist a la derecha' '4th distancia a la izquierda' pero de toda la casilla de contenido */
	padding: 0 0 0 0;
/* Mo, 13.07.2009 Änderung von :"text-align: left;" el texto completo del contenido se puede posicionar a la derecha, izquierda o central */
	text-align: left;
}

#page { }

#header
{
/* Mo, 13.07.2009 Änderung von :"background: #fff" atrás del header el color del fondo */
	background: #fff;
/* Mo, 13.07.2009 Änderung von :"color: #000000;" el color de letra que está escrito en la parte de fondo atrás de la imagen header */
	color: #000000;
/* Mo, 13.07.2009 Änderung von :"margin: 0;" la distancia entre el ramo y el header de imagen */
	margin: 0;
	position: relative;
/* Mo, 13.07.2009 Änderung von :text-align: right; */
	text-align: right;
/* Mo, 13.07.2009 Änderung von :"border-bottom: solid 4px #ccc;" un margen que surge abajo del header y abajo del nombre del temaplate */
	border-bottom: solid 0 #ccc;
}

#contentarea,#contentarea2
{
/* Mo, 13.07.2009 Änderung von "border: solid 0px #000;" Pone un margen al derredor da la parte de contenido */
	border: solid 0px #074171;
/* Mo, 13.07.2009 Änderung von "margin: 0;" crea una distancia entre el texto y el ramo en la casilla de contenido */
	margin: 0;
/* Mo, 13.07.2009 Änderung von "padding: 0px 0px 0px 0px;" parecido a margin, crea una distancia entre ramo y texto de la casilla de contenido */
	padding: 0px 0px 0px 0px;
	position: relative;
	overflow: hidden;
}
/* Mo, 13.07.2009 Änderung von "#wrapper { margin: 0 0 0 21%}" sumamente IMPORTANTE: Aquí se puede definier en % cuanto ocupa la tabla izquierda */
#wrapper { margin: 0 0 0 15px}
#left
{
/* Mo, 13.07.2009 Änderung von "background: #FFFFFF;" el color de fondo de la tabla izquierda */
	background: #7FFF00;
/* Mo, 13.07.2009 Änderung von "border-right: solid 0px #EEEEEE;" crea un margen en la derecha de la casilla izquierda */
	border-right: solid 0px #EEEEEE;
/* Mo, 13.07.2009 Änderung von "float: left;" hace posible, que la tabla izquierda se posicione con "right" al lado derecho   */
	float: left;
/* Mo, 13.07.2009 Änderung von "margin: 20px 0 0 0;"  la distancia entre la casilla izquierda de contenido y la parte de arriba */
	margin: 20px 0 0 0;
/* Mo, 13.07.2009 Änderung von "width: 21%;"  en % el tamaño de los buttons de la casilla de izquierda  */
	width: 3%;
}

#right
{
/* Mo, 13.07.2009 Änderung von "color: #000;"  */
	color: #000;
/* Mo, 13.07.2009 Änderung von "float:left;"  */
	float: left;
/* Mo, 13.07.2009 Änderung von "width: 28%;" en % el tamaño de la tabla derecha  */
	width: 5%;
/* Mo, 13.07.2009 Änderung von "padding-top:10px"  padding para la tabla derecha  */
	padding-top: 0px

}

#main2
{
/* Mo, 13.07.2009 Änderung von "background: #fff;"  cambia el color del fondo para la casilla central del contenido  */
	background: #fff;
/* Mo, 13.07.2009 Änderung von "width:64%;" altera el tamaño de la casilla central de la casilla de contenido */
	width:100%;
/* Mo, 13.07.2009 Änderung von "padding: 25px 20px 20px 20px;" la distancia tomada desde arriba izquierda haca en centro de la casilla central  */
	padding: 10px 10px 10px 10px;
	position: relative;
/* Mo, 13.07.2009 Änderung von "min-height:520px;" agora */
	min-height:420px;
/* Mo, 13.07.2009 Änderung von "float:left;" al cambiar a 'right' el contenido de la casilla central se translada a la derecha */
	float:right;


}

#main
{
/* Mo, 13.07.2009 Änderung von "background: #fff;"  no tengo la menor idea que hace eso */
	background: #000;
/* Mo, 13.07.2009 Änderung von "margin: 0 0px 0 0;"  no tengo la meno ideo que hace eso */
	margin: 0 0px 0 0;
/* Mo, 13.07.2009 Änderung von "padding: 25px 20px 20px 20px;"  no tengo la meno ideo que hace eso */
	padding: 25px 20px 20px 20px;
	position: relative;
}

/* ###################### generell ###################### */
.unsichtbar,.u2,.invisible , .unseen
{
/* Mo, 13.07.2009 Änderung von "display: inline;" */
	display: inline;
/* Mo, 13.07.2009 Änderung von "height: 0px;"   */
	height: 0px;
	left: -3000px;
	position: absolute;
/* Mo, 13.07.2009 Änderung von "top: -2000px;"  */
	top: -2000px;
/* Mo, 13.07.2009 Änderung von "width: 0px;" */
	width: 0px;
	z-index: 200;
}

.wrap
{
/* Mo, 13.07.2009 Änderung von "border: 0;" no tengo la menor idea   */
	border: 0;
	clear: both;
	float: none;
	font-size: 1px;
	height: 0;
	line-height: 1px;
/* Mo, 13.07.2009 Änderung von "margin: 0;"  */
	margin: 0;
	padding: 0;
	visibility: hidden;
}

#logo
{
/* Mo, 13.07.2009 Änderung von "font-size: 1em !important;" */
	font-size: 1em !important;
	font-weight: bold !important;
	position: relative;
/* Mo, 13.07.2009 Änderung von "text-align: left;" */
	text-align: left;
	text-transform: none !important;
	z-index: 0;
/* Mo, 13.07.2009 Änderung von "margin-top: 1em;" */
	margin-top: 1em;
}

#logo  img { display: block; }

#logo span
{
/* Mo, 13.07.2009 Änderung von "display: block;" */
	display: block;
/* Mo, 13.07.2009 Änderung von "margin: 0px 0 0 100px !important;"  no tengo la menor idea de lo que hace eso   */
	margin: 0px 0 0 100px !important;
/* Mo, 13.07.2009 Änderung von "border-bottom: solid 1px #666;"  no tengo la menor idea de lo que hace eso */
	border-bottom: solid 1px #666;
}

/* ###############  main * ########################### */
/* position */
.leading
{
/* Mo, 13.07.2009 Änderung von "background: #EFDEEA url(../images/biene.gif) no-repeat top left;" */
	background: #EFDEEA url(../images/biene.gif) no-repeat top left;
	border: solid 1px #CCCCCC;
	color: #000000;
/* Mo, 13.07.2009 Änderung von "margin: 30px 0px 10px 0px;" */
	margin: 30px 0px 10px 0px;
/* Mo, 13.07.2009 Änderung von "padding: 20px 20px 40px 120px;" */
	padding: 20px 20px 40px 120px;
	position: relative;
}

.leading_separator
{
/* Mo, 13.07.2009 Änderung von "border-bottom: solid 0px #333333;" no tengo la menor idea */
	border-bottom: solid 0px #333333;
	display: block;
/* Mo, 13.07.2009 Änderung von "height: 10px;" */
	height: 10px;
/* Mo, 13.07.2009 Änderung von "margin: 0 0 0px 0;" */
	margin: 0 0 0px 0;
}

.article_separator
{
/* Mo, 13.07.2009 Änderung von "border: solid 1px #333333;" no tengo la menor idea */
	border: solid 1px #333333;
	display: none;
/* Mo, 13.07.2009 Änderung von "margin: 0px 0 0px 0;" */
	margin: 0px 0 0px 0;
}

/* Mo, 13.07.2009 Änderung von ".blog { padding: 0; }" */
.blog { padding: 0; }

.cols1
{
	display: block;
	float: none !important;
/* Mo, 13.07.2009 Änderung von "margin: 0 !important;"  no tengo la menor idea*/
	margin: 0 !important;
}
/* Mo, 13.07.2009 Änderung von ".cols2 { width: 45%; }" */
.cols2 { width: 45%; }
/* Mo, 13.07.2009 Änderung von ".cols3 { width: 30%; }" */
.cols3 { width: 30%; }

.column1 , .column2
{
/* Mo, 13.07.2009 Änderung von "border: solid 0px #D4A7C5;" no tengo la menor idea  */
	border: solid 0px #D4A7C5;
/* Mo, 13.07.2009 Änderung von "margin: 0 5px 0 0;" */
	margin: 0 5px 0 0;
	position: relative;
}

.column2 , .column1
{
/* Mo, 13.07.2009 Änderung von "float: left;" no tengo la menor idea */
	float: left;
/* Mo, 13.07.2009 Änderung von "margin: 0;" */
	margin: 0px;
}

.column2
{
/* Mo, 13.07.2009 Änderung von "float: right;" no tengo la menor idea */
	float: right;
/* Mo, 13.07.2009 Änderung von "margin: 0;" */
	margin: 0;
/* Mo, 13.07.2009 Änderung von "width: 45%;" */
	width: 45%;
}

.article_row
{
/* Mo, 13.07.2009 Änderung von "margin: 0px 0 0px 0;" */
	margin: 0px 0 0px 0;
	padding: 0;
	overflow: hidden;
}

.article_column
{
/* Mo, 13.07.2009 Änderung von "border: solid 0px #ccc;" no tengo la menor idea */
	border: solid 0px #ccc;
/* Mo, 13.07.2009 Änderung von "padding: 10px 10px 10px 0;" */
	padding: 10px 10px 10px 0;
}

.row_separator2
{
	display: block;
	clear: both;
/* Mo, 13.07.2009 Änderung von "margin: 0;" */
	margin: 0;
/* Mo, 13.07.2009 Änderung von "border: solid 0px;" */
	border: solid 0px;
}