/* CSS Styles by Fabrice Steurer, www.artofwork.ch */

/* ************************************************************************ */
/* Links
/* ************************************************************************ */
A:link    {text-decoration: underline;  font-size: 12px; color: #000000;}
A:visited {text-decoration: underline;  font-size: 12px; color: #000000;}
A:active  {text-decoration: underline;  font-size: 12px; color: #000000;}
A:hover   {text-decoration: underline;  font-size: 12px; color: #666666;}

A.smallMail:link    {text-decoration: underline;  font-size: 9px; color: #000000;}
A.smallMail:visited {text-decoration: underline;  font-size: 9px; color: #000000;}
A.smallMail:active  {text-decoration: underline;  font-size: 9px; color: #000000;}
A.smallMail:hover   {text-decoration: underline;  font-size: 9px; color: #666666;}

A.footerLink:link    {text-decoration: underline; font-size: 12px; color: #000000;}
A.footerLink:visited {text-decoration: underline; font-size: 12px; color: #000000;}
A.footerLink:active  {text-decoration: underline; font-size: 12px; color: #000000;}
A.footerLink:hover   {text-decoration: none; font-size: 12px; color: #000000;}

/* ************************************************************************ */
/* Grundsätzliche Standart-Definitionen
/* ************************************************************************ */
body,TD{   
		scrollbar-base-color: #B7B7B7;			/* Farbe der Scrollbar, Hintergrund */
		scrollbar-track-color: #B7B7B7;			/* Farbe der Scrollbar, Hintergrund */
		scrollbar-face-color: #3F3F3F;			/* Farbe des Scrollers */
		scrollbar-darkshadow-color: #000000;   		/* Konturen der ganzen Scrollbar rundherum */
		scrollbar-shadow-color: #cccccc;		/* Pfeile und Konturen des Scrollers */
		scrollbar-arrow-color: #cccccc;			/* Pfeile und Konturen des Scrollers */
		
		font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; color: #000000; font-size: 13px;		
}






/* ######################################################################## */
/* INTRO: Beginn
/* ######################################################################## */
.randIntro
{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	
	background-color: #646033;
	color: #000000;
}

.introBackground
{
	background-image:url(../_images/intro_background.gif);
	background-repeat:repeat-y;
	padding: 31px;
}

.introButtonsAbstand
{
	padding-right: 44px;
}

/* ######################################################################## */
/* INTRO: Ende
/* ######################################################################## */



/* ######################################################################## */
/* WEBSITE GLOBAL: Beginn
/* ######################################################################## */
.rand
{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	
	background-color: #474747;
	color: #000000;
	
	background-image:url(../_images/background_streifen.jpg);
	background-repeat:repeat-x;
}

.TextTitel
{
	font-size: 15px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.TextFarbe
{
	font-size: 13px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}


.TextKlein
{
	font-size: 11px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}

.contentMitte
{
	background-color: #ffffff;
	color: #000000;
	padding: 10px;
}

.footerBackground
{
	background-image:url(../_images/footer.png);
	background-repeat:no-repeat;
}

.header_workshop
{
	background-image:url(../de/_images/header_workshop.jpg);
	background-repeat:no-repeat;
}

.header_workshop02
{
	background-image:url(../de/_images/header_workshop02.jpg);
	background-repeat:no-repeat;
}

.header_workshop03
{
	background-image:url(../de/_images/header_workshop03.jpg);
	background-repeat:no-repeat;
}

.header_ausstellungen
{
	background-image:url(../de/_images/header_ausstellungen.jpg);
	background-repeat:no-repeat;
}

.header_corinne01
{
	background-image:url(../de/_images/header_corinne01.jpg);
	background-repeat:no-repeat;
}

.header_news01
{
	background-image:url(../de/_images/header_news01.jpg);
	background-repeat:no-repeat;
}

.header_kunden01
{
	background-image:url(../de/_images/header_kunden01.jpg);
	background-repeat:no-repeat;
}

.header_kunden02
{
	background-image:url(../de/_images/header_kunden02.jpg);
	background-repeat:no-repeat;
}

.header_kunden03
{
	background-image:url(../de/_images/header_kunden03.jpg);
	background-repeat:no-repeat;
}

.header_kunden04
{
	background-image:url(../de/_images/header_kunden04.jpg);
	background-repeat:no-repeat;
}

.header_kunden05
{
	background-image:url(../de/_images/header_kunden05.jpg);
	background-repeat:no-repeat;
}

.header_bilder01
{
	background-image:url(../de/_images/header_bilder01.jpg);
	background-repeat:no-repeat;
}

.header_bilder02
{
	background-image:url(../de/_images/header_bilder02.jpg);
	background-repeat:no-repeat;
}

.header_bilder03
{
	background-image:url(../de/_images/header_bilder03.jpg);
	background-repeat:no-repeat;
}

.header_bilder04
{
	background-image:url(../de/_images/header_bilder04.jpg);
	background-repeat:no-repeat;
}

.header_bilder05
{
	background-image:url(../de/_images/header_bilder05.jpg);
	background-repeat:no-repeat;
}

.header_bilder06
{
	background-image:url(../de/_images/header_bilder06.jpg);
	background-repeat:no-repeat;
}

.header_bilder07
{
	background-image:url(../de/_images/header_bilder07.jpg);
	background-repeat:no-repeat;
}

.header_bilder08
{
	background-image:url(../de/_images/header_bilder08.jpg);
	background-repeat:no-repeat;
}

.header_bilder09
{
	background-image:url(../de/_images/header_bilder09.jpg);
	background-repeat:no-repeat;
}

.header_work01
{
	background-image:url(../de/_images/header_work01.jpg);
	background-repeat:no-repeat;
}

.header_work02
{
	background-image:url(../de/_images/header_work02.jpg);
	background-repeat:no-repeat;
}

.header_work03
{
	background-image:url(../de/_images/header_work03.jpg);
	background-repeat:no-repeat;
}

.header_work04
{
	background-image:url(../de/_images/header_work04.jpg);
	background-repeat:no-repeat;
}

.header_work05
{
	background-image:url(../de/_images/header_work05.jpg);
	background-repeat:no-repeat;
}

.header_work06
{
	background-image:url(../de/_images/header_work06.jpg);
	background-repeat:no-repeat;
}

.header_work07
{
	background-image:url(../de/_images/header_work07.jpg);
	background-repeat:no-repeat;
}

.header_work08
{
	background-image:url(../de/_images/header_work08.jpg);
	background-repeat:no-repeat;
}

.header_work09
{
	background-image:url(../de/_images/header_work09.jpg);
	background-repeat:no-repeat;
}

.header_audioplayer
{
	background-image:url(../de/_images/header_audioplayer.jpg);
	background-repeat:no-repeat;
}

.header_media01
{
	background-image:url(../de/_images/header_media01.jpg);
	background-repeat:no-repeat;
}

.header_media02
{
	background-image:url(../de/_images/header_media02.jpg);
	background-repeat:no-repeat;
}

.header_references01
{
	background-image:url(../de/_images/header_references01.jpg);
	background-repeat:no-repeat;
}

.header_contact01
{
	background-image:url(../de/_images/header_contact01.jpg);
	background-repeat:no-repeat;
}

.content_Background_Contact
{
	background-image:url(../_images/background_contact.jpg);
	background-repeat:no-repeat;
	padding: 22px;
}



/* ######################################################################## */
/* WEBSITE GLOBAL: Ende
/* ######################################################################## */


/* ######################################################################## */
/* KONTAKTFORMULAR: Beginn
/* ######################################################################## */
.Contactfarbe
{
	font-size: 13px;
	color: #D8C137;
}

.ContactSmall
{
	font-size: 11px;
	color: #000000;
}

.ContactFormular
{
		background-color: #DDDDDD;
		color: #000000;
		border: 1px solid #ffffff;
		width: 300px;
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 13px;
		height: 17px;
}


.ContactFormularKlein
{
		background-color: #DDDDDD;
		color: #000000;
		border: 1px solid #ffffff;
		width: 148px;
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 13px;
		height: 17px;
}

.ContactAntispam
{
		background-color: #DDDDDD;
		color: #000000;
		border: 1px solid #ffffff;
		width: 80px;
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 13px;
		height: 17px;
}


.ContactTextarea
{
		background-color: #DDDDDD;
		color: #000000;
		border: 1px solid #ffffff;
		width: 300px;
		height: 140px;
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 13px;
}

.ContactButton
{
		background-color: #BCBCBC;
		color: #000000;
		border: 1px solid #ffffff;
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 13px;
}




/* ######################################################################## */
/* KONTAKTFORMULAR: Ende
/* ######################################################################## */






/* ************************************************************************ */
/* Allgemeine Klassen
/* ************************************************************************ */
.content_start
{
	background-color: #FCDB67;
}



.background_unten
{
	background-color: #004D77;
	background-image:url(../_images/bg_unten.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	
	/*
	background-position:
	top = vertikal obenbündig.
	bottom = vertikal untenbündig.
	center = zentriert (horizontal oder vertikal, center center kann als center zusammengefasst werden).
	left = horizontal linksbündig.
	right = horizontal rechtsbündig.
	top right;
	top left;
	*/
	
}


.title
{   
		font-family: Arial, Helvetica, sans-serif;  font-weight: bold; color: #797979; font-size: 15px;	
}

.titleGross
{   
		font-family: Arial, Helvetica, sans-serif;  font-weight: bold; color: #797979; font-size: 20px;	
}

.titleFarbe{   
		font-family: Arial, Helvetica, sans-serif;  font-weight: bold; color: #78CBFF; font-size: 14px;
		
}

.small{   
		font-family: Arial, Helvetica, sans-serif;  color: #999999; font-size: 9px;	
}

.smallHell{   
		font-family: Arial, Helvetica, sans-serif;  color: #cccccc; font-size: 9px;	
}


.smallWeiss{   
		font-family: Arial, Helvetica, sans-serif;  color: #ffffff; font-size: 9px;	
}


.farbe{   
		font-family: Arial, Helvetica, sans-serif;  color: #666666; font-size: 13px;	
}

.gruen
{
	color: #00ff30;
}

.rot
{
	color: #FF1717;
}

.rotTitle
{
	color: #FF4C59;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

.red
{
	color: #FF4C59;
}

.gelb
{
	color: #FFCC00;
}

.boxgruen
{
	padding: 6px; background-color: #10810B;
}

.boxneutralgrau
{
	padding: 6px; background-color: #374B56;
}

.boxrot
{
	padding: 6px; background-color: #FF4C59;
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-size: 12px;	
}

.boxgelb
{
	padding: 6px; background-color: #D94D00;
	border: 1px solid #000000;
}

/* ************************************************************************ */
/* Klassen für Formulare
/* ************************************************************************ */
.formular{
		background-color: #333333;
		color: #ffffff;
		border: 1px solid #cccccc;
		width: 180px;
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 12px;
		height: 17px;
}


.antispam{
		background-color: #333333;
		color: #ffffff;
		border: 1px solid #cccccc;
		width: 80px;
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 12px;
		height: 17px;
}


.textarea{
		background-color: #333333;
		color: #ffffff;
		border: 1px solid #cccccc;
		width: 300px;
		height: 90px;
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 12px;
}

.button{
		background-color: #333333;
		color: #ffffff;
		border: 1px solid #cccccc;
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 12px;
}