/* top,right,bottom,left */



/* DOCUMENT */
html {
	/* height:100.1%; */
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8em;	
	font-family:  arial, sans-serif;
	background: #FFFFFF;
}

a { outline-style: none; }
input { outline-style: none; }
*.submit{ outline: none; }



* {margin: 0px; padding: 0px; border: 0px;}
hr 
{
margin: 0px; 
padding: 0px; 	
border-bottom: 2px solid #919191;
}

h1, h2, h3, h4, h5, h6 {
	font-family:arial, sans-serif;
	margin: 0em 0em 0.5em 0em; 
	color: #666666;
}



/* CLASSES ARE NOT, BUT THESE COLORS ARE USED */
.color1 {color: #51b7e8;}
.color2 {color: #39f026;}
.color3 {color: #f73b2d;}
.color4 {color: #1706f9;}
.color5 {color: #154c17;}
.color6 {color: #f46303;}

.color7 {color: #37004F;}
.color8 {color: #37004F;}
.color9 {color: #37004F;}
.color10{color: #37004F;}

h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}

/*
body#institut em a {color: #51b7e8; text-decoration: none;}
body#ausbildungen em a {color: #39f026; text-decoration: none;}
body#kursangebote em a {color: #f73b2d; text-decoration: none;}
body#malateliers  em a,  body#Malateliers #plz{color: #1706f9; text-decoration: none;}
body#publikationen  em a {color: #154c17; text-decoration: none;}
body#kontakt  em a {color: #f46303; text-decoration: none;}
*/

body#institut a {color: #666666; text-decoration: none;}
body#ausbildungen  a {color: #666666; text-decoration: none;}
body#kursangebote  a {color: #666666; text-decoration: none;}
body#malateliers  a,  body#Malateliers #plz{color: #666666; text-decoration: none;}
body#publikationen  a {color: #666666; text-decoration: none;}
body#kontakt  a {color: #666666; text-decoration: none;}
body#nicht_im_menu  a {color: #666666; text-decoration: none;}

body#institut .currLink, body#institut #HeadEmp a {color: #51b7e8; text-decoration: none;}
body#ausbildungen .currLink, body#ausbildungen #HeadEmp a  {color: #39f026; text-decoration: none;}
body#kursangebote .currLink, body#kursangebote #HeadEmp a  {color: #f73b2d; text-decoration: none;}
body#malateliers .currLink, body#malateliers  #HeadEmp a  , body#Malateliers #plz{color: #1706f9; text-decoration: none;}
body#publikationen .currLink, body#publikationen #HeadEmp a  {color: #154c17; text-decoration: none;}
body#kontakt .currLink, body#kontakt #HeadEmp a  {color: #f46303; text-decoration: none;}
body#nicht_im_menu .currLink, body#nicht_im_menu #HeadEmp a {color: #666666; text-decoration: none;}


body#institut .einleitung {color: #51b7e8; text-decoration: none;font-size: 1.4em;}
body#institut0 .einleitung {color: #51b7e8; text-decoration: none;font-size: 1.4em;}
body#ausbildungen .einleitung {color: #39f026; text-decoration: none;font-size: 1.4em;}
body#kursangebote .einleitung {color: #f73b2d; text-decoration: none;font-size: 1.4em;}
body#malateliers .einleitung {color: #1706f9; text-decoration: none;font-size: 1.4em;}
body#publikationen .einleitung {color: #154c17; text-decoration: none;font-size: 1.4em;}
body#kontakt .einleitung {color: #f46303; text-decoration: none;font-size: 1.4em;}
body#nicht_im_menu .einleitung {color: #666666; text-decoration: none;font-size: 1.4em;}



/* for all without level field alias*/
#newheader, #newheader a  {background-image: url(../images/sys/IHK_Logo_Kontakt.gif);background-repeat:no-repeat;}

body#institut0 #newheader, body#institut0 #newheader a {background-image: url(../images/sys/IHK_Logo_Institut.gif);background-repeat:no-repeat;}
body#institut #newheader, body#institut #newheader a {background-image: url(../images/sys/IHK_Logo_Institut.gif);background-repeat:no-repeat;}
body#ausbildungen #newheader, body#ausbildungen #newheader a  {background-image: url(../images/sys/IHK_Logo_Ausbildungen.gif);}
body#kursangebote #newheader, body#kursangebote #newheader a  {background-image: url(../images/sys/IHK_Logo_Kursangebote.gif);}
body#malateliers #newheader, body#malateliers #newheader a  , body#Malateliers #plz{background-image: url(../images/sys/IHK_Logo_Malateliers.gif);background-repeat:no-repeat;}
body#publikationen #newheader, body#publikationen #newheader a  {background-image: url(../images/sys/IHK_Logo_Publikationen.gif);background-repeat:no-repeat;}

body#nicht_im_menu #newheader, body#nicht_im_menu #newheader a {background-image: url(../images/sys/IHK_Logo_Ausbildungen.gif);background-repeat:no-repeat;}

#newheader{
	margin: 0px 23px 0px 628px;
	width: 209px;
	height:35px;
}


/* WRAPPER-CONTENT */
div#wrapper {
	width: 860px;
	margin: 20px auto;
	/* margin: 0px 40px; */
	text-align: left;
	background: #FFFFFF;
	border:0px solid #000000;
}


/* HEADER */
div#header h1 {
	font-size: 2.5em; 
	font-weight: bold; 
	font-style: normal; 
	text-transform: uppercase;
	text-decoration: none;
	color:#b1b1b1;
	border: 0px;
}
div#header h1 em {
	font-size: 1.0em;
	font-weight: bold; 
	font-style: normal; 
	text-transform: uppercase;
	text-decoration: none;
	border: 0px;
}
div#header {
	height: 40px;
	background: #FFFFFF;
	padding: 10px 30px 10px 30px;
}
span#IHK a {
 	color:#b1b1b1;
 	text-decoration: none;
}

	
/* QUICKSTART */


.quickTopSpace{
height: 10px; 
}

.quickSubSpace{
height: 10px; 
}

div#quickstart li{
	display: inline; 
	float:left;
	padding:0px 0px 0px 0px;
	margin-right:0px;
	cursor:pointer;
}



div#quickstart{
	padding:0px 0px 0px 30px;
	font-size: 1.1em;
	text-decoration: none; 
	font-weight: bold; 
	line-height: 4em; 
	font-style: normal; 
	text-transform: none ;
	text-decoration: none;
	color:#a79d56;
	border: 0px;
	float:left;
	vertical-align:bottom;
}
div#quickstart li em {
	font-size: 1.2em;
	line-height: 2em; 
	font-weight: bold; 
	font-style: normal; 
	text-transform: none ;
	text-decoration: none;
	border-bottom: 1px solid #919191;
}	

div#quickstart a:link {color: #a79d56; text-decoration: none;}
div#quickstart a:visited {color: #a79d56; text-decoration: none;}
div#quickstart a:focus {color: #a79d56; text-decoration: none;}
div#quickstart a:hover {color: #a79d56; text-decoration: none;}
div#quickstart a:active {color: #a79d56; text-decoration: none;}

div#quickstart .newQuickSpace {
	padding:0px 20px 0px 20px;
	height:35px;
}

/* MAIN-MENUE */
div#NavMain{
	background: #FFFFFF;
	margin: 20px 20px 20px 30px;
}
div#NavMain li{
	display: inline; 
}
div#NavMain a {
	font-size: 1.1em;
	text-decoration: none; 
	font-weight: bold; 
	/*text-transform: uppercase; */
	color:#666666;
}

div#SubMenu a:active {text-decoration:underline;}
div#SubMenu a:hover {text-decoration:underline;}

div#SubMenu a:active {text-decoration:none;}
div#SubMenu a:hover {text-decoration:none;}



body#institut #MainLinkInstitut a {color:#51b7e8;}
body#institut #MainLinkHome a {color:#51b7e8;}
span#MainLinkInstitut a:hover {color:#51b7e8;}
span#MainLinkInstitut a:active {color:#51b7e8;}
span#MainLinkHome a:hover {color:#51b7e8;}
span#MainLinkHome a:active {color:#51b7e8;}

body#ausbildungen #MainLinkAusbildungen a {color:#39f026;}
span#MainLinkAusbildungen a:hover {color:#39f026;}
span#MainLinkAusbildungen a:active {color:#39f026;}

body#kursangebote #MainLinkKursangebote a {color:#f73b2d;}
span#MainLinkKursangebote a:hover {color:#f73b2d;}
span#MainLinkKursangebote a:active {color:#f73b2d;}

body#malateliers #MainLinkMalateliers a {color:#1706f9;}
span#MainLinkMalateliers a:hover {color:#1706f9;}
span#MainLinkMalateliers a:active {color:#1706f9;}


body#publikationen #MainLinkPublikationen a {color:#154c17;}
span#MainLinkPublikationen a:hover {color:#154c17;}
span#MainLinkPublikationen a:active {color:#154c17;}

body#kontakt #MainLinkKontakt a {color:#f46303;}
span#MainLinkKontakt a:hover {color:#f46303;}
span#MainLinkKontakt a:active {color:#f46303;}

.NavMainSpace{
padding-left:47px;
}



/* CONTENT */
div#wrap_content {}

/* THREE COLUMNS*/
div#left{padding: 10px 10px 20px 30px;}
div#right{padding: 14px 30px 20px 10px;}
div#maintext {padding: 12px 10px 20px 10px;}

div#left {
	float: left;
	width: 125px;
	background: #FFFFFF;
}
/* PICTURE */
div#right {
	float: right;
	width: 140px;
	min-height:350px
}
div#image {
/*	position:relative; */
/*	top:30px; */
	margin-top:0px;
	padding-top:0px;
	vertical-align:top;
}
div#BlendMessage{
	position:relative;
	top:120px;
	margin-top:0px;
	padding-top:0px;
	vertical-align:top;
	font-size: 1.1em;
	line-height: 1.7em; 
	font-weight: bold; 
	font-style: normal; 
}
div#herzen{
	color:#9f248c; 	
	position:relative;
	top:-16px;
}
div#malen{
	color:#ece70f; 	
	position:relative;
	top:16px;
}

.bold{
	font-weight: bold; 	
}


/* SUB MENUE */
div#left ul {
	list-style-type: none; 	
}
div#left li {
	font-size: 1em;
	line-height: 1.8em; 
	font-weight: bold; 
	font-style: normal; 
	/* text-transform: uppercase ; */
	text-decoration: none;
	vertical-align:text-top;
}

div#left li.submen{
	line-height: 1.2em; 
}
div#left li.half{
	line-height: 0.6em; 
}

div#left li#FirstElement {
	line-height: 1em; 
}

div#SubMenu{
/*	position:relative; */
/*	top:30px; */
	margin-top:0px;
	padding-top:0px;
	vertical-align:top;
}

.submen{
	padding-left:17px;
}

#searchtitle {color:#666666;font-weight: bold;}
#searchform {
line-height: 1.3em; 
}
#searchfrase {
	width:80px;background: #ffffff;
	border: 1px solid #919191;
	font-size: 1em;
	line-height: 1em; 
	padding-bottom:0px; margin-bottom:0px;
	vertical-align:bottom
	}
	
#searchbutton {
	font-size: 1em;
	line-height: 1em; 
	padding-bottom:0px; margin-bottom:0px;
	padding-left:7px;
	vertical-align:bottom
	}
	
.ppsearch{
	padding-left:17px;
	}

#ppsearchfrase {
	width:80px;
        background: #ffffff;
	border: 1px solid #919191;
	font-size: 1em;
	line-height: 1em; 
	padding-bottom:0px; margin-bottom:0px;
	vertical-align:bottom
	}

.SubMenHalfLine{
	font-size: 0.5em;
	line-height: 0.5em;
}

.searchTopSpace{
height: 4px; 
}



/* MAIN TEXT */
div#maintext {
	margin: 0px 180px 0px 165px;
	background: #FFFFFF;
	font-size: 1em;
	line-height: 1.4em; 
	font-weight: normal; 
	font-style: normal; 
	text-transform: none ;
	text-decoration: none;
	color: #111111;
/*	padding: 50px 10px 20px 10px; */
}
div#maintext a{
color: #666666;
text-decoration:underline;
}

div#maintext ul{
margin:0px;
padding: 10px 10px 10px 20px;
}

div#MainTextTitle, div#MainTextTitle h1 {
	font-size: 1.3em;
	line-height: 1em; 
	font-weight: bold; 
	font-style: normal; 
	text-transform: none ;
	text-decoration: none;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

div#maintext img{
padding-top:3px;
}



/* MAIN LINKS */
/* div#maintext a {padding-bottom: 1px;} */
/* div#maintext a:link {border-bottom: 1px solid #E3004F;} */


/* FOOTER */
div#footer {
	background: #FFFFFF;
	margin:20px 0px 10px 0px;
}

div#footerTextBlock {
width: 680px;
	margin:8px auto 0px 30px;

	text-align:left;
	font-family:arial, sans-serif;
	color: #666666;
	font-size: 0.8em;
	line-height: 1em; 
	float:left;
}

span#footerText {
	border-bottom: 1px solid #000000;
}


div#eduqua {
	margin:0px 0px 0px 680px;
	padding-left:34px;
}

div#eduqua a, div#eduqua a img {
	margin-left:0px;
	padding-left:0px;
}

#gineta_link {
font-family:arial, sans-serif;
color:#797979;
font-size: 0.6em;
text-align:left;
padding:0px 0px 0px 30px;
margin-top:0px;
margin-bottom:0px;
position:relative;
top:-12px;
}

#gineta_link a:link {text-decoration:none;color:#747476;}
#gineta_link a:visited {text-decoration:none; color:#747476;}
#gineta_link a:focus {text-decoration:none; color:#747476;} 
#gineta_link a:hover {text-decoration:none; color:#747476;}
#gineta_link a:active {text-decoration:none; color:#747476;}




/* --- SECTION LIST ATELIER --- */

.col3{
	padding:0px 11px 0px 0px; 
}



.col2{
	padding:0px 11px 0px 11px; 
}


.AtlListTable {
	font-size: 1em;
	line-height: 1.1em; 
}

.AtlListTable td {
	padding: 6px 6px 6px 6px;
	vertical-align:top;
}
.AtListCellNormal{
	line-height: 1.2em;	
}
.AtListCellNormal a:link {text-decoration: none; color: #123456;}
.AtListCellNormal a:visited {text-decoration: none;}
.AtListCellNormal a:hover {text-decoration: none;}
.AtListCellNormal a:active {text-decoration: none;}



.AtlListTHead tr th, AtlListTHead th {
	font-size: 1.1em;
	line-height: 1.8em; 
	color: #FFFFFF;
	/* background: #1706f9; */
background: #919191;
	padding-left:10px;
	vertical-align: middle;
}

.AtListCellTitle {
	line-height: 1.3em;
	font-weight: bold; 
	font-style: normal; 
	text-transform: none ;
	text-decoration: none;
	margin-top: 0px;
}

.even td, .even td div {
	/* background: #cbcdf9; */
	background: #f6f6f6;
}
.odd td, .odd td div {
	/* background: #dee0fb; */
	background: #eeeeee;
}
/* --- SECTION LIST ATELIER --- */

/* --- SECTION LIST TRAINING --- */
.ppAtlListTable {
	font-size: 1em;
	line-height: 1.1em; 
/* org:"" var1:border: 1px solid #919191; var2:*/
/*	border: 1px solid #919191; */
}

.ppAtlListTable td {
	padding: 6px 6px 6px 6px;
	vertical-align:top;
}
.ppAtListCellNormal{
	line-height: 1.2em;	
}
.ppAtListCellNormal a:link {text-decoration: none; color: #123456;}
.ppAtListCellNormal a:visited {text-decoration: none;}
.ppAtListCellNormal a:hover {text-decoration: none;}
.ppAtListCellNormal a:active {text-decoration: none;}



.ppAtlListTHead tr th, ppAtlListTHead th {
	font-size: 1.1em;
	line-height: 1.8em; 
	color: #FFFFFF;
/* org:39f026 var1:919191 var2:*/
	background: #919191; 
	padding-left:10px;
	vertical-align: middle;
}

.ppAtListCellTitle {
	line-height: 1.3em;
	font-weight: bold; 
	font-style: normal; 
	text-transform: none ;
	text-decoration: none;
	margin-top: 0px;
}

.ppeven td, .ppeven td div {
/* org:8bf081 var1:ffffff var2:*/
	background: #f6f6f6;
}
.ppodd td, .ppodd td div {
/* org:cff7ca var1: var2:*/
	background: #eeeeee;
}
/* --- SECTION LIST TRAINiNG END --- */

/* --- CONTACT FORM --- */
.formMain {
width:410px;
}

.formMain, .formMain fieldset{
	background: #eeeeee;
	border:1px solid #919191;
	padding:20px;
}
.hidden{
	background: #eeeeee;
	border:0px solid #919191;
	padding:20px;
}



.lable{
float:left;
width:50px;
text-align:right;
border:0px solid #919191;
}
.input{
width:300px;
border:0px solid #919191;
margin-left:60px;
}


.hint{
padding:0px 0px 10px 0px;
}
.message, inputText{
margin-top:10px;
}


.submitinput{
text-align:left;
}
.submitClass{
	border:1px solid #919191;
	padding:2px;
	background: #ffffff;
}

.inputNorm{
border:1px solid #919191;
line-height: 1.5em;
font-size: 1em;
font-family: arial, sans-serif; 
}
.inputFalse{
border:1px solid red;
line-height: 1.5em;
font-size: 1em;
font-family: arial, sans-serif; 
}

.lablespace{
border:1px solid #ffffff;
line-height: 1.5em;
font-size: 1em;
font-family: arial, sans-serif; 
} 

.textinput{
border:1px solid #ffffff;
line-height: 1.5em;
font-size: 1em;
font-family: arial, sans-serif; 
} 

.thankMessage{
	background: #eeeeee;
	border:1px solid #919191;
	padding:20px;
}

.contLeftTab{
	width: 80px;
	text-align: right;
	vertical-align:top;
	background: #eeeeee;
	border:0px solid #919191;
	padding:2px 10px 2px 0px;
	margin 1px;
}
.contRightTab{
	background: #eeeeee;
	border:0px solid #000000;
	padding:2px 10px 2px 0px;
	margin 1px;
}

/* --- CONTACT FORM --- */




/* --- SECTION RTE --- */
.mehr, div#maintext .mehr, div#maintext table tr td .mehr a:link{
color:red;
font-size:0.9em;
text-decoration:none;
border: 0px solid #919191;	
font-weight: normal; 
font-style: normal;
}

div#maintext table tr td .mehr a:link, div#maintext .mehr a:link, .mehr a:link {text-decoration:none; color:red; font-size:0.9em; border: 0px solid #919191; font-style: normal; font-weight: normal; }
div#maintext .mehr a:link, .mehr a:visited {text-decoration:none; color:red; font-size:0.9em; border: 0px solid #919191; font-style: normal; font-weight: normal; }
div#maintext .mehr a:link, .mehr a:focus {text-decoration:none; color:red; font-size:0.9em; border: 0px solid #919191; font-style: normal; font-weight: normal; } 
div#maintext .mehr a:link, .mehr a:hover {text-decoration:none; color:red; font-size:0.9em; border: 0px solid #919191; font-style: normal; font-weight: normal; }
div#maintext .mehr a:link, .mehr a:active {text-decoration:none; color:red; font-size:0.9em; border: 0px solid #919191; font-style: normal; font-weight: normal; }



/* CLASES FROM RTE */
/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* html > body #ausbildungen .Institut > div #wrapper > div #wrap_content > div #maintext > table .imgtext-nowrap > tbody > tr > td > div > span .mehr > a */

.grosstext{
font-size:2em;
}


.defloat {clear: both;}