/* Master CSS by Pixelfabrik.ch Gmbh 2010 */



/*	alle Werte auf 0 Setzen
	================================*/

html { 
  padding:0px;
  margin:0px;
  height: 100%
}


/*	Wichtige Body definitionen
	================================*/

body {
  background-color: #ffffff;
  font-size: 11px;
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
  color:#838586;  
  padding:0px;
  margin:0px;
  min-height: 101%;
}

a { 
color: #86a73c;
text-decoration: none;
}
a:visited {color:#86a73c;}
a:hover {color: #86a73c; text-decoration: underline;}
a:active {color:#86a73c;}
a.selected {color:#86a73c;}

h1 {font-size:25px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color:#474a4c;  padding:0px; margin:0px;}
h2 {font-size:14px; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; font-weight: normal; color:#474a4c; padding:0px; margin:0px; line-height:35px;}
h3 {font-size:11px; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; font-weight: bold; color:#838586; padding:0px; margin:0px;}
h4 {font-size:11px; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; font-weight: normal; color:#838586; padding:0px; margin:0px;}

.clr {clear: both;}

/*	Grundgeruest
	================================*/
	
#logo  {
	margin: 0 auto;
	height: 76px;
	text-align: center;
	background-color: #474a4c;
}

#head_abstand  {
	margin: 0 auto;
	top: 99px;
	height: 23px;
	background-color: #ffffff;
}

#container_header  {
	margin: 0 auto;
	height: 268px;
	top: 99px;
	background-color: #474a4c;
	background-image:url(../images/startseite/hg-liane.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#header  {
	margin: 0 auto;
	height: 228px;
	width: 900px;
	top: 99px;
	background-image:url(../images/head-ersatz-flash.jpg);
	/*background-color: #474a4c;*/
	background-repeat: no-repeat;
}

#container_navigation  {
	margin: 0 auto;
	height: 40px;
	background-image:url(../images/startseite/hg-menu.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#navigation_position  {
	margin: 0 auto;
	width: 870px;
	height: 20px;
}

#navigation  {
	padding: 16px 0px 0px 0px;
	width: 870px;
}

#content {
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0px;
	width: 900px;
}
#submenu {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	width: 298px;
	float: right;
	border-bottom: 3px solid #cccccc;}
}
#inhalt {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px 298px 0px 0px;
}
	
#fuss {
clear: right;}


/*	Short Navigation
	================================*/

#short_navigation a { 
	color: #838586;
	text-decoration: none; 
	margin: 0px;
 	font-size: 10px;
	line-height:11px;}

#short_navigation a:visited {color:#838586;}
#short_navigation a:hover {color:#474a4c;}
#short_navigation a:active {color:#86a73c;}	

#short_navigation a.selected {color:#86a73c;}

ul {
	list-style-type: none;
} 

.short_nav {
	color: #353839;
	}
	

ul.short_nav {
	list-style-type: none;
	margin: 17px 0px 0px 0px;
	padding: 0px;} 


.short_nav li {
	float: left;
	margin-right: 8px;
	padding: 0px 8px 0px 0px;
	border-right: 1px solid #c2c0bf;}


/*	Footer
	================================*/
#footer_container {
    position: fixed;
	width: 100%;
	height: 23px;
    bottom: 0;
	background-color: #474a4c;
	}
	
#footer_position {
    margin: 0 auto;
	width: 900px;
	height: 23px;
	background-color: #353839;
	}
		
#footer {
    padding: 6px 15px 0px 15px;
	width: 870px;
	background-color: #353839;
	}
	
#footer a { 
	color: #6a6a6a;
	text-decoration: none; 
	margin: 0px;
	font-size: 10px;
	line-height:11px;}

#footer a:visited {color:#6a6a6a;}
#footer a:hover {color:#a6a6a6;}
#footer a:active {color:#86a73c;}	

#footer a.selected {color:#86a73c;}

.copy { 
float: right;
padding: 0px;
margin: 0px;}

.copy li {
float: left;
margin-left: 10px;
padding: 0px 0px 0px 10px;
border-left: 1px solid #5d5d5c;
border-right: none;}

.fot {
	color: #353839;}
	

ul.fot {
list-style-type: none;
margin: 0px;
padding: 0px;} 


.fot li {
float: left;
margin-right: 10px;
padding: 0px 10px 0px 0px;
border-right: 1px solid #5d5d5c;}
	
	
/*	Navigation
	================================*/

#navigation a { 
color: #fff;
text-decoration: none;
margin: 0px;}

#navigation a:visited {color:#fff;}
#navigation a:hover {color:#86a73c;}
#navigation a:active {color:#86a73c;}

#navigation a.selected {color:#86a73c;}

ul {
list-style-type: none;
} 

.sub { 
float: right;
padding: 0px;
margin: 0px;}

.sub li {
float: left;
margin-left: 20px;
padding: 0px 0px 0px 20px;
border-left: 1px solid #7f7f7f;
border-right: none;}
	

ul.nav {
list-style-type: none;
margin: 0px;
padding: 0px;} 


.nav li {
float: left;
margin-right: 20px;
padding: 0px 20px 0px 0px;
border-right: 1px solid #7f7f7f;}


/*	Navigation Kreationen 
	=================================*/

.krea_nav {
	background-color: #ffffff;
	width: 245px;
	font-size:11px;
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-weight: normal;
	color:#474a4c;
	border-bottom: 1px solid #cccccc;
	padding:7px 0px 0px 0px;
	margin:0px;
	}
	
.krea_nav a { 
	color: #474a4c;
	text-decoration: none; 
	line-height:11px;}

.krea_nav a:visited {color:#474a4c;}
.krea_nav a:hover {color:#86a73c;}
.krea_nav a:active {color:#86a73c;}	

.krea_nav a.selected {color:#86a73c;}	


/*	Kreationen
	================================*/

.kreationen {
	background-color: #ffffff;
	width: 480px;
	height:130px;
	font-weight: normal;
	padding:0px;
	margin:0px;
	}
	
.kreationen_bild {
	float: right; 
	padding:0px 0px 0px 0px;
	}
	
.kreationen_titel {
	font-size:14px;
	width: 310px;
	color:#474a4c;
	line-height:18px;
	padding:0px 0px 3px 0px;
	border-bottom: 1px solid #cccccc;
	}

.kreationen_text {
	width: 310px;
	padding:5px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
	}
	
.kreationen_real {
	width: 310px;
	padding:5px 0px 0px 0px;
	}
	
.kreationen_real_dunkel {
	color:#474a4c;
	}

.kreationen_print {
	background-color: #ffffff;
	width: 575px;
	height:130px;
	font-weight: normal;
	padding:0px;
	margin:0px;
	}
		
.kreationen_print_titel {
	font-size:14px;
	width: 229px;
	color:#474a4c;
	line-height:18px;
	padding:0px 0px 3px 0px;
	border-bottom: 1px solid #cccccc;
	}

.kreationen_print_text {
	width: 229px;
	padding:5px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
	}
	
.kreationen_print_real {
	width: 229px;
	padding:5px 0px 0px 0px;
	}

/*	Startseite Text
	================================*/

#starttext {
line-height:16px;
width: 602px;
margin: 0px;
padding: 15px 0px 25px 0px;
background-image:url(../images/startseite/linie-startseite-titel.gif);
background-repeat:no-repeat;
background-position: left top;}

#inhalttext {
line-height:16px;
width: 576px;
margin: 0px 0px 40px 0px;
padding: 25px 0px 25px 0px;
border-bottom: 3px solid #cccccc;
background-image:url(../images/startseite/linie-startseite-titel.gif);
background-repeat:no-repeat;
background-position: left top;}

#inhalttext_line {
line-height:16px;
width: 576px;
margin: 0px;
padding: 15px 0px 25px 0px;
border-bottom: 3px solid #cccccc;
background-image:url(../images/startseite/linie-startseite-titel.gif);
background-repeat:no-repeat;
background-position: left top;}

#kontakttext {
line-height:16px;
width: 298px;
margin: 0px;
padding: 15px 0px 0px 0px;
background-image:url(../images/startseite/linie-startseite-titel.gif);
background-repeat:no-repeat;
background-position: left top;
}

.abstand {
background-color: #ffffff;
height: 40px;
padding: 50px 0px 0px 0px;
}

.abstandlinks {
background-color: #ffffff;
height: 40px;
padding: 50px 0px 0px 0px;
}

/*	3 Boxen Startseite
	================================*/
.box{
	background-color: #ffffff;
	width: 186px;
	float: left;
	padding-right: 10px;
	padding-bottom: 40px;
	}
	
.box_titel{
	font-size:14px;
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-weight: normal;
	color:#474a4c;
	padding:10px 0px 3px 0px;
	margin:0px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
	}
	
.box_text{
	padding:3px 0px 7px 0px;
	margin:0px;
	border-bottom: 3px solid #cccccc;
	}
	

/*	Fakten
	================================*/
.fakten{
	background-color: #ffffff;
	width: 245px;
	font-size:11px;
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-weight: normal;
	color:#474a4c;
	border-bottom: 1px solid #cccccc;
	padding:7px 0px 0px 0px;
	margin:0px;
	}
	
	
/*	Neuste Kreationen Box Startseite
	================================*/
.krea_box{
	background-color: #ffffff;
	width: 298px;
	float: left;
	padding-top: 18px;
	}
	
.krea_box_bild{
	float: left;
	}
	
.krea_box_titel{
	font-size:11px;
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-weight: normal;
	color:#474a4c;
	border-bottom: 1px solid #cccccc;
	padding:0px 0px 0px 80px;
	margin:0px;
	}
	
.krea_box_text{
	font-size:11px;
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-weight: normal;
	color:#838586;
	padding:3px 0px 0px 80px;
	margin:0px;
	}
	
.krea_box_text a { 
	color: #838586;
	text-decoration: none;}

.krea_box_text a:visited {color:#838586;}
.krea_box_text a:hover {color:#86a73c;}
.krea_box_text a:active {color:#86a73c;}	

/*	Formular
	================================*/ 
	
form {
	margin:0px;
	padding: 0px;
}

input, textarea { 
	width:250px;
	background-color: #ffffff;
	border: 1px solid #cccccc; 
	color: #838586;
	font-size: 11px; 
	margin-top:5px;
	padding: 2px;
}
 
input.not, textarea.not { 
	width:100px;
	background-color: #ffffff;
	border: 1px solid #cccccc; 
	color: #838586;
	font-size: 11px; 
	margin-top:5px;
	padding: 2px;
}
 
.beschriftung {
	width: 85px;
	float: left;
	line-height: 200%;
}
 
input:focus, input:hover, textarea:focus, textarea:hover {
	background-color: #e8e8e8;
}	
input.rand:focus, input.rand:hover,textarea.rand:focus, textarea.rand:hover	{
	background-color: #e8e8e8;
}

/*	Dienstleistungen Box Lutz
	================================*/
.dienstleistungen{
	height:110px;
	}