html,body{margin:0;padding:0;background-color: #fff;}
body{font: 76% arial,sans-serif;text-align:center}

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a { text-decoration: none; }
a:link, a:visited {color: #0a0a0a;}
a:hover {background-color: #fff; color: #F11390;}
a:active {background-color: #fff; color: #F11390;}

a img, :link img, :visited img {border: none}
a.active { background-color: #efefef; color: #0a0a0a; }


p{margin:0 10px 10px 10px;}
a{display:block;color: #981793;padding:10px}
div#header h1{
	height:140px;
	line-height:140px;
	margin:0;
  padding-left:10px;
	background: #fff;
	color: #79B30B;
  background-image: url("http://kreativakademien-noe.at/images/header_kreativakademien.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: hand;
	}
div#container{text-align:left}

div#emotion{
  background-image: url("");
	background-position: 0 0;
	background-repeat: no-repeat;
	}
div#extra{
  background-image: url("");
	background-position: 0 0;
	background-repeat: no-repeat;
	}
div#footer{background: transparent;color: #FFF; height: 120px;}
div#footer p{margin:0;padding:5px 10px}

div#container{width:700px;margin:20px auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 110px 0 210px;}
div#emotion{float:left;width:105px;margin-left:-105px;margin-top: -140px;height: 480px;}
div#emotion a{ padding: 0px; margin: 0px;}
div#emotion img{ padding: 0px; margin: 0px;}
div#extra{float:left;width:195px;margin-left:-700px; height: 490px; }
div#footer{clear:left;width:470px;}
div#emotion p { display: none; }
div#extra p { display: none; }
/*div#footer * { display: none; } */ 
div#footer { padding: 10px 10px 20px 0; margin-left: 200px; }
div#footer img { margin: 0 0 0 20px; }
div#footer a {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: inline;
}
#emotion div {
	padding: 0px;
	background-color: white;
	margin: 0px;
	line-height: 7px;
	}
#noe_rechts a img {
	padding: 10px 0 0 10px;
}
#akmenu
{
padding: 0 0 0 0;
margin: 0 0 0 -2px;
width: 180px;
display: block;
background-color: #fff;
}
#akmenu li
{
margin: 0 0 0 0;
width: 180px;
display: block;
padding-left: 5px;
}
#akmenu li a { 
	text-decoration: none; 
  padding: 0;
	line-height: 15px;
	font-size: 13px;
	height: 18px;
	color: #0a0a0a;
	}
#akmenu a:hover {background-color: #fff; color: #F11390;}

#detailmenu
{
padding: 0 0 0 0;
margin: 0 0 20px -2px;
width: 200px;
display: block;
background-color: transparent;
}
#detailmenu li
{
margin: 0 0 0 0;
width: 200px;
display: block;
padding-left: 5px;
}
#detailmenu li a { 
	text-decoration: none; 
  padding: 0;
	line-height: 15px;
	font-size: 13px;
	min-height: 18px;
	color: #0a0a0a;
	}
#detailmenu a:hover {background-color: #fff; color: #F11390;}
#akmenu li a.menuactive {color: #F11390;}
#detailmenu li a.menuactive {color: #F11390;}
#detailmenu #floatingmenulink_left { width: 90px; display: inline; float: left;}
#detailmenu li li #floatingmenulink_right { width: 90px; display: block;}

#kreativ-noe {
	padding: 0px;
	margin: 0px;
}


#standortswitch {
	font-family: Arial,Verdana, sans-serif; 
	font-size: 10px; 
	margin: 0 0 0 0; 
	border-width: 1px; 
	border-color: #ccc;
	width: 120px;
	}
li form {
float: right; 
width: 120px;
margin-right: 5px;
height: 18px;
}
@media all{
 * html b\ody #detailmenu {
 	width: 205px;


 }
 }
@media all{
 * html b\ody #detailmenu li {
 	width: 205px;

 }
 }
.bgangebote {
  margin: 0 0 0 0;
  width: 180px;
  display: block;
  padding-left: 5px;
	
}
.bgangebote a {
	text-decoration: none; 
  padding: 0;
	line-height: 18px;

	font-size: 13px;
	color: #0a0a0a;
}

h2.title {
	font-size: 16px;
	font-weight: 700;
	margin:0 10px 15px 10px;
}

#extra_boxes {
	border: 0px solid red;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 200px;
}
#extra_boxes a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
				 
}
#extra_boxes .boxi {
	margin: 0 7px 7px 0;
	padding: 0 0 0 0;
	border: 0px solid green;
	width: 91px;
	float: left;
	display: block;	
}
#extra_boxes .box {
	margin: 0 7px 7px 0;
	padding: 0 0 0 0;
	border: 1px solid black;
	width: 91px;
	height: 91px;
	float: right;

}
#extra_boxes .box a {
	font-size: 10px;
	color: #71646B;
	padding: 3px 2px 1px 4px;	
	text-decoration: none;
	
}
#extra_boxes .box a:hover {
	color: #F11390;
	
}
#extra_boxes img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #0a0a0a;
	float: left;					 
}
#extra_boxes .box_3line a:hover{	
	text-decoration: none;
	padding: 0px;	
}
#extra_boxes .box_3line a:visited{	
	text-decoration: none;
	padding: 0px;	
}
#extra_boxes .box_3line {
	font-size: 10px;
	color: #71646B;
	padding: 0 2px 0 4px;	
	text-decoration: none;
	line-height: 20px;
  border: 1px solid #0a0a0a; 
	width: 185px;
	height: 20px;
	margin: 7px 0 7px 0;
	display: block;
}

#content form {
	font-family: Arial,Verdana, sans-serif; 
	font-size: 10px; 
	margin: 0 0 0 0; 
	border-width: 1px; 
	border-color: #ccc;
	width: 360px;
	}
#content input, select {
	font-family: Arial,Verdana, sans-serif; 
	font-size: 10px;
	border-width: 1px; 
	border-color: #ccc;
	width: 250px; 
	float: right;
	}
#content label {
	width: 70px; 	
	}
#content a:link, a:visited {
	color: #0a0a0a;
	text-decoration: underline;
	}
#content a:hover {
	color: #F11390;
	}
#content a {
	padding: 0px;
	margin: 0px;
	}
div#content p { line-height:18px; }
div#content { width: 380px; }
div#content p a img {
	padding: 0 8px 8px 0;
	float: left;
	height: ;
	width: ;
}
#extra_boxes {
	border: 0px solid red;
	margin: 0 0 0 0;
	padding: 7px 0 27px 0;
	width: 200px;
}
#extra_boxes a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
		 
}
#extra_boxes .boxi {
	margin: 0 7px 7px 0;
	padding: 0 0 0 0;
	border: 0px solid green;
	width: 91px;
	float: left;
	display: block;	
}
#extra_boxes .box {
	margin: 0 7px 7px 0;
	padding: 0 0 0 0;
	border: 1px solid black;
	width: 91px;
	height: 91px;
	float: right;
}
#extra_boxes .box a {
	font-size: 10px;
	color: #71646B;
	padding: 3px 2px 1px 4px;		
}
#extra_boxes .box a:hover {
	color: #F11390;
	
}
#extra_boxes img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #0a0a0a;
	float: left;					 
}


		/* using Tantek hack, clearing the float is done via a BR in IE5.x, to avoid 
IE5.x bug. For other browsers the clear will be done via a DIV to avoid the 
extra line of height that a BR renders. */

br.clearIE5 { clear: both;       /* IE5.x will use this clear */
      voice-family: "\"}\"";  /* hide "display:none" from IE5.x */
      voice-family:inherit;
      display: none; }      /* other browsers will not render the BR */
html>body br.clearIE5 { display: none; } /* allow Opera to recover and get 
correct value */

div.clear {
      voice-family: "\"}\"";  /* hide "clear:both" from IE5.x */
      voice-family:inherit;
      clear: both; }        /* other browsers will use this DIV to clear
floats */
html>body div.clear { clear: both; } /* allow Opera to recover and get
correct value */


/* another clearfix-varian from http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */