/**
* Stylesheet for http://www.exterior.ch/
*
* Standard Stylesheet
*
* @author Beat Schenkel
* @link http://www.webcenter.ch/
* @copyright Copyright 2010, Webcenter
* @license CC-A 3.0 / http://creativecommons.org/licenses/by/3.0/
* @date 11.03.2010
**/


/********************************************************* _Global Styles */

* {
	margin:0;
	padding:0;
}

body {
	background:#FFF;
}

body, table, input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}

a:link, a:visited {color:#000; text-decoration:none; }
a:hover, a:active, a:focus {color: #000; text-decoration: underline; }

p, ul, ol { margin-bottom: 15px; }
ul { list-style:none; }
img { border:none; }

hr {
	height:1px;
	border:none;
	border-bottom: 1px solid #DEDEDE;
	margin-bottom:15px;
}

table {
	border-collapse:collapse;
   border-spacing:0;
   margin-bottom:15px;
   }
   table td {
   	vertical-align:top;
      }
   table table {
   	margin:0;
      }
   td,
   th {
   	padding:0 2px 2px 1px;
      text-align:left;
      }

.clearer {
	display:block;
   width:100%;
	clear:both;
	height:1px;
	overflow:hidden;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

.hidden {
	display: block;
	position: absolute;
	left: -1500px;
	top:  -1500px;
	overflow: hidden;
	width:0;
	height:0;
}

/********************************************************* _Structure */

#wrapper {
	width:909px;
	margin:0 auto;
	overflow:hidden;
}

#header {
	position:relative;
	height:83px;
}

	#header_logo_2 {
   	position:absolute;
		top:9px;
      left:13px;
		width:148px;
		height:65px;
		display:none;
   }
   
   #header_logo {
		position:absolute;
		top:15px;
      left:13px;
		width:97px;
		height:54px;
	}
	
	#header_slogan {
		position:absolute;
		top:33px;
		left:146px;
		width:443px;
		height:45px;
		text-indent:-9999px;
		background:url(../images/layout/exterior_slogan.gif) no-repeat;
	}
	
   #header_service {
   	display:none;
		position:absolute;
		top:15px;
		left:704px;
		width:225px;
		height:28px;
	}
	
		#header_service li {
			display:inline;
			float:left;
         border-right:1px solid #666;
		}
      #header_service .last {
      	border:none;
         margin:0;
      }
      
      	#header_service li a {
         	float:left;
            text-decoration:none;
            color:#666;
            display:block;
            line-height:11px;
            padding:0 10px 0 10px;
         }
		
#slide_main {
	width:100%;
	height:256px;
   background:url(../images/layout/slide_bg.gif) repeat-x;
   margin-bottom:20px;
}

	#slide_left {
   	float:left;
   	height:256px;
   	width:3px;
      overflow:hidden;
      background:url(../images/layout/slide_bg_left.gif) no-repeat;
   }
   
   #slide_content {
   	float:left;
   	position:relative;
    	top:3px;
   	height:250px;
   	width:903px;
	   overflow:hidden;
   }
   
   #erichswerk {
   	width: 10000px;
   }
		#erichswerk img {
			float:left;
		}
      
      .slide_arrow_left {
      	position:relative;
         top:105px;
         left:30px;
         width:30px;
         height:40px;
         background:url(../images/layout/slide_arrow_left.png) no-repeat;
      }
      .slide_arrow_right {
      	position:relative;
         top:105px;
         left:150px;
         width:30px;
         height:40px;
         background:url(../images/layout/slide_arrow_right.png) no-repeat;
      }
      
		#erichswerk #rulerleft, 
      #erichswerk #rulerright {
			position: absolute;
			top: 0px;
			width: 200px;
			height: 250px;
		}
		#erichswerk #rulerleft {
			left: 0px;
		}
		#erichswerk #rulerright {
			left: 700px;
		}
	#minime {
		border: 2px red solid;
		height: 20px;
		width: 70px;
	}
   
   #slide_right {
   	float:left;
   	height:256px;
   	width:3px;
      overflow:hidden;
      background:url(../images/layout/slide_bg_right.gif) no-repeat;
   }
		
#content_main {
	width:100%;
	background:url(../images/layout/content_top_bg.jpg) top repeat-x #FFF;
}

	#content_left {
   	float:left;
   	width:317px;
      overflow:hidden;
   }
   
   	#mini_slide {
      	height:24px;
         background:url(../images/layout/slide_navi.jpg) no-repeat;
         margin-bottom:20px;
         width: 316px;
      }
      
      #menu_1 {
      	float:left;
      	width:129px;
         overflow:hidden;
         padding-bottom:40px;
      }
      
      #menu_2 {
      	float:left;
      	width:187px;
         overflow:hidden;
         background:url(../images/layout/menu_2_bg.gif) repeat-y;
      }
      
      	#menu_2 ul {
         	padding:0 1px 20px 1px;
         	background:url(../images/layout/menu_2_bg_bottom.gif) bottom no-repeat;
         }
         
         	#menu_2 ul ul {
            	background:none;
               padding:0;            }
   
   #content_right {
   	float:left;
   	width:592px;
      overflow:hidden;
   }
   
   	#content_right .adjustment {
      	position:relative;
      	padding:0 5px 4px 20px;
      }

#footer {
	border-top:1px solid #eeeee8;
   border-bottom:1px solid #eeeee8;
   margin-bottom:15px;
}

	#footer p {
		padding-right:10px;
		text-align:right;
		line-height:40px;
      color:#999;
      font-size:10px;
      margin:0;
	}
	
		#footer .aa2_login_link,
      #footer p a:link,
		#footer p a:visited {
      	cursor:pointer;
			color:#666;
		}
		#footer p a:hover {
			color:#000;
			text-decoration:underline;
		}


/********************************************************* _Content Styles */

#content_right ul li {
	list-style-type:none;
	background:url(../images/layout/content_li.gif) 0 7px no-repeat;

	padding-left: 12px;
	margin-left:5px;
	
	margin-bottom:2px;
}

#content_right {
	line-height:18px;
}

#content_right a {
   /*padding:1px 1px;*/
   line-height:18px;
	background:#EEEEE8;
   text-decoration:none;
}
#content_right a:hover,
#content_right a:active,
#content_right a:focus {
	background:#7F7C77;
   color:#FFF;
   }

#content_right .required {
	color:#C00;
}

#content_right a img {
}

.link_icon {
	position:relative;
   top:-2px;
}

/********************************************************* _Container Styles */


/********************************************************* _Headings */

h3 {
	font-size:16px;
   font-weight:normal;
	margin-bottom:15px;
   background:no-repeat;
   text-indent:-9999px;
   height:25px;
}

h4 {
	font-size:11px;
	margin-bottom:10px;
	color:#333;
}

/********************************************************* _Text Styles */

.msg_box {
   margin-bottom:15px;
   padding:10px 10px 10px 30px;
   border:1px solid #DDD;
}

.msg_error {
	background:url(../images/icons/msg_error_icon.gif) 10px center no-repeat;
   color:#CC0000;
}

.msg_success {
   background:url(../images/icons/msg_success_icon.gif) 10px center no-repeat;
   color:#336633;
}

/********************************************************* _Menu */
      
#content_left ul {
   margin:0;
}

#content_left ul ul {
	border-bottom:1px solid #EFEFEF;
}

#content_left span {
   display:block;
   line-height:13px;
   padding:0 15px;
}

#content_left ul ul span {
	padding:0 15px 0 30px;
}

#content_left li {
   display:inline;
   position:relative;
}

#content_left a {
   display:block;
   width:100%;
   text-decoration:none;
   padding:4px 0;
}
#content_left a:hover,
#content_left a:focus {
   background:url(../images/layout/menu_active_vez.gif) no-repeat right 8px;
}

#content_left .current a,
#content_left .current a:hover {
   background:url(../images/layout/menu_active_vez.gif) no-repeat right 8px #eeeee8;
}

#content_left .current.sub a,
#content_left .current.sub a:hover {
   background:url(../images/layout/menu_active_has_submenu_vez.gif) no-repeat right 7px #eeeee8;
}

/* Menüstufe 3 */

#content_left li.sub.current li a {
	background:transparent url(../images/layout/menu_sub_vez.gif) 20px 8px no-repeat;
   font-weight:normal;
   color:#333;
}

#content_left li.sub.current li a:hover {
   background:transparent url(../images/layout/menu_sub_active_vez.gif) 20px 8px no-repeat;
   font-weight:normal;
   color:#000;
}

#content_left li.current li.current a,
#content_left li.current li.current a:hover {
   font-weight:bold;
   color:#000;
   background:transparent url(../images/layout/menu_sub_active_vez.gif) 20px 8px no-repeat;
}

/********************************************************* _Forms */

input,
textarea,
select {
	color:#000;
	line-height:normal;
}

textarea,
.input_text {
	cursor:text;
	height:17px;
   border:1px solid #999;
}

.input_text {
	width:200px;
   }
   
textarea {
	width:100%;
   height:100px;
   }

.input_radio {
	background:none;
	border:none;
}

.input_checkbox {
	background:none;
	border:none;
}

.input_captcha {
	width:77px;
}

.input_submit {
	padding:1px 5px;
	border:1px solid #000000;
	background:#696969;
	cursor:default;
	color:#FFFFFF;
   overflow:visible;
}

table .input_checkbox,
table .input_radio {
	position:relative;
   top:3px;	
}


.form_highlight {
	border:1px solid #C00;
   }


/********************************************************* _Extras */