/************************************************************************/
/*********      G E N E R E L L E   D E F I N I T I O N E N      ********/
/************************************************************************/
html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, li
{
   margin: 0;
   padding: 0;
 }

html, body
{
	height:100%; /* G A N Z   W I C H T I G  !!!*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	line-height:15px;
	color:#353535;
	text-align:center;
	background: #c2c2c2 url(../img/allg/bg_body.gif) top center repeat-x;

}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
	font-weight:bold;
	color:#01968D;
	line-height:19px;
	letter-spacing:1px;
	margin-bottom:25px;
}


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

.invisible {display: none;}

#container
{
	position:relative;
	z-index:0;
	width:888px;
	height:100%;
	margin:0 auto;
	text-align:left; /* Ausgleich der Zentrierung im Body */
	background: url(../img/allg/bg_content.gif) top left repeat-y;
}

#bg_content /*  zieht die vertikale Hintergrundkachel (linke Spalte und Content) auf */
{
	position:absolute;
	z-index:0;
	margin:0px;
	padding:98px 0px 20px 0px;
	width:888px;
	/*height:100%;*/
	background: url(../img/allg/bg_content.gif) top left repeat-y;
	/*background:yellow;*/
}


#welle_oben /* deckt den teil oberhalb der welle weiss ab */
{
	width:888px;
	height:244px;
	position:absolute;
	z-index:1;
	margin-top:-98px;
	float:left;
	/*background: url(../img/allg/bg_welle_oben.gif) top center repeat-x;*/
	/*border: black 1px solid;*/
}

#main
{
    position:relative;
    z-index:3;
    width:648px;
    margin-left:230px;
    margin-top:0px;
    padding:0px 0px 0px 0px;
    background:white;
}



#content
{
	position:relative;
	z-index:3;
	width:588px;

	margin-left:0px;
	margin-top:15px;
	padding:0px 0px 0px 30px;
	/*float:left;*/
	/*background:green;*/
}

/*#content .bodytext
{
	text-align:justify;
}*/

#content b, #content strong
{
	font-weight:bold;
	letter-spacing:1px;
}

#content p
{
	margin-top:0px;
	margin-bottom:5px;
}

#content a
{
	font-size: 11px;
	font-weight:bold;
	letter-spacing:0px;
	color:#BF8037;
	text-decoration:none;
}

#content a:hover
{
	text-decoration:underline;
}

#content ul li	{
	list-style-image: url(../img/allg/lipo.gif);
	list-style-type: square;
	margin-left:20px;
	margin-bottom:5px;
}

#content ul li p
{
	margin-top:0px;
	margin-bottom:5px;
}

/** Seite nach oben **/
#content .csc-linkToTop {
 text-align:right;
 margin-top:20px;
	}

#referenzen
{
	font-size: 10px;
	line-height:12px;
}

#referenzen b, #referenzen strong
{
	font-weight:bold;
	letter-spacing:1px;
}

#referenzen p
{
	margin-top:0px;
	margin-bottom:5px;
}

#referenzen a
{
	font-size: 10px;
	font-weight:bold;
	letter-spacing:1px;
	color:#BF8037;
	text-decoration:none;
}

#referenzen a:hover
{
	text-decoration:underline;
}


#nav1
{
	position:relative;
	z-index:4;
	width:648px;
	height:27px;
	margin-left:0px;
	margin-top:0px;
	padding:0px;
	background:#949494;
}

#breadcrumb
{
    position:relative;
    z-index:3;
    width:618px;
		height:30px;
    margin-left:30px;
    margin-top:15px;
    padding:0px;
    font-size:10px;
    color:#353535;
}


#breadcrumb a
{
	font-weight:normal;
	letter-spacing:0px;
	color:#BF8037;
	text-decoration: none;
}

#breadcrumb a:hover
{
	letter-spacing:0px;
	text-decoration: underline;
}

#logo
{
	position:absolute;
	z-index:2;
	margin-left:21px;
	margin-top:15px;
}

#cockpit
{
	position:absolute;
	z-index:3;
	margin-left:680px;
	margin-top:54px;
	width:198px;
	height:17px;
}

.img_galerie_index
{
  margin-top:0px;
	margin-left:0px;
	float:left;
	padding-right:30px;
	padding-left:0px;
	padding-bottom:25px;
	clear:left;
	/*
	border-style: solid;
 	border-color: black;
 	border-width: 1px;
 	*/
}

.img_galerie_index img
{
	width:132px;
}

#footer
{
	font-size:10px;
	margin-top:25px;
	margin-bottom:10px;
	text-align:center;
}

#footer a
{
	font-size:10px;
	font-weight:normal;
}



/************************************************************************/
/**************      N A V I G A T I O N   L I N K S      ***************/
/************************************************************************/

#leftcontent
{
	position:absolute;
	z-index:3;
	width:200px;
	height:60%;
	padding:0px;
	margin-left:10px;
	margin-top:125px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#f0f0f0;
}

#bildleiste_klein
{
	position:absolute;
	width:200px;
	height:40px;
	margin-left:0px;
	margin-top:0px;
}

#navcontainer
{
	position:absolute;
	z-index:3;
	display: block;
  width: 200px;
 	margin-left:0px;
	margin-top:103px;
}

#navcontainer a
{
  display: block;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	line-height:15px;
	color:#353535;
  letter-spacing:1px;
}

/*********************************************************************/
/*** NAVIGATION LINKS EBENE 1 ***/


#navcontainer ul
{
/* |*/overflow: hidden;/**/
	width: 200px;
	list-style: none;
	text-align: left;
	padding: 0;
}

#navcontainer li
{
  margin: 0;
}

#navcontainer ul li a
{
	width:175px;   /*** gesamtbreite minus padding links und rechts ***/
	padding-top:4px;    /*** flexible hoehe der zelle ***/
	padding-right:10px;
	padding-bottom:4px;
	padding-left:25px;
	border-top: 1px solid #fefefe;
  border-bottom: 1px solid #c6c6c6;

}

#navcontainer ul li a:hover
{
	border-top: 1px solid #fefefe;
  border-bottom: 1px solid #cbb398;
	background: #f7d9b9;
}

#navcontainer ul li .act   /*** STYLE FÜR AKTIVEN PUNKT ***/
{
	border-top: 1px solid #fefefe;
  border-bottom: 1px solid #cbb398;
	background: #f7d9b9 url(../img/allg/pfeil_nav2.gif) no-repeat 0px 4px;
}

#navcontainer ul li .act:hover
{
	border-top: 1px solid #fefefe;
  border-bottom: 1px solid #cbb398;
	background: #f7d9b9 url(../img/allg/pfeil_nav2.gif) no-repeat 0px 4px;
}


/**********************************************************************/
/*** NAVIGATION LINKS EBENE 2 ***/


#navcontainer ul li ul li
{
  width: 200px;
  background: #d9d9d9;
  margin: 0;
}

#navcontainer ul li ul li a
{
  display: block;
	width:150px;   /*** gesamtbreite minus padding links und rechts ***/
	padding-top:4px;    /*** flexible hoehe der zelle ***/
	padding-right:10px;
	padding-bottom:4px;
	padding-left:40px;
	font-size: 11px;
  letter-spacing:1px;
  border-top: 1px solid #fefefe;
  border-bottom: 1px solid #b3b3b3;
}

#navcontainer ul li ul li a:hover
{
	background-color:#ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #d2d2d2;
	color:#BF8037;
}

#navcontainer ul li ul li .act	/*** STYLE FÜR AKTIVEN PUNKT ***/
{
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #d2d2d2;
	background: #ffffff url(../img/allg/pfeil_nav3.gif) no-repeat 15px 4px;
	color:#BF8037;
}

#navcontainer ul li ul li .act:hover
{
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #d2d2d2;
	background: #ffffff url(../img/allg/pfeil_nav3.gif) no-repeat 15px 4px;
	color:#BF8037;
}



/************************************************************************/
/*********              T Y P O 3   K L A S S E N                ********/
/************************************************************************/

/* tx_slcssimgtext */
.csi-textpic {
  padding: 0px;
	margin: 0px;
}

.csi-textpic img {
  margin: 0px;
	padding: 0px;
}

.csi-textpic .csi-caption {
	text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
	font-style: italic;  /*XXX demo only*/
}

.csi-textpic .csi-image {
  /*border: 1px solid red;*/
 	margin: 0;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	clear:both;
}

.csi-textpic .csi-imagewrap {
	text-align: center;		/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */
}

.csi-textpic .csi-text {
	text-align: left; /*will have to be an inline style - controlled by TS*/
	/*border: 1px solid red;*/
}

.csi-text p {
	margin: 0;
	padding:0;
}

	/* CENTER */

.csi-center .csi-image {
	margin:0px;
	padding:0px;
}

/* RIGHT */
.csi-right .csi-image {
	float: right;
	clear: both;
	margin-left: 30px;
	margin-top:0px;
	margin-bottom:10px;
}

/*.csi-right div.csi-text {
	clear: right;
	margin:0px;
	padding:0px;
}*/


	/* LEFT */
.csi-left .csi-image {
	float: left;
	clear: both;
	margin-right:30px;
	margin-top:0px;
	margin-bottom:10px;
}

/*.csi-left div.csi-text {
	clear: left;
	margin:0px;
	padding:0px;
}*/


/* INTEXT LEFT */
.csi-intext-left .csi-image {
	float: left;
	clear: both;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:10px;
}


/* INTEXT RIGHT */
.csi-intext-right .csi-image {
	float: right;
	clear: both;
	margin-left: 30px;
	margin-top:10px;
	margin-bottom:10px;
}


/* INTEXT RIGHT NOWRAP */
.csi-intext-right-nowrap .csi-text {
	margin-right: 162px; /*will have to be an inline style - controlled by TS*/
	padding:0px;
}

.csi-intext-right-nowrap .csi-image {
	float: right;
	clear: both;
		margin-bottom:25px;
}


/* INTEXT LEFT NOWRAP*/
.csi-intext-left-nowrap .csi-text {
	margin-left: 162px; /*will have to be an inline style - controlled by TS*/
	padding:0;
	/*border:1px solid black;*/
}

.csi-intext-left-nowrap .csi-image {
	float: left;
	clear: both;
	margin-bottom:25px;
	/*background:green;*/
}

	
.csi-textpic .bodytext
{
	padding:0;
	margin:0;
}

.csi-text h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	line-height:15px;
	color:#353535;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:5px;
}


.csi-text img
{
	margin-top:4px;
	margin-bottom:20px;
}

.csc-textpicHeader h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	line-height:15px;
	color:#353535;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:5px;
}

/************************************************************************/
/*********        B I L D E R G A L E R I E                      ********/
/************************************************************************/

.tx-gooffotoboek-pi1 table
{
	/*border:1px solid black;*/
	background:url(../../../../typo3conf/ext/goof_fotoboek/res/bg_navigation.gif) repeat-x;
	width:588px;
}

.tx-gooffotoboek-pi1 table tr td
{
	text-align:center;
}


.gfpb_portret, .gfpb_landscape
{
	text-align: center;
	width: 145px;
	height: 145px;
	/*background:#d9d9d9;*/
	margin:0px;
	padding:0;
	background:#f0f0f0;
	border-top: 1px solid #fefefe;
  border-right: 1px solid #c6c6c6;
	border-left: 1px solid #fefefe;
  border-bottom: 1px solid #c6c6c6;
}

.gfpb_landscape img
{
	width: 125px;
	margin: 0px;
	border-top: 1px solid #c6c6c6;
  border-right: 1px solid #fefefe;
	border-left: 1px solid #c6c6c6;
  border-bottom: 1px solid #fefefe;
}

.gfpb_portret img
{
	height: 125px;
	margin: 0px;
	border-top: 1px solid #c6c6c6;
  border-right: 1px solid #fefefe;
	border-left: 1px solid #c6c6c6;
  border-bottom: 1px solid #fefefe;
}

.gfpb_empty
{
	background:#ffffff;
}


/*.gfpb_portret
{
	width: 100px;
	height:100px;
	text-align: center;
}


table.gallery
{
	width:588px;
  padding: 0px;
	margin-left:0px;
}

table td.gfpb_landscape
{
		text-align: center;
		padding:0px;
		margin-left:0px;
}*/

/*table.gallery td.gfpb_portret .gfpb_portret
{
		width: 100px;
		height:100px;
		text-align: center;
		border: 1px solid #999999;
}*/


.gallery_nav{
	margin-bottom:10px;
	/*border: 1px solid #999999;*/
}


/************************************************************************/
/*********            S T Y L E S   S T A R T S E I T E          ********/
/************************************************************************/

#container_start
{
	position:relative;
	width:888px;
	margin:0 auto;
	text-align:left; /* Ausgleich der Zentrierung im Body */
}


#logo_start
{
	position:absolute;
	margin-left:114px;
	margin-top:15px;
}


#main_start_schatten
{
	position:absolute;
	width:575px;
	height:461px;
	margin-left:93px;
	margin-top:98px;
	padding:0px 0px 0px 0px;
	background: url(../img/allg/bg_main_start_schatten.gif);
}

#main_start
{
	position:absolute;
	width:555px;
	height:451px;
	margin-left:103px;
	margin-top:98px;
	padding:0px 0px 0px 0px;
	background: url(../img/allg/bg_main_start.jpg) no-repeat;
}

#nav1_start
{
	position:absolute;
	width:555px;
	height:27px;
	margin-left:0px;
	margin-top:36px;
	padding:0px;
	background:#949494;
}

#bilder_start
{
	position:absolute;
	width:465px;
	height:93px;
	margin-left:-93px;
	margin-top:275px;
	padding:0px;
	background:#e6e6e6;
}

#adresse_start_1
{
	position:absolute;
	width:190px;
	height:50px;
	margin-left:30px;
	margin-top:390px;
	padding:0px;
}

#adresse_start_2
{
	position:absolute;
	width:250px;
	height:50px;
	margin-left:240px;
	margin-top:390px;
	padding:0px;
}

#adresse_start_1 a, #adresse_start_2 a
{
	font-weight:bold;
	color:#BF8037;
	text-decoration:none;
}

#adresse_start_1 a:hover, #adresse_start_2 a:hover
{
	text-decoration:underline;
}

#adresse_start_1 b, #adresse_start_1 strong
{
	font-weight:bold;
	letter-spacing:1px;
}

#teaser
{
	position:absolute;
 	font-size: 10px;
	line-height:13px;
	width:220px;
	height:327px;
	margin-left:668px;
	margin-top:134px;
	padding:0px 0px 0px 10px;
	background: url(../img/allg/bg_teaser_schatten.gif) no-repeat;
}

#teaser p
{
	margin-top:0px;
	margin-bottom:5px;
}

#teaser .bodytext a
{
  padding-left:12px;
	font-weight:bold;
	color:#BF8037;
	text-decoration:none;
	background: url(../img/allg/pfeil_mehr.gif)  0px 1px no-repeat;
}

#teaser .bodytext a:hover
{
	text-decoration:underline;
}

#hd_news
{
	position:absolute;
	margin:0px;
}

#teaser_1
{
	position:absolute;
	width:170px;
	height:115px;
	margin-left:15px;
	margin-top:40px;
	overflow:hidden;
}


#teaser_2
{
	position:absolute;
	width:170px;
	height:115px;
	margin-left:15px;
	margin-top:195px;
	overflow:hidden;
}


#teaser_1 img, #teaser_2 img
{
	float:left;
	margin-top:2px;
	margin-right:10px;
	padding-bottom:20%;
	clear:both;
}


/*.teaser_mehr
{
	text-align:right;
	margin-top:5px;
}

.teaser_mehr a
{
	padding-left:12px;
	font-weight:bold;
	color:#BF8037;
	text-decoration:none;
	background: url(../img/allg/pfeil_mehr.gif) no-repeat 0px 1px;
}

.teaser_mehr a:hover
{
	text-decoration:underline;
}
*/

#teaser .csi-intext-left-nowrap .csi-text {
	margin-left: 65px;
	padding:0;
	/*border:1px solid black;*/
}

/************************************************************************/
/*********            S T Y L E S   F O R M U L A R          ********/
/************************************************************************/


/*
form 
{
	width:490px;
  background: #F3F3F3;
	padding: 15px 0px 7px 0px;
  border: 1px solid #D4D4D4;
}*/

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}



.csc-form-labelcell
{
  display: block;
 /* float: left;*/
	text-align: right; 
	padding-right: 20px; 
  width: 150px; /* Breite.*/
}

input
{
  /*float: left;*/
	width:200px;
	height:18px;
  border: 1px solid #C2C2C2;
	background:#F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
	letter-spacing:1px;
	padding-left:0px;
	color: #353535;
	margin-bottom:8px;
}


select 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	color:#353535;
	margin-bottom:8px;
}

textarea
{
  /* float: left;*/
	  /* display: block;*/
	width:200px;
	height:110px;
  border: 1px solid #C2C2C2;
	background:#F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
	letter-spacing:1px;
	padding-left:0px;
	margin-bottom:8px;
	margin-left:0px;
}