h1,h2,h3,h4,h5,h6,pre,code { font-size:1.3em; font-weight:normal; }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }

legend { display:none; }





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

body,
html {
	padding: 0;
	margin: 0;
	color:#000;
	height:100%; 
  	max-height:100%
  	padding-left:200px;
    padding-top:0px;
	font-size: 100%;
    background: #000 url(bg_links.jpg) repeat-x;
  	font: 12px "Trebuchet MS", "Times New Roman", Times, serif;
	overflow:hidden;
}

* html body {overflow-y:hidden;}
* html #ds{height:100%;overflow:auto;right:0;top:0;margin:0;width:100%;left:0;padding-left:0px}
* html h1{padding-top:1em;}
html + body #df{width:210px;position:absolute;left:5px;z-index:99}
html + body #co{left:5px;}

#fixed {    
   top: 0em; left: 0em;
   width: 100%;
  }


*html #fixed {    
    top: 0em; left: 0em;
    width: 92%;
  }


.text_home {
  font-size: 12px;
  color: #594039;
  text-align:justify;
  line-height:16px;
  padding-top: 250px;
  width: 300px;
  padding-left: 110px;
}

.text_philipp {
  font-size: 12px;
  color: #2f171c;
  text-align:justify;
  line-height:16px;
  width: 350px;
  padding-top: 55px;
  padding-left: 70px;
}

.text_instrumente {
  font-size: 12px;
  color: #fff;
  text-align:justify;
  line-height:16px;
  padding-top: 100px;
}

.text_angebote {
  font-size: 12px;
  color: #000;
  text-align:justify;
  line-height:16px;
  padding-top: 55px;
  padding-left: 20px;
  width: 380px;
}

.text_termine {
  font-size: 12px;
  color: #000;
  text-align:justify;
  line-height:16px;
  padding-top: 75px;
  padding-left: 130px;
  width: 360px;
}

.text_login {
  font-size: 12px;
  color: #fff;
  text-align:justify;
  line-height:16px;
  padding-top: 100px;
}

.text_links {
  font-size: 12px;
  color: #fff;
  text-align:justify;
  line-height:16px;
  padding-top: 100px;
}

.text_kontakt {
  font-size: 12px;
  color: #fff;
  text-align:justify;
  line-height:16px;
  padding-top: 35px;
  padding-left: 40px;
}

.text_email {
  font-size: 12px;
  color: #fff;
  text-align:justify;
  line-height:16px;
  padding-top: 30px;
  padding-left: 10px;
}






body.home,
html {
    height: 100%;
}


#header-wrap {    
	background-color: #000;  
	width: 100%;
	position:absolute;
	left:0px;
	z-index:1;
	top:0px;
	height: 90px;
}

#logo {    
	position:absolute;
	top:38px;
	left:750px;
	width:235px;
	background: url(logo2.jpg) 0 0 no-repeat;  
	float:right;
	height: 45px;
    margin:0;
    padding:0;
}

#nav_holder {
	width: 1000px;
	margin:0;
	padding: 0;
	margin-top: 55px;

}

#content-wrap {
	width: 100%;
	position:fixed; 
  	top:90px;
  	left:0;
  	bottom:0px; 
  	right:0; 
  	overflow:auto; 
	height:450px;
}





*html #bg_kontakt,
	  #bg_links,
      #bg_login,
      #bg_termine,
      #bg_angebote,
      #bg_instrumente,
      #bg_philipp,
      #bg_home {
      margin-top:90px;
}


+*html #bg_kontakt,
	  #bg_links,
      #bg_login,
      #bg_termine,
      #bg_angebote,
      #bg_instrumente,
      #bg_philipp,
      #bg_home {
      margin-top:0px;
}






#bg_home {
  	background: url(bg2.jpg) 0 0 repeat-x;   
	width: 100%;
	position:fixed; 
  	top:90px;
  	left:0;
  	bottom:0px; 
  	right:0; 
	height:450px;
    
}

#bg_philipp {
  	background: #fff url(bg14_1.jpg) 0 0px no-repeat;   
	width: 100%;
	position:fixed; 
  	top:90px;
  	left:0;
  	bottom:0px; 
  	right:0; 
	height:450px;   
}


#bg_flash {
  	background: #fff url(bg8.jpg) 0 0 no-repeat;   
	width: 100%;
	position:fixed; 
  	top:90px;
  	left:0;
  	bottom:0px; 
  	right:0; 
	height:450px;
}



#bg_instrumente {
  	background: #000 url(bg8.jpg) no-repeat;   
	width: 100%;
	position:fixed; 
  	top:90px;
  	left:0;
  	bottom:0px; 
  	right:0; 
	height:450px;
}

#bg_angebote {
  	background: #fff7db url(bg17.jpg) 0 0 no-repeat;   
	width: 100%;
	position:fixed; 
  	top:90px;
  	left:0;
  	bottom:0px; 
  	right:0; 
	height:450px;
}

#bg_termine {
  	background: #fbf5f9 url(bg13.jpg) 0 0 no-repeat;   
	width: 100%;
	position:fixed; 
  	top:90px;
  	left:0;
  	bottom:0px; 
  	right:0; 
	height:450px;
}

#bg_login {
  	background: transparent url(bg5.jpg) 0 0 no-repeat;  
	width: 100%;
	position:fixed; 
  	top:90px;
  	left:0;
  	bottom:0px; 
  	right:0; 
	height:450px;
}

#bg_links {
  	background: transparent url(bg.jpg) 0 0 no-repeat;   
	width: 100%;
	position:fixed; 
  	left:0;
	top:90px;
  	bottom:0px; 
  	right:0; 
	height:450px;
}

#bg_kontakt {
  	background: #000 url(bg1.jpg) 0 0 no-repeat;   
	width: 100%;
	position:fixed; 
  	top:90px;
  	left:0;
  	bottom:0px; 
  	right:0; 
	height:450px;
}


#footer {
	margin:0;
	padding:.0em;
	position:absolute;
	left:0px;
	top:540px;
	z-index:1;
	width: 100%;
	height:50px;
}


#subnav {
	margin:0px;
	padding:0px;
	float:left;
	width:180px;
	color: #fff;
}


#subnav ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	padding-left:19px;
	margin-top:20px;
	
}

#subnav ul li {
	float: left;
	
	margin:0px;
	padding:0px;
    background-image:url(sub_nav_bg.gif);
	width:170px;
	height:22px;
	line-height:18px;
}

#subnav ul li a {
font-family:Arial;

font-size: 12px;
	color: #fff;
	text-decoration: none;
    padding-left:20px;
}

#subnav ul li a:link,
#subnav ul li a:visited {
}

#subnav ul li a:hover,

#subnav ul li a:focus {
color:#333;
}


#subnav ul.navsub a.active {

	color:#fff;

}




/* highlighted current element */

#subnav ul li strong {

font-weight:normal;
color:#333;
}

#subnav ul li strong a {
font-weight:normal;
color:#f19300;
}

#content-home {
	margin: 0;
	width: 100%;
}

#content-home {
	background: transparent;
	height:450px;  	
}

#copytext-home {
	float:right;
	width: 500px;
	line-height: 18px;
	background-color; #c00;
	height: 438px;
}

h1{
	padding: 5px 0px 0px 0;
	margin: 0 0 10px 0;
}

#headline {
	padding: 10px 20px 10px 0;
	margin: 0;
	font-size: 18px;
	color: #8F1A22
}

#bild-holder{
	margin:0;
	padding:.0em;
	position:absolute;
	left:0px;
	z-index:1;
	top:90px;
	width: 220px;
	height:450px;
}

#bild-holder-login{
	margin:0;
	padding:.0em;
	position:absolute;
	left:0px;
	z-index:1;
	top:90px;
	width: 235px;
	height:450px;
	background: #000;
	filter:alpha(opacity=50); /* F?r IE */
	-moz-opacity:0.5; /* F?r Gecko-Browser */
	opacity:0.5; /* F?r Opera 9+ */
}

*html #bild-holder{
	margin:0;
	padding:.0em;
	position:absolute;
	left:0px;
	z-index:1;
	top:90px;
	width: 220px;
	height:450px;


}

#login_modul {
	position: absolute;
	top: 390px;
	left: 35px;
	right: 0;
	bottom: 0;
	height: 80px;
	width: 200px;
	z-index: 100;
}

#login_right {
	color: #fff;
}

#loginnav {
	margin: 0;
	padding: 0;

}

#loginnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#loginnav ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#loginnav ul li a {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight : bold;
	text-decoration: underline;
}

a.linkText {
    color : #c00;
    font-family : arial;
    font-size : 11px;
    font-weight : bold;
    text-decoration : none;
}


a.linkText:link {
    color : #fff;
    font-family : arial;
    font-size : 11px;
    font-weight : bold;
    text-decoration : none;
}

a.linkText:active {
    color : #fff;
    font-family : arial;
    font-size : 11px;
    font-weight : bold;
    text-decoration : none;

}

a.linkText:visited {
    color : #fff;
    font-family : arial;
    font-size : 11px;
    font-weight : bold;
    text-decoration : none;
}

a.linkText:hover {
    color : #fff;
    font-family : arial;
    font-size : 11px;
    font-weight : bold;
    text-decoration : none;
} 

table {
 	font-size: 12px;
	font-weight: normal;
	line-height: 1.3em;
	width: 100px;
	padding:4px;
	margin:0;
	text-align:top;
}

#rand {	
	border: 1px solid #ba9f70;
}

th {
	font-weight: normal;
	width: 50px;
	margin: 0px;
	padding: 0px;
}

td {
  vertical-align: top;
  text-align:left;
  margin: 0px;
  padding: 2px;
}

tr {
  text-align:top;
}


* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */

#menu_container {
	margin:0; 
	height:35px; 
	z-index:100;

}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {
	padding:0;
	margin:0;
	list-style-type: none;
	text-align:center;
}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block; width:100px; font-size:11px; color:#fff; height:35px; line-height:24px; text-decoration:none; text-indent:5px; }


/* Set up the list items */
#pmenu li {float:left; background:#000;



}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}


/* Make the hovered list color persist */
#pmenu li:hover > a {background:#000; color:#3399FF;}


/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}


/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(files/transparent.gif); width:120px;}


/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#000; color:#c00;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#000; color:#3399FF;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#7484ad url(http://web35.kassel110.server4you.de/files/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#7484ad url(http://web35.kassel110.server4you.de/files/drop.gif) no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}



/*-------------
Kontaktformular
-------------*/
*******************************************************************************/




/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	background-color: #fff;

}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{

cursor : pointer;
}



.formgen form
{

width: 400px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 5px;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 5px;

}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 200px;
	height: 150px;
	margin-left: 1px;
	background-color: transparent;
    color:#fff;
    border:1px solid #ccc;

}


/* Textfeld */
.formgen .formtext
{
	width: 200px;
	background-color: transparent;
	color:#fff;
	border:1px solid #ccc;

}
/* Trennelement , Abstand */
.formgen .formtrenn
{
  display: block;
  height: 10px; 
}
/* Hinweistext */
.formgen .formhinweis
{
  font-weight: bold;
  color: #fff;
  font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
  font-weight: bold;
  color: #fff;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #99CC00;
	margin-left: 4px;
}


/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
  width: 200px;
  background-color: #fff;
  margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit{
	width: 80px;
    margin-left: 121px;
	color: #fff;
	border:1px solid #ccc;
	background-color: transparent;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
	width: 345px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #fff;
}


/* Fieldsetbeschriftung */
.formgen legend {
	font-weight: bold;
	color: #fff;
	width: 140px;
	margin: 0px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
  color: #FFFFFF;
  background-color: #990000;
  border: 1px dashed #000000;
  margin: 5px;
  padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
  color: #c00;

}
.forminfo {
	color: #fff;

	margin: 2px;
	padding: 4px;
}






/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */










#mainnav {

	width: 900;
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-top:5px;
}

#mainnav ul {
		
	list-style-type: none;
	margin:0px;
	padding:0px;

}
#mainnav ul li {

	float: left;
	margin:0px;
	padding:0px;

}
#mainnav ul li a {
font-size:11px;
	font-style:normal;
	color: #fff;
	text-decoration: none;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 0px;

}
#mainnav ul li a:link,
#mainnav ul li a:visited {



}
#mainnav ul li a:hover,
#mainnav ul li a:active,
#mainnav ul li a:focus {
color:#3399FF;

}



#mainnav ul li.active a {

	color: #3399FF;

	text-decoration: none;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 0px;



}
#mainnav ul li.active a:hover {


	color: #3399FF;

	text-decoration: none;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 0px;

}




}
/* highlighted current element */

#mainnav ul li strong {


}

#mainnav ul li strong a {
font-weight:normal;
color:#777f83;
}