
/*****************************/
/*                           */
/* styles erstellt von sloe  */
/*        www.sloe.de        */
/*   author: sandra löwe     */
/* erstellt für clausen & co */
/*                           */
/*****************************/

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

:focus {
		outline: 0px
}

body {
		background-color:#CCD5DC;
		text-align: center;
}

body, td, div {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		line-height:165%;
}

a img {
		border:0px none;
}

a {
		text-decoration:underline;
		color:#55801D;
}

a:hover {
		text-decoration:underline;
		color:#666666;
}

h1 {
		font-size:21px;
		color:#FFFFFF;
		font-weight:normal;
}

h2 {
		color:#D03F32;
		font-size:16px;
		font-weight:bold;
		line-height:165%;
}

h3 {
		font-size:21px;
		font-weight:normal;
		color:#B0B5BD;
		line-height:165%;
}

ul {
		margin-left:15px;
		padding:0px;
}

li {
		list-style-type:none;
		background-image:url(../img/bull.gif);
		background-repeat:no-repeat;
		background-position:0px 8px;
		padding-left:17px;
		margin-left:-17px;
		margin-bottom:5px;
		line-height:165%;
}

td {
		vertical-align:top;
}

/**************************/
/*  allgemeine container  */
/**************************/
#container {
		position:relative;
		margin:0px auto;
		width:957px;
		height:618px;
		background-image:url(../img/bg_container.gif);
		background-repeat:no-repeat;
		text-align:left;
}

#container_flex {
		position:relative;
		margin:0px auto;
		width:553px;
		padding:90px 120px 0 284px;
		background-image:url(../img/bg_streifen.gif);
		text-align:left;
		background-repeat:repeat-y;
}

#content_wrapper {
		position:absolute;
		top:0px;
		left:0px;
		/*background-image:url(../img/bg_top.gif);
background-repeat:repeat-y;*/
height:266px;
		width:957px;
}

#clausenundco {
		position:absolute;
		left:36px;
		top:0px;
}

#navi {
		position:absolute;
		left:36px;
		top:87px;
		width:152px;
		height:495px;
}

#navi_flex {
		position:absolute;
		left:36px;
		top:116px;
		width:152px;
		height:495px;
}

#header {
		position:absolute;
		left:233px;
		top:0px;
		padding-left:51px;
		width:643px;
		height:57px;
		line-height:57px;
}

#content {
		position:absolute;
		left:284px;
		top:90px;
		width:553px;
		height:491px;
}

#content_flex {
		position:relative;
		min-height:467px;
		height:auto !important;
		height:467px;
		width:600px;
		padding-bottom:20px;
}

div#content_flex {
		min-height:467px;
height:expression(this.scrollHeight > 467 ? "auto":"467px");
}

#footer {
		position:relative;
		margin:0px auto;
		width:957px;
		height:41px;
		background-image:url(../img/bg_footer.gif);
}

#buch {
		margin-bottom:10px;
		height:124px;
}

#kontaktlinks {
		position:absolute;
		left:182px;
		top:431px;
		width:auto;
}

#formular {
		position:absolute;
		left:405px;
		top:42px;
		width:181px;
		height:449px;
}

#weiter {
		position:absolute;
		top:0px;
		left:0px;
}

#zitat {
		border:1px solid #6DA325;
		background-color:#EDF4B2;
		padding:13px 22px 13px 22px;
}

/**************************/
/*  container startseiten */
/**************************/
#container_home {
		position:relative;
		margin:0px auto;
		width:957px;
		/*height:578px;*/
		min-height:578px;
		height:auto !important;
		height:618px;
		background-image:url(../img/bg_home.gif);
		background-repeat:no-repeat;
		text-align:left;
}


div#container_home {
		min-height:618px;
height:expression(this.scrollHeight > 618 ? "auto":"618px");
}

#leitsatz {
		position:absolute;
		left:284px;
		top:71px;
}

#content_home {
		position:absolute;
		left:284px;
		top:294px;
		width:605px;
}

#container_start {
		position:relative;
		margin:0px auto;
		width:957px;
		height:618px;
		background-image:url(../img/bg_start.gif);
		background-repeat:no-repeat;
		text-align:left;
}

#clausenundco_start {
		position:absolute;
		left:299px;
		top:79px;
}

#start_li, #start_re {
		position:absolute;
		top:295px;
		height:248px;
		width:253px;
		font-family:Arial, Helvetica, sans-serif;
		padding-top:52px;
}

#start_li {
		left:27px;
		text-align:right;
}

#start_li a, #start_li a:hover {
		font-size:13px;
		font-weight:bold;
		color:#D03F32;
		line-height:128%;
		text-decoration:none;
}

#start_re {
		left:299px;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
}

#start_re a, #start_re a:hover {
		font-size:40px;
		font-weight:normal;
		color:#B0B5BD;
		line-height:60%;
		text-decoration:none;
}

.konflikte {
		padding-top:55px;
		padding-bottom:55px;
}

.loesen {
		padding-top:60px;
		padding-bottom:55px;
}

/**************************/
/*        classes         */
/**************************/
.grau_21 {
		font-size: 21px;
		color: #B0B5BD;
		line-height:165%;
}

.schwarz_12 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		line-height:165%;
}

.unten_16 {
		margin-bottom:16px;
}

.unten_15 {
		margin-bottom:15px;
}

.unten_14 {
		margin-bottom:14px;
}

.oben_10 {
		margin-top:6px;
}

.bildpublikationen {
		float:left;
		margin-right:26px;
}

table.wer td {
		padding-right:34px;
		vertical-align:top;
		line-height:130%;
		font-size:10px;
}

.bg_kontakt {
		background-image:url(../img/anfahrt.gif);
		background-position:left bottom;
		background-repeat:no-repeat;
}

.formfeld, .formbereich {
		border:#7CAFE4 1px solid;
		width:175px;
		background-color:#FFFFFF;
}

.formbereich {
		height:58px;
}

.formfeld {
		height:18px;
}

