/* CSS Document */
@charset "iso-8859-1";

/**********************************	ALLGEMEINES *****************************************/
body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-family: "Verdana", Verdana, Helvetica, sans-serif;}
body,td,div,p,pre,ul {font-size: 11px;}

h1 {font-size: 14pt; }
h2 {font-size: 16px; font-weight:bold;}
h3 {font-size: 14px; color: #000066;}
h4 {font-size: 12px;}
.small {font-size: 12px;}
.mini {	font-size: 11px;}
.minimini {	font-size: 10px; }

/*class (wenn öfter hernehmen) = .   id (wenn es eindeutig sein muss) = # */
img {border: 0px; }
.img_right{float:right;}
.img_left{float:left;}

#content a {	font-size: 11px;text-decoration: none}
#content a:link {color:#000066}
#content a:visited {	color:#000066}
#content a:active {color:#000066}
#content a:hover{color: #666666;	text-decoration: none; background-color:#FFFF66 }


a.rechts {font-size: 11px; font-weight: bold}
a.rechts:link {color: #666666;}
a.rechts:visited {color: #666666;}
a.rechts:active {color: #666666;}
a.rechts:hover {color: #000000; }


/**********************************	HAUPTBEREICH & TOP *****************************************/
#mainArea {width:700px; height: auto;  margin: 0px auto; margin-top:15px; position:relative; }

  /* Komplettausstatter */
#topLeft { 
	float:left;
	margin:0px;
	margin-left:0px;
	width:451px; 
	height:102px;  
	position:relative; 
	background-color:#FFFF66;
	background-image:url(images/header_links.jpg);
}
  /* Krismer-Logo */
#topRight { 
	float:right; 
	margin:0px;
	margin-left:0px;
	width:249px; 
	height:102px;  
	background-color:#FFFF66;
	position:relative;   
}
  /* top-image  */
#header { 
	margin:0px;
	margin-left:0px;
	width:700px; 
	height:150px;  
	position:relative; 
	background-color:#CCCCCC;
	background-image:url(images/top.jpg); 
}


#history { margin:0px;margin-left:0px;width:700px; height:14px; position:relative; background-color:#FFFF66; }
#history div { font-size: 10px; line-height:14px; }
#naviLink{float:left; padding-left: 20px;}
#history div a{ 
	text-decoration: none;
	color:#000000;
}
#history div a:hover{ 
	text-decoration: none;
	color:#FFFF66;
	background-color:#666666;
}
#historyBack{float:right; padding-right:150px; line-height:14px;}


/**********************************	CONTENT *****************************************/
#content{
	width: 700px;
	height: auto;
	background-color:#CCCCCC;
	background-image:url(images/content_bg.gif);
	padding-right: 0px;
}
#main_content{
	padding: 20px;
	width:520px;
}


#main_content h1{
	margin:0px;
	font-size: 14px;
	color:#000066;
	padding-bottom:10px;
}

#main_content h2{
	margin:0px;
	font-size: 12px;
	color:#000066;
	padding-bottom:10px;
}


#main_content p img{
	padding: 0px;
	margin:0px;
	margin-bottom: 7px;
	margin-top: 7px;
	border: 1px solid #999999;
	background-color:#CCCCCC;
}

#main_content ul{
	padding: 0px;
	margin:0px;
	margin-top:-10px;
	margin-bottom:10px;
	margin-left:20px;
}

#main_content li{
	padding: 0px;
	margin:0px;
	list-style-position:inside;
	list-style-type: square;
}


#main_content .gallery {
	font-size: 10px;
}

#main_content .gallery a{
	width: auto;
	height: auto;
	padding: 0px;
	margin:0px;
	background-color:#CCCCCC;
}

#main_content .gallery a:hover {
	background-color:#CCCCCC;
}
#main_content .gallery a:hover img{
	/*width: auto;
	height: auto;*/
	padding: 0px;
	border: 1px solid #666666;
	background-color:#CCCCCC;
}

#main_content .gallery img{
	/*width: auto;
	height: auto;*/
	padding: 0px;
	margin:0px;
	border: 1px solid #999999;
	background-color:#CCCCCC;
}
#main_content #gallery_new img{
	margin:0px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:6px;
}

#main_content p a{
	font-weight:bold;
}
#main_content p a:hover{
	font-weight:bold;
	color:#666666;
	background-color:#FFFF99;
}
#main_content .img_link:hover{
	background-color:#CCCCCC;
}


#main_content p{
	margin:0px;
	padding-bottom: 18px;
}

#right_content{
	float:right; 
	width:125px; 
	height:100%; 
	text-align:center;
	padding-right:10px;
}

  /* Damit in Firefox etc. richtig --> IE 6 braucht hier komischerweise 125px obwohl 130 platz haben sollte */
#content > #right_content{
	width:130px; 
}


:link:focus, :visited:focus { -moz-outline: 0px dotted; }


.absatz_right{
	text-align:right;
	height: 130px;
}

#main_content .absatz_right a img{
	float:left; 
	border:0px solid #FF0000; 
	margin:0px; 
	padding:0px; 
	margin-right:20px;
	height:105px;
}

.absatz_left{
	text-align:left;
	height:130px;
}

#main_content .absatz_left a img{
	float:right; 
	border:0px; 
	margin:0px; 
	padding:0px; 
	margin-left:20px;
	height:105px;
}

#main_content .absatz_left img{
	float:right; 
	border:0px; 
	margin:0px; 
	padding:0px; 
	margin-left:20px;
	height:105px;
}

#main_content .absatz_right img{
	float:left; 
	border:0px solid #FF0000; 
	margin:0px; 
	padding:0px; 
	margin-right:20px;
	height:105px;
}


#main_content > .absatz_right{
	height:auto;
	text-align:right;
	min-height:130px;
}

#main_content > .absatz_left{
	height:auto;
	text-align:left;
	min-height:130px;
}


/* Absatz right mit Text linksbündig - Partner-Seite */
.partnersite div{
	text-align:left;
	height: 105px; 
	margin:0px;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
}

.partnersite h1{
	margin:0px;
	padding: 0px;
	padding-top:20px;
	padding-bottom:0px;
}

.partnersite div h4{
	padding-top:10px;
	margin:0px;
	margin-bottom:15px;
}
.partnersite div a img{
	float:left; 
	border:0px solid #FF0000; 
	margin:0px; 
	padding:0px; 
	margin-right:20px;
	height:105px;
}



/**********************************	FOOTER *****************************************/
#footer_impressum{
	color:#FFFF66;
	float:left;
	line-height: 20px;
}

#footer_links{
	color:#FFFF66;
	float:right;
	line-height: 20px;
}

#footer_links a{
	color: #FFFF66;
	text-decoration:none;
}
#footer_links a:hover{
	color:#666666;
	background-color:#FFFF66;
	text-decoration:none;
}

/**********************************	PRESSE *****************************************/
#presse .image{
	float:left;
	margin-right:10px;
	width: 160px;
}
#presse .image img{
	border: 0px;
}

/**********************************	PRESSE *****************************************/

#anschrift{
	float:left;
	padding-right:60px;
	padding-bottom:30px;
}

#bankverbindungen{
	clear:both;
	padding-bottom: 80px;
}

#bankverbindungen div{
	padding-right: 20px;
}

#kontaktaufnahme:link { font-size: 14px; font-weight:bold;}
#kontaktaufnahme:visited { font-size: 14px; font-weight:bold;}
#kontaktaufnahme:hover { font-size: 14px; font-weight:bold;}
#kontaktaufnahme:active { font-size: 14px; font-weight:bold;}

/**********************************	PRESSE *****************************************/

#holzmandl { 
	float: left;
	padding-right: 40px;
}

#ma_schauraum_big h4{

	margin-left: 40px;
	padding-top: 30px;
}
#ma_schauraum_big img{
	padding-right: 40px;
	padding-top:27px;
	float:right;
}
#ma_schauraum_big p a:hover{font-weight: normal;}
#ma_schauraum_big p a:visited{font-weight: normal;}
#ma_schauraum_big p a:active{font-weight: normal;}
#ma_schauraum_big p a{font-weight: normal;}

.ma_bilderKlein{ 
	padding:0px;
	margin:0px;
	margin-top:10px;
	text-align: right;
}

.ma_bilderKlein img, .ma_namenKlein img{
	margin:0px;
	border: 0px;
	margin-left: 8px;
}
.ma_bilderKlein div{
	float:right;
	width: 50px;
	height: 50px;			
	margin:0px;
	border: 0px;
	margin-left: 8px;
	background-image: url('images/mitarbeiter/rnd_peter_klein_sw.jpg');
}

.ma_namenKlein{ 
	text-align: right;
	padding:0px;
	margin:0px;
}


.ma_namenKlein #hildegard, .ma_namenKlein #tanja{
	margin:0px;
}

a#test:hover{ background-color: transparent;}

/********************************* FEHLER ************************************** */
#main_content noscript h1{ color: red; }

