/***********************************************/
/* Use with template index.html          */
/***********************************************/

/** Anpassungen **/


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

*{
	margin: 0;
	padding: 0;
}


body{
	font: normal normal normal 12px/16px normal Arial,sans-serif;
	color: #000000;
	background: #DDD;
}

a, a:link, a:visited, a:hover {	color: #039; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 {
	font-family: Verdana,Arial,sans-serif;
	font-size: 120%;
	color: #334d55;
	margin: 0 0 15px 0;
	padding: 0;
}

h2 {
	font-family: Arial,sans-serif;
	font-size: 114%;
	color: #333;
}

h3 {
	font-family: Arial,sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0 0 15px 0;
}

h4{
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333333;
}

h5{
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	color: #334d55;
}

ul{
	list-style-type: square;
}

ul ul{
	list-style-type: disc;
}

ul ul ul{
	list-style-type: none;
}

label{
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
div#center {
	background-color:#FFFFFF; 
	height:100%; 
	width:960px; 
	margin: 0 auto 0 auto;
}
#masthead	{ 
	height:60px; width: 930px;
	margin: 0 auto 0 auto;
}

#divider	{ height:1px; width:930px;}
#body		{ 
	width:960px; 
	padding-bottom:12px;
	}
#navBar { 
	float:left;
	width:200px; 
	height:100%; 
	padding-top:15px;
	padding-left:15px;
}
#content	{ 
	float:left; 
	margin-left:15px;
	padding-top:10px;
	width:715px; 
	height:100%;
}
#headlines {
	float:right; width:223px; height:100%; min-height:675px; text-align:left; margin:0;
	padding:10px 0 20px 10px;
}
#botNavi	{ clear:both; text-align:right; margin-left:230px; width:715px; }
#siteInfo	{ clear:both; padding-top:2px; margin-left:230px; width:715px; }


/** ZUS. FORMATIERUNG **/
#masthead .logo		{ float:left; }
#masthead .slogan	{ float:right; margin-top:13px; left:611px; }
#botNavi a			{ line-height:16px; vertical-align:middle; padding:0 2px 2px 2px; margin-left:9px; }
#botNavi a:hover	{ text-decoration:none; }
#botNavi a img		{ border:0; vertical-align:top; }

/** FARBEN + FONTS **/
#divider	{ background:#000000; }
#headlines	{ font-size:80%; }
#botNavi	{ color:#848484; font-size:11px; }
#botNavi a	{ color:#848484; }
#siteInfo	{ color:#000000; font-size:10px; border-top:1px solid #848484; }


/** NAVIGATION **/

#navBar { font-size:11px; line-height:normal; }
#navBar ul { list-style:none; margin:0; padding:0; width:100%; }
#navBar ul li { display:block; padding:0; margin:1px 0 0 0; }
#navBar ul li li { margin:1px 0 0 0; }
#navBar ul a {
	display:block; padding:5px 5px 5px 18px; color:#fff; text-decoration:none;
	 background:url("../../template/name/img/balken.png");
}
#navBar ul a:hover,
#navBar ul a.hilite { background:#d8dde3; color:#000;}
#navBar ul a.active:hover,
#navBar ul a.active {border-left:8px solid #d8dde3; padding-left:10px; background:#e7e8e8; color:#000; }
#navBar ul li li a { padding-left:20px; background:#e7e8e8; border-color:#e7e8e8; color:#000;}


/** SEARCH FORM **/
#searchform form { display:block; margin:0; padding:0; }
#searchform div { background:#ccc; padding:1px 0 2px 11px; height:19px; }
#searchform .SearchField { color:#000; font:11px arial,sans-serif; padding:1px; width:100px; height:13px; margin:0 0 0 10px; }
#searchform .SearchButton { font:10px arial,sans-serif; width:30px; height:19px; border:1px outset #999; margin:0 0 0 2px; }

.btn {
	padding: 2px 5px;
	width: auto;
	overflow: visible;
}

#details table {
	border-collapse: separate;  /* wichtig, damit border-spacing wirkt */
	border-spacing: 0;        /* ersetzt cellspacing */
}

#details table td, #details table th {
	padding: 1px;               /* ersetzt cellpadding */
}