/* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus (Standart - Weite CSS für bestimmte Themenbereiche beachten!!!)

0. Import CSS
1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

/* 0. Import CSS */

	@import url("lightbox.css");
	@import url("kontaktstyle.css");
	@import url("cms.css");
	
/* ########################################################################################################
######################################################################################################*/   

/* 1. Standards */

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #666;
	font-size:12px;
}

body {
	background:#fff;
}

html, body {
	height:100%;
}

html[xmlns^="http"]
{
overflow-y: scroll;
}

h1{
	font-size: 21px;
	color: #6666ff;
	font-weight:lighter;
	font-style:italic;
	margin: 0 0 35px 0;
}

h1 strong {
	font-weight: lighter;
	color: #ff3333;
}

h2 {
	font-size: 18px;
	font-weight:lighter;
	color: #999;
}

h3 {
	font-size:18px;
	color: #333;
	font-weight:lighter;
	margin: 0 0 5px 0;
	font-style:italic;
}

h4 {
	font-size: 18px;
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	padding: 10px 0 0 320px;
}

p {
	margin: 0 0 25px 0px; line-height: 18px;}
	
.floatende {clear: both;}
hr {margin: 0 0 20px 0; color: #FFFCED; background:none; border-top: dashed 1px #ccc; height: -1px;}
.unsichtbar  {display: none;}
.noborder { border: none; border-right: none;}

/*######################################################################################################
######################################################################################################*/

/* 2. Layout */


#wrapper {
	width: 955px;
	position:relative;
	margin: 0 auto -30px auto;
	min-height:100%;
	background:url(../images/bg_wrapper.jpg) no-repeat 0px 44px;
}

*html #wrapper {
	height:100%;
}

#dafloatkilla2k {
	clear:left;
}

.dafloatkilla2k {
	clear:left;
	height: 10px;
}

#navi {
	height:87px;
	width: 780px;
	float:left;
	padding: 29px 0 0 0;
}

*+html #navi {
	position:absolute;
	z-index: 100;
}

#subnavi{
	height: 46px;
	width:325px;
	float:left;
	padding: 150px 0 0 10px;
}

#star{
	position:absolute;
	background:url(../images/bg_star.gif) no-repeat;
	width: 110px;
	height: 80px;
	left: 263px;
	top: 144px;
	text-align:center;
	padding: 30px 0 0 0;
	z-index: 15;
}

*html #star{
	top: 146px;
}

#content {
	min-height: 90px;
	background:url(../images/bg_content.jpg) no-repeat 670px top;
	padding: 80px 0 0 0;
}

.pdf{
background:url(../images/pdf.gif) left no-repeat;
padding: 4px 0 4px 60px;}


.editcontent{
	float:left;
	width: 525px;
	padding: 0 0 30px 30px;
}

#head{
	width: 955px;
	height: 314px;
	background: url(../images/bg_head.jpg) no-repeat left bottom;
}

#logo{
	float: left;
	width: 175px;
	padding: 19px 0 0 0px;
	position:relative;
}

#banner{
	width: 955px;
	height: 196px;
}

#intro{
	float:left;
	height: 195px;
	width: 300px;
	padding: 1px 0 0 3px;
	margin: 0;
	padding: 3px 0 0 3px;
}

*+html #intro{
	position:absolute;
	z-index: 1;
	padding: 1px 0 0 3px;
}

#footer{
	clear:left;
	height:30px;
	position:relative;
	background:#efefef;
}

#addy{
	background: red;
	height: 120px;
	float:left;
	background:url(../images/bg_addy.gif) no-repeat 80px bottom;
	width: 320px;
	padding: 150px 0 20px 80px;
	font-size: 10px;
}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation 


---------------------------------------------------------- Hauptnavi  ----------------------------------------------------------------*/

ul li ul {
	display:none;
 	list-style:none;
}

/* -------- horizontale Navigation (#navi-horizontal) -------- */
ul#navi-horizontal {
  position:relative;
}

ul#navi-horizontal li {
  float:left;
}

/* Die normalen Buttons: */
ul#navi-horizontal a {
	display: block;
	padding: 15px 15px;
	text-decoration:none;
	color: #666;
	font-size: 14px;
}

ul#navi-horizontal a:hover {
	background:url(../images/bg_navi-hover.jpg) repeat-x;
	color: #fff;
}

ul#navi-horizontal .l1 a:hover {background:url(../images/bg_l1.gif) no-repeat center center;}
ul#navi-horizontal .l2 a:hover {background:url(../images/bg_l2.gif) no-repeat center center;}
ul#navi-horizontal .l3 a:hover {background:url(../images/bg_l3.gif) no-repeat center center;}
ul#navi-horizontal .l4 a:hover {background:url(../images/bg_l4.gif) no-repeat center center;}
ul#navi-horizontal .l5 a:hover {background:url(../images/bg_l5.gif) no-repeat center center;}
ul#navi-horizontal .l6 a:hover {background:url(../images/bg_l6.gif) no-repeat center center;}

/* Stile und Position der Untermenüs: */

li#portrait2 ul, li#aktuelles2 ul, li#leistung2 ul, li#angebot2 ul{
  top:44px;
  position:absolute;
  z-index: 100;
}

/*li#portrait2 ul {
  	left:104px;
}
li#portrait2:hover ul {
	display:block;
}*/

/* Buttons in den Untermenüs: */

ul#navi-horizontal li ul li {
  float:none;
}

ul#navi-horizontal li ul:hover {
  display:block;
}

ul#navi-horizontal li ul a {
  float:none;
  background: url(../images/bg_trans_hover.png) repeat;
  padding: 5px 9px;
}

ul#navi-horizontal li.l1 ul a:hover,
ul#navi-horizontal li.l2 ul a:hover, 
ul#navi-horizontal li.l3 ul a:hover, 
ul#navi-horizontal li.l4 ul a:hover, 
ul#navi-horizontal li.l5 ul a:hover, 
ul#navi-horizontal li.l6 ul a:hover {
  float:none;
  color: #3366ff;
  background: url(../images/bg_trans_hover.png) repeat;
}

.l1{ background:url(../images/bg_l1-hover.gif) no-repeat center center;}
.l2{ background:url(../images/bg_l2-hover.gif) no-repeat center center;}
.l3{ background:url(../images/bg_l3-hover.gif) no-repeat center center;}
.l4{ background:url(../images/bg_l4-hover.gif) no-repeat center center;}
.l5{ background:url(../images/bg_l5-hover.gif) no-repeat center center;}
.l6{ background:url(../images/bg_l6-hover.gif) no-repeat center center;}

ul#navi-horizontal li.l2 ul li a:hover {
	background:url(../images/bg_l3-hover.gif) no-repeat center center;
}


/*------------------------------------- PNG-Filter/Position Hacks für IE6 --------------------------------------------------------------------------*/


*html ul#navi-horizontal ul{	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_trans_hover.png', sizingMethod='scale');background-image:none;
}

*html ul#navi-horizontal li ul li {
  float:none;
  height: 20px;
  display:block;
  margin-top: -2px;
  width:170px;
  background: url(../images/trans.gif) repeat;
}

*html ul#navi-horizontal ul li a{	
	background-image:none;
}

/**html ul#navi-horizontal ul li a:hover{	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_trans_hover.png', sizingMethod='scale');
}*/

*html li#portrait2 ul {
	left: -670px;
}

*html li#leistung2 ul {
	left: -470px;
}

*html li#angebot2 ul {
	left: -300px;
}
*html li#aktuelles2 ul {
	left: -300px;
}

/*---------------------------------------------------------- Subnavi  ----------------------------------------------------------------*/

#subnavi li {
	float: left;
}

#subnavi a {
	padding: 0px 5px;
	color:#ccccff;
	text-decoration:none;
	background:url(../images/bg_subnavi.gif) no-repeat right top;
}

#subnavi a:hover {
	color: #fff;
}

#star a{
	font-size: 18px;
	color: #ccccff;
	text-decoration:none;
}

#star a:hover{
	font-size: 18px;
	color: #fff;
	text-decoration:none;
}


/*######################################################################################################
######################################################################################################*/

/* 4. Content */


.bildborder {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF;
	margin: 4px 4px 0 0;
}

.bildborder:hover{
	border: 2px solid #3366ff;
	padding: 1px;
}

.bildbordernohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF;
	margin: 4px 4px 0 0;
}

.floatleft{
	float: left;
}

.marginright10px{
margin: 0 10px 0 0;
}

.floatright {
	float: right;
}

ul.liste{
	margin: 0 0 20px 0;
}

ul.liste li {
	padding: 5px 0 5px 25px;
	background:url(../images/bullet-mark.jpg) no-repeat left center;
}

*html ul.liste li {
/*	line-height: 20px;*/
	height: 20px;
}

dl {
	margin: 0 0 0px 0px;
	padding: 0 0 0 20px;
	float:left;
}

*html dl {
	margin: 0 0 0 0px;
	margin: 0;
	padding: 0 0 0 0px;
	float:left;
}

dd{
	float:left;
	display:block;
	width: 210px;
	line-height: 18px;
}

address {
	float:left;
	font-style:normal;
	font-size: 10px;
	width: 150px;
}

 #addy strong{
 	color: #5179ec;
}

.trenner{
	border-top: dashed 1px #CCC;
	text-align:right;
	padding: 0 10px 0 0;
}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a, .escape span{
	text-decoration: underline;
	color: #3366ff;
	outline: none;
}

.escape span {
	border-bottom: none;
}

a:hover, a:hover span{
	text-decoration:none;
	color: #333;
}

/*#euroweb img{
	border: none;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 1px;
}

a[href$="http://www.euroweb.de"] {
display:block;
border-bottom: 1px dashed #5f4d35;
margin-bottom: 10px;
padding-top: 10px;
}*/

/*######################################################################################################
######################################################################################################*/