/*****************************BASIS****************************************************/
/**************************************************************************************/

* { margin: 0; padding: 0; }
* html body * { overflow:visible }
html { height: 100% }
body { 	
	min-height: 101%; 
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left;
    word-wrap: break-word; 
  }
pfieldset, img { border: 0 solid}
blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

/*****************************FONTS**************************************************************/
html * { font-size: 100.01% }
body { font-size: 75%; font-family: tahoma, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;  }
  
h1, h2 { font-size: 150%;  } 					/* 18px */
h2 { font-weight: normal; color: #414846; }    	/* 18px */
h3 { font-size: 150%;  }						/* 18px */
h4 { font-size: 95%; margin-bottom: 5px;  }		/* 11px */
h5 { font-size: 95% }							/* 11px */
h6 { font-size: 95%; }							/* 11px */

p { line-height: 1.3em; margin: 0 0 1em 0;font-size: 95%;}

/*****************************LISTEN*************************************************************/
ul, ol, dl { line-height: 1.5em; margin: 0; list-style: none; }
li { margin: 0; line-height: 1.5em; }
dt { font-weight: bold }
dd { margin: 0 0 1em 2em }

/*****************************TEXTINHALTE/ELEMENTE************************************************/
cite, blockquote { font-style:italic }
blockquote		 { margin: 0 0 1em 1.5em }
strong,b		 { font-weight: bold }
em,i			 { font-style:italic }
pre, code		 { font-family: monospace; font-size: 1.1em; }
acronym, abbr	 { letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help; }

/*****************************LINKS****************************************************************/
a {color: #000; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#000; text-decoration:underline;}

/*****************************DIV´S***************************************************************/

body			{ background:#4A4A4A; }
#page_border	{ width: 766px;  margin: 0 auto; padding: 0; background-image: url(../images/pageborder.gif); background-repeat: repeat-y; background-position: 0 0;}
#page			{ width: 746px;  margin: 0 10px; padding: 0; }
#header			{ position:relative; background: transparent; background-image: url(../images/header_bgd.jpg); background-repeat: repeat-x; background-position: 0 0; width: auto; padding: 0; height: 95px; }
#manu			{ width: 100%; margin: 0; padding: 0; clear: both; height: 353px; background-color: #DADADA;}
#menu_kl		{ width: 100%; margin: 0; padding: 0; clear: both; background-color: #DADADA;}
#content		{ width: auto; margin: 0; padding: 0; clear: both; background-color: #F7F7F5; background-image: url(../images/content_bgd.jpg); background-repeat: repeat-x; background-position: 0 0; }
#content_fla {text-align: center}
/*3spalte mit gleiche breite - hauptseite*/
#colleft		{ width: 34%; float: left; margin: 0; clear:both;}
#colmiddle		{ width: 33%; float: left; margin: 0; }
#colright		{ width: 33%; float: right; margin: 0; }
#footer			{ width: 100%; background-color: #000000; background-image: url(../images/footer_bgd.jpg); background-repeat: repeat-x; background-position: 0 0; padding: 20px 0 10px 0; text-align: center; color: #FFFFFF}
/*für start seite*/
#colleft_hp		{ width: 40%; float: left; margin: 0; clear:both;}
#colmiddle_hp	{ width: 35%; float: left; margin: 0; }
#colright_hp	{ width: 24%; float: right; margin: 0; }
/*dopeltebreite links + 1spalte - für webdesignseite und xhtml/css*/
#colleft_2		{ width: 66%; float: left; margin: 0; clear:both;}
/*1spaltelinks + dopeltebreite rechts - für typo3 seite*/
#colright_2		{ width: 64%; float: left; margin: 0; padding: 0;}
/*2spalte für unterseite 50:50*/
#content1		{ margin: 0; padding:30px 25px 25px 25px; background-color: #F7F7F5; background-image: url(../images/content_bgd.jpg); background-repeat: repeat-x; background-position: 0 0; }
#links			{ width: 100%; padding-bottom: 20px;  }

/*****************************CLASSEN***************************************************************/
.clearfix		 { display: block; }
.clear			 { clear:both; } 

/*****************************INHALT***************************************************************/
#content 				{ height: 255px; padding:30px 0 25px 25px;}
#content .noborder		{ border: 0; }
/*header*/
#logo			{ float: left;margin-left: 20px; padding: 0; border: 0; }
#phon			{ float: right; margin: 30px 30px 0 0; padding: 7px 0 0 70px; border: 0; background-image: url(../images/phon.jpg) ; background-repeat: no-repeat; background-position: 0 0; color: #819694}
.b1cdca			{ color: #b1cdca; } /*fontcolor für telefonnummer*/
/*navigation - menueliste*/
ul				{  }
ul li			{ color: #ffffff; padding: 5px 20px 7px 20px; }
ul li a			{ color: #FFFFFF; text-decoration: none;}
ul li a:hover	{ color: #FFFFFF; text-decoration: none; padding-left: 60px; font-weight: bold;}
li#startseite	{ background-image: url(../images/but1_bgd.jpg) ; background-repeat: repeat-x; background-position: 0 0; }
li#webdesign 	{ background-image: url(../images/but2_bgd.jpg) ; background-repeat: repeat-x; background-position: 0 0; }
li#typo3 		{ background-image: url(../images/but3_bgd.jpg) ; background-repeat: repeat-x; background-position: 0 0; }
li#xhtmlcss 	{ background-image: url(../images/but4_bgd.jpg) ; background-repeat: repeat-x; background-position: 0 0; }
li#kontakt 		{ background-image: url(../images/but5_bgd.jpg) ; background-repeat: repeat-x; background-position: 0 0; }

.active					{ height: 223px; padding-left: 100px; font-weight: bold; }
li#startseite.active	{ background-image: url(../images/but1_img.jpg) ; background-repeat: no-repeat; background-position: 0 0; }	
li#webdesign.active		{ background-image: url(../images/but2_img.jpg) ; background-repeat: no-repeat; background-position: 0 0; }	
li#typo3.active			{ background-image: url(../images/but3_img.jpg) ; background-repeat: no-repeat; background-position: 0 0; }	
li#xhtmlcss.active		{ background-image: url(../images/but4_img.jpg) ; background-repeat: no-repeat; background-position: 0 0; }	
li#kontakt.active		{ background-image: url(../images/but5_img.jpg) ; background-repeat: no-repeat; background-position: 0 0; }	

/*content-spalte - inhalte*/
#clcont, 
#cmcont, 
#crcont			{ margin: 0; margin-right: 25px; height: 250px; padding-right: 15px; border-right:1px dotted #C6C6C6 ; }

.titel			{ margin-left: -5px; margin-bottom: 22px; border-left: 3px solid #8BBC46; padding-left: 5px; } 
ul.liste li		{ font-size: 95%; color: #000000; font-weight: bold;  margin: 0; padding: 0 0 5px 0; list-style-image: url(../images/marker.gif); list-style-position: inside; display: list-item; line-height: 1em; }
.link 			{ margin-top: 30px;  border-top: 1px dotted #000; width: 90%; padding: 7px 0 0 0;  background-image: url(../images/marker.gif) ; background-repeat: no-repeat; background-position: 0 7px; font-size: 95%}
.link a			{ padding: 0 35px 0 20px; border: 2px solid #F7F7F5; margin-left: -10px;  }
.link a:hover	{ border: 2px solid #8BBC46; text-decoration: none; background-color: #FFFFFF}

/*horisontal-ausrichtung für 4 boxen auf die html/css seite*/
.hbox		{ width: 100%;  clear: both; }
.leftbox	{ float: left; width: 48%; margin-right: 15px;}
.rightbox	{ float: left; width: 48%;}
.margin		{ width: 44%; margin-left: 35px;}

/*fusszeile und link definition*/
#footer a, #fottera:hover { color: #5F8727; text-decoration: underline; padding-left: 10px; font-weight: bold;}

/*****************************ALLGEMEINE CLASSEN***************************************************************/

.fl {float: left; padding: 0 10px 10px 0;}
.ico {float: left; padding: 0 10px 25px 0;}
.bold { font-weight: bold;}
.img { padding-bottom: 10px;}
ul.normal li { font-weight: normal;}

/*****************************FORMULAR***************************************************************/
form fieldset		{ border: 0;}
input, textarea		{ border:1px solid #666666; width:195px; margin-bottom: 2px; font-family: Helvetica;}
#button						{ color:#FFFFFF; cursor:pointer;  width: 50px; border: 0; }