/* {cursor: pointer;}*/

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

	Hintergrund, Ausrichtung und allgem. Textauszeichnung
	
----------------------------------------------------------------------- */

body.schwarz	{
	height: 100%;
	margin:0;
	padding: 0;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 19px;
	color: #000000;
	background-color: #000000;
}

body.weiss	{
	height: 100%;
	margin:0;
	padding: 0;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 19px;
	color: #000000;
	background-color: #FFFFFF;
}

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

	Bildausszeichnung
	
----------------------------------------------------------------------- */
img {
	margin:0;
	padding: 0;
}

#vergroessern_btn{
	padding: 0;
	width:152px;
	margin-top: 0px;
	margin-left: 0px;
}

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

p{
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 19px;
	padding:0;
	margin-bottom:11px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-left: 2px;
}

h1 {
	font-family: Helvetica, sans-serif;
	padding:0;
	font-size:24px;
	font-weight:900;
	line-height:26px;
	margin-bottom: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 2px;
}


h2 {
	font-size:16px;
	font-weight:bold;
	line-height:22px;
	color:#000000;	/*color:#666666;*/
	font-family: Helvetica, sans-serif;	/*text-align:right;*/
	text-transform: uppercase;
	padding: 0;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 2px;
}

h3{
	font-size:13px;
	font-weight:bold;	/*text-align:right;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 19px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-left: 2px;
}



h5 {
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #000000;
	text-align: left;
	padding: 4px;
	margin: 0px;
	padding-left: 2px;
}



span.kursiv{
	font-size:13px;
	font-weight:bold;	/*text-align:right;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-left: 2px;
	
}


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

	Link Allgemein
	
-----------------------------------------------------------------------*/



a	{
	text-decoration:none;	
}

a:link	{
	text-decoration:none;
	}

a:hover {
	text-decoration:none;	
}
		
a:active{
	text-decoration:none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}

a:focus {
		outline:0;
		
}



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

	 Textlink 
	
-----------------------------------------------------------------------*/

a.textlink	{
	font-family: Helvetica, sans-serif;
	text-decoration:none;
	text-transform: uppercase;
	text-decoration:none;
	color:#33CCCC;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 2px;
	font-style: normal;
}

a.textlink:link	{
	text-decoration:none;
}

a.textlink:hover {
	
	color:#FFFFFF;
	background-color: #33CCCC;	
}
		
a.textlink:active{ 
	color:#FFFFFF;
	background-color: #33CCCC;	
}
	


a.textlink:focus {
		outline:0;
}



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

	kleiner Artikel
	
-----------------------------------------------------------------------*/

.bildklein{
	width:152px;
	height:152px;
	float:left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 3px;
}



.textbildklein{
	width:550px;
	margin-left:16px;
	float:left;
	height: 170px;
}

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

	Bildhintergründe in kleinen Artikeln
	
-----------------------------------------------------------------------*/


#mod_10{
	background-image: url(../images/teaser_mp_2010.jpg);	
	
}


#dmy_09{
	background-image: url(../images/dmy_09.jpg);	
	
}


#wc_08{
	background-image: url(../images/wc_08.jpg);	
}

#tok_07{
	background-image: url(../images/tok_07.jpg);	
}

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

	Liste mit Bullets
	
-----------------------------------------------------------------------*/
ul.bulletsfett {
	list-style-type:none;
	padding: 0px;
	margin-top:0px;
	margin-left: 18px;
	margin-right: 30px;
	padding-top: 0px;
	list-style-image: url(../img/square.png);
	color: #777777;
	line-height: 18px;
	
}


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

	Layout Basics Positionierung der Hauptelemente zentiert
	
-----------------------------------------------------------------------*/ 





#page_wrap {
			position: relative;
			/*height: 100%;*/
			width: 100%;
			background-color: green;
}



/* Umhüllt Contentbereich und Footer*/		

#page {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



#page_index {
	position: relative;
	width: 100%;
	margin: 0px auto;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}
		
#page_diashow_weiss {
			position: relative;
			height:100%;
			margin: 0px auto;
			background-color: #FFFFFF;
}
		
#content_container {  /* Hintergrund Oben horizontal vollflächig */
	position: relative;
	height:568px;
	margin: 0px;
	padding:0px;
}

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

	Lange Seite
	
	Highlights (vorher Shows)
	
-----------------------------------------------------------------------*/ 

#content_container_hoeher {  /* Hintergrund Oben horizontal vollflächig */
	position: relative;
	height:780px;
	margin: 0px;
	padding:0px;
}
	
/*---------------------------------------------------------------------*/ 	

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

	Mittlere Seitenhöhe
	
	Family und Imprint 
	
-----------------------------------------------------------------------*/ 

#content_container_mittelhoch {  /* Hintergrund Oben horizontal vollflächig */
	position: relative;
	height: 580px;
	margin: 0px;
	padding:0px;
}
	
/*---------------------------------------------------------------------*/ 	
		


#content_und_navi {
	/*height: 80%;*/
	position: relative;
	/*min-*/height: 740px;  /* an dieser Höhe richtet sich der Footercontaineraus */
	width: 988px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 40px;
		}
		
		
#content_und_navi_index {
	/*height: 80%;*/
	position: relative;
	/*min-*/height: 528px;  /* an dieser Höhe richtet sich der Footercontaineraus */
	width: 988px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 40px;
	background-repeat: no-repeat;
	background-position: center bottom;
		}
		
#footer {
	/*position: relative;*/
	/*min-height: 80px;*/
	margin: 0px;
	padding:0px;	 /* HG Farbe des Footers*/
	background-color: #000000;
		}

#footercontent {
	height: 60px;
	/*position: relative;*/
			margin: 0px auto;
	/*height: 40px;*/
			padding:0px;
	width: 985px;
		}

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

	Layout Diashow Seiten
	
-----------------------------------------------------------------------*/ 		
		
#content_container_diashow_schwarz {
			background-color: #000000;
			margin: 0px;
			padding:0px;
			
		}
		
			
#content_container_diashow_weiss {
			background-color: #FFFFFF;
			margin: 0px;
			padding:0px;
			
		}


#diashow {
	/*height: 80%;*/
	position: relative;
	height: 642px;
	width: 920px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding: 0;
	padding-top: 30px;
		}

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

	Navigation
	
-----------------------------------------------------------------------*/
.magi	{
	width:236px;
	margin-left:0px;
	margin-right:0px;
	float:left;
	padding-top: 34px;
}


.navi{
	width:236px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.navi ul{
	padding:0;
	margin:0;
	width: 240px;
	list-style-type:none;
	line-height: 50px;
	padding-top: 8px;
}

.navi li{
	margin:0;
	width: 240px;
	list-style-type:none;
	line-height: 40px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
				
.navi a	{
	display:block;
	line-height:100%;
	text-decoration:none;
	font-size:100%;
	padding: 0px;
	margin: 0px;
}


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

	Auszeichnung des aktiven Listenpunktes
	
-----------------------------------------------------------------------*/

.aktiv {
	padding:0;
	margin:0;
	color:#777777;
	/*color:#F103BC;*/
}



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

	Sub-Navigations Layout und Linkauszeichnung  //  Philosophy  //
	
-----------------------------------------------------------------------*/





ul.subnavi {
	margin:0px;
	padding:0px;
	
	list-style-type:none;	
	padding-top: 2px;
	padding-bottom: 4px;

}

a.sub_phil {
	/*display:block;*/
	text-decoration:none;
	width:68px;
	font-size:14px;
	line-height:16px;
	padding-left:2px;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	color:#747474;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 3px;
}


a.sub_phil:link	{
	text-decoration:none;
}

a.sub_phil:hover {
	
	color:#FFFFFF;
	background-color: #ffe900;	
}
		
a.sub_phil:active{ 
	color:#FFFFFF;
	background-color: #ffe900;	
}
	


a.sub_phil:focus {
		outline:0;
}


a.aktiv_sub_phil {
	/*display:block;*/
	
	width:68px;
	font-size:14px;
	line-height:16px;
	padding-left:2px;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 3px;
	color:#FFFFFF;
	background-color: #ffe900;	
}



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

	Aktiver Sub-Navigations-Punkt
	
-----------------------------------------------------------------------*/

.subaktiv{
	margin:0px;
	padding:0px;
	color:#f45ca5;	
	display:block;
	font-size:12px;
	line-height:10px;
	padding-left:12px;

}


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

	Contentbereich
	
--------------------------------------------------------------------------------------------*/

.content	{
	width:742px;
	float:left;
	margin-top: 54px;
	margin-left: 8px;
}


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

	Reclothings Contentbereich 
	
--------------------------------------------------------------------------------------------*/

.content_reclothings	{
	width:742px;
	height:auto;
	float:left;
	margin-top: 34px;
}


	

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

	Zusätzliche Deffinitionen
	
-----------------------------------------------------------------------*/

#newscontent {
	font-variant: small-caps;
	text-transform: uppercase;
	height: auto;
	width: 232px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 36px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

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

	Footer Inhalt
	
----------------------------------------------------------------------- */

#sound {
	position: relative;
	/*height: 60px;*/
	width: 60px;
	float: left;
	padding-top: 12px;
}

#dklogo {
	position: relative;
	/*height: 60px;*/
	width: 925px;
	float: left;
	padding-top: 12px;
}

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


/*
#hintergrund {
	background-color: #00FFFF;
	width: 100%;
}

*/


#newstext {
	background-color: #CCCCFF;
	margin: 0px;
	padding: 0px;
}

.kursiv {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}

.textbildgross {
	width: 410px;
	float: left;
	margin-left: 16px;
}



.artikel{
	width: 740px;
}

.mehr_artikel{
	width: 740px;
}

.artikelbildgross {
	width: 740px;
	height: 330px;
}

.artikelbildklein {
	width: 720px;
	height: 170px;
	clear: left;
}

.bildgross {
	height: 312px;
	width: 312px;
	float: left;
}

/* Bildaausnahmen */
.bildgross_phil {
	height: 312px;
	width: 312px;
	float: left;
	background-image: url(../images/workprozess_pict.jpg);
}


.bildklein {
	height: 152px;
	width: 152px;
	float: left;
}

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

	Text ohne Bild Zweispaltig
	
-----------------------------------------------------------------------*/

.zweispalten {
	width: 740px;
	height: auto;
}



.textspalte_eins {
	width: 312px;
	float: left;
	margin-left: 0px;
	padding-top: 2px;
}

.textspalte_zwei {
	width: 410px;
	float: left;
	margin-left: 16px;
	padding-top: 2px;
}

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

	Flash Einbindung
	
-----------------------------------------------------------------------*/

#flashmovie {
	height: 602px;
	width: 898px;
}


#zurueck {
	height: 20px;
	width: 880px;
	padding-bottom: 8px;
}




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

	CSS-Deffinition Kontaktformular
	
----------------------------------------------------------------------- */

/*

.bezeichnung {
	width: 180px;
	height:400px;
	border: none;
	padding-left:20px;
	padding-top:110px;
	float:left;
	line-height: 18px;
	}
	
.bez	{
	line-hight:40px;
	padding-bottom:12px;
	color: #666666;
	font-weight: normal;
	text-align: right;
	line-height: 17px;
	}
	
.formular {
	border: none;
	padding-top:106px;
	float:left;
	width: 450px;
	}
	
.einezeile {
	float:clear;
	padding-left:16px;
	padding-bottom:12px;
	}

.form {
	width:400px;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
	background-color: #FFFFFF;
	font-family: Georgia, serif;
	font-weight: normal;
	color: #666666;
	font-size: 11px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	line-height: 18px;
	margin-top: 0px;
	padding: 4px;
	}
	
.textfeld{
	padding-left:16px;
	padding-top:0px;
	padding-bottom: 8px;
	}
	
	
.buttonsrechts{
	width: 280px;
	margin-left: 8px;
}
	
.btn{
	width: 90px;
	height:24px;
	background-color: #999999;
	padding-bottom:3px;
	font-weight: normal;
	font-size: 10px;
	color:white;
	margin-left: 8px;
	padding-top: 2px;
	width: 90px;
	border: none;
	}
	
	
*/
	
.bildgross_button {
	height: 312px;
	width: 312px;
}