/******* body *******/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.566;	
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background: repeat-y top left;
	background-image: url(bg_new5.jpg);
}

/******* hyperlink *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** h **************/

h1{
 font: 175% Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px 0px 10px 0px;
}

h2{
 font: 130% Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 margin: 0px;
 padding: 10px 0px 10px 0px;
}

h3{
 font: 140% Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 margin: 0px;
 padding: 10px 0px 0px 0px;
}

h4{
 font: 130% Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 margin: 0px;
 padding: 3px 0px 3px 0px;
}

h5{
 font: 120% Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 margin: 0px;
 padding: 1px 0px 1px 0px;
}

h6{
 font: 110% Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}


/*************** tags ***************/


ul{
 list-style-image: url(services/urlaubsplanung/punkt.jpg);
 margin: 0px 0px 15px 15px;
}

li{
 margin: 5px 0px 0px 10px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

ol {
 margin: 0px 0px 15px 15px;
}

ol ol { 
list-style: upper-alpha;}


/********* form *********/


form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Verdana, Arial, Helvetica, sans-serif;
 color: #334d55;
}
				
input{
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/***********************************************/
/* Divs
/***********************************************/


#pagecell1{
	position:absolute;
	top: 5px;
	left: 1%;
	width: 1000px;
	background: url(bg-content.jpg) no-repeat #ffffff bottom right;

}


#content{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#content1{
	padding: 0px 0px 0px 0px;
	margin:120px 0px 0px 10px;
}


/********* menu *********/


#pageNav{
	float: left;
	width:150px;
	padding: 0px;  
	background-color: #F4FAFF;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font: small Verdana,sans-serif;
}

#startseite {
float: left;
width: 147px; 
padding: 3px 0px 3px 3px; 
border-top: 1px solid gray; 
border-bottom: 1px solid gray; 
margin: 7px 0px 7px 0px; 
background-color:#F4FAFD;
}

#businessbox {
color: #999999;
float: left;
width: 147px; 
padding: 3px 0px 3px 3px; 
border-top: 1px solid gray; 
border-bottom: 1px solid gray; 
margin: 7px 0px 7px 0px; 
background-color:#FFEFCE;
}


/************ icon styles **************/

#icon {
	 float:left;
	 margin: 4px 5px 2px 2px;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #C0DFFD;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	background: repeat-x;
	background-image: url(bg_nav.jpg);
	background-color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	color: #000033;
	line-height: 1.557;
}

#sectionLinks a:hover{
	background-color: #FFFFFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0px 3px 5px;
	color: #000033;
}

#sectionLinks1{
	background-color:#FFFFFF;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	text-decoration: underline;
	padding: 9px 0px 3px 5px;
	color: #000033;
	line-height: 1.557;
}

#sectionLinks1 h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #C0DFFD;
}


/************ sectionLinks2 styles **************/

#sectionLinks2{
	margin: 0px;
	padding: 0px;

}

#sectionLinks2 h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #C0DFFD;
}

#sectionLinks2 a:link, #sectionLinks2 a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	background: repeat-x;
	background-color: #FFFFFF;
	background-image: url(bg_nav1.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	color: #000033;
	line-height: 1.557;
}

#sectionLinks2 a:hover{
	background-color: #FFFFFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0px 3px 5px;
	color: #000033;
}


/************ service styles **************/

#service{
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
	color: #00509F;
	background-color: #FFFFFF;

}


/************ menulinks styles **************/

#menulinks{
	margin: 0px;
	padding: 0px;

}

#menulinks a:link, #menulinks a:visited {
	display: block;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
		margin: 5px 0px 0px 0px;

}

#menulinks a:hover{
	display: block;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
		margin: 5px 0px 0px 0px;
}


/************ menulinks1 styles **************/

#menulinks1{
	margin: 0px;
	padding: 0px;

}

#menulinks1 a:link, #menulinks1 a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
}

#menulinks1 a:hover{
	display: block;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
}

/************ items styles **************/

#items{
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;

}

#items a:link, #items a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	padding: 3px 0px 3px 19px;
	background: url("../icons/mm_arrow.gif") 9px 50% no-repeat;

}

#items a:hover{

	text-decoration: underline;
}

/************ items1 styles **************/

#items1{
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;

}

#items1 a:link, #items1 a:visited {
	display: block;
	color: #000000;
	padding: 3px 0px 3px 19px;
	background: #DADFF1 url("../icons/mm_arrow_unten.gif") 7px 55% no-repeat;

}

#items1 a:hover{
	text-decoration: underline;
}


/************ items2 styles **************/

#items2{
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;

}

#items2 a:link, #items2 a:visited {
	display: block;
	color: #000000;
	background-color: FFFFFF;
	padding: 3px 0px 3px 19px;

}

#items2 a:hover{
	text-decoration: underline;
}


/************ items3 styles **************/

#items3{
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;

}

#items3 a:link, #items3 a:visited {
	display: block;
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
	background-color: FFFFFF;
	padding: 3px 0px 3px 19px;

}

#items3 a:hover{
	text-decoration: underline;
}



/********* inex *********/

#leftsidebox{
	margin: 4px 4px 4px 4px;
	}

#pageNav1{
	float: right;
	width:230px;
	padding: 0px;
	background-color: #F4FAFF;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font: small Verdana,sans-serif;
}

/************** middle styles for icons in inex *****************/

.middle{
	padding: 0px 0px 0px 0px;
	color: #000000;
	line-height: 22px;
}


.middle img{
	float: left;
	padding: 0px 10px 0px 0px;
}

.middle1{
	padding: 0px 0px 0px 0px;
	color: #339966;
	line-height: 22px;
}


.middle1 img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/************* relatedLinks inex **************/

.relatedLinks{
	line-height: 1.266;	
	margin: 0px;
	padding: 4px 4px 4px 4px;
	border-top: 2px dashed #cccccc;
}

.relatedLinks h3{
	padding: 3px 0px 2px 0px;
	color: #003366;
}

.relatedLinks a{
	display: block; 
}


		

/************** header ****************/

#top{
	top: 0px;
	left: 0%;
	width: 1000px;
	height: 114px;
	border-bottom: 1px solid #999999;
}


#pageName1 img{
	position: absolute;
	top: 0px;
	left: 249px;
	padding: 0px;
	margin: 0px;
}

#pageName1a img{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}


#pageName3 {
	position: absolute;
	top: 100px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}

#pageName4 img{
	position: absolute;
	top: 600px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}



/************* breadCrumb ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}

/************** datum *****************/

.datum{
 	font: 70% Verdana, Arial, Helvetica, sans-serif;
 	color: #000000;
 	margin: -7px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

/************** feature *****************/

.feature{
	width: 97%;
	float: left;
	margin-left: 0px;
	margin-right: 3px;
	padding: 5px 5px 30px 5px;
	background: no-repeat top left;
	background-image: url(bg-top.black.gif);
}


html>body .feature {height: auto;}


.feature img{
	float: left;
	padding: 0px 5px 0px 0px; 
}


/************** feature für iframe *****************/

.feature1{
	width: 100%;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px 0px 30px 0px;
}


html>body .feature1 {height: auto;}


.feature1 img{
	float: left;
	padding: 0px 0px 0px 0px; 
}

/*************** story styles ******************/

.story {
	padding: 20px 5px 30px 5px;
	font-size: 80%;
}


.story p {
	padding: 0px 0px 20px 0px;
}

.story a.capsule{
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #005FA9;
	display:block;
	margin-bottom: -20px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

.story img{
	float: left;
	padding: 4px 3px 0px 0px;
}


/*************** kommentar styles ******************/

.kommentar {
	padding: 20px 5px 30px 5px;
	font-size: 80%;
}

.kommentar p {
	padding: 0px 0px 10px 0px;
}

.kommentar a.capsule{
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.kommentar a.capsule:hover{
	text-decoration: underline;
}

td.kommentar{
	padding-right: 12px;
}

.kommentar img{
	float: left;
	padding: 4px 3px 0px 0px;
}

/************** sideinfo ****************/

#siteInfo{
	clear: both;
	border: 1px solid #FFFFFF;
	background-color: #E6E6E6;
	font-size: small;
	color: #666666;
	padding: 10px 10px 10px 10px;
	margin-top: 5px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/************** kontaktformular ****************/

#vielendank {
float: left;
width: 95%; 
padding: 4px; 
border: 1px solid gray; 
margin: 10px 10px 10px 10px; 
background-color:#F4F4F4;
}


/************** Kommentare ****************/

.itab {
	color: #000000;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	}
	
/************** Forum - letzte 5 Einträge ****************/

.lastfeatureposts{
	padding: 20px 20px 20px 20px;
    margin: 20px 20px 20px 20px;
	font-size: 80%;
	min-height: 700px;
	height: 700px;
	background: no-repeat;
	background-image: url(forum-bg.jpg);
}


/************** veran styles (für das Deutschsprachige Adressverzeichnis) *****************/

.veran{
	padding: 0px 5px 10px 10px;
	font-size: 80%;
	min-height: 10px;
	height: 10px;
}
html>body .veran {height: auto;}

.veran h1{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 0px 0px 5px 0px;
}

.veran img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** deutsch styles ******************/

.deutsch {
	padding: 10px 10px 20px 10px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
	background-color: #CCCCCC;
}

.deutsch h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.deutsch p {
	padding: 0px 0px 10px 0px;
}

.deutsch a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.deutsch a.capsule:hover{
	text-decoration: underline;
}

td.deutschLeft{
	padding-right: 12px;
}

.deutsch img{
	float: right;
	padding: 5px 5px 5px 5px;
}

/************** special styles für den buchshop *****************/

.special{
	padding: 10px;
	margin: 20px 10px 45px 10px;
	font-size: 80%;
	min-height: 10px;
	height: 10px;
	background-color: #FF6600;
}
html>body .special {height: auto;}

.special h1{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 0px 0px 5px 0px;
}

.special img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 10px;
}

/************** Partnerangebote *****************/
.Sti99 {color: #666666}

/********************* end **********************/
	
