@charset "utf-8";
table,h1,h2,h3,hr,p,label,input,textarea,option,select,input,form,ul,li,table {
	margin:0;
	padding:0;
	color: #3A3A3A;
	text-align: left;
	font-size:0.9em;
	line-height: 1.5em;
}

html, body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:100.01%;
	margin: 0;
	padding: 0;	
}

body {
}

.c {
	clear: both;
}

img {
	border:none;
}

/* links */
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #F8B200;
	text-decoration: underline;
}
a:active {
	color: #333333;
	text-decoration: underline;
}


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



#footer a {
	color: #000;
	text-decoration: underline;
}
#footer a:link {
	color: #000;
	text-decoration: underline;
}
#footer a:visited {
	color: #000;
	text-decoration: underline;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: #F8B200;
	text-decoration: underline;
}



/* grundstruktur der seite */
/* aufteilung content */

#outerbox {
	width: 950px;
	margin: 0px auto;
}

#header {
	padding: 20px 0;
	width: 900px;
	margin: 0px auto;
	background-color:#FFFFFF;
	
}

.contentindex {
	width: 900px;
	margin: 0px auto;
	clear:both;
	/* background:url(../img/bg_index.jpg) top left no-repeat; */
	padding: 50px 0 0 0;
}

.content {
	width: 900px;
	margin: 10px auto;
	padding-top:15px;
	clear:both;
}

.contentxmas {
	width: 900px;
	margin: 10px auto;
	padding-top:60px;
	clear:both;
}

.tablinks {
	width: 400px;
	float:left;
	padding: 10px 0;
	background-color:#FFFFFF;
}

.content .tabrechts, .contentxmas .tabrechts {
	width: 428px;
	float:right;
	background-color:#FFFFFF;
	padding: 10px;
}

#map {
	width: 900px;
	height: 400px;
	margin: 10px auto;
	padding-top:15px;
	clear:both;
}



.contentindex .tabrechts {
	width: 428px;
	float:right;
	background-color:#FFFFFF;
	padding: 10px;
	margin-top: 260px;
}


#subnavigation {
	clear:both;
	padding-top: 10px;
	width: 900px;
	margin: 15px auto;
}

#footer {
	clear:both;
	border-top: 1px solid #FFCC00;
	padding: 10px 0;
	width: 900px;
	margin: 0px auto;
}


/* Hauptnavigation. */
#navigation {
	border-bottom: 1px solid #FFCC00;
	width:900px;
	margin: 0px auto;
	clear:both;
}

#navlist {
	
}

ul#navlist  {
  padding:0px;
  margin:0px;
  list-style:none;
  
  }

ul#navlist li {
  padding:0px;
  display:inline;
  }
  
#navlist a {
  padding:3px 10px;
  text-decoration:none;
  margin: 0px;
  font-size:0.75em;
  }

#navlist a.last {
  background:none;
  }

#navlist a:hover, #navlist a:focus, #navlist a:active {
  color:#fff;
  background-color:#FFCC00;
  }
  
#navlist .current a {
  color:#fff;
  background-color:#FFCC00;
  }
  
  
/* Subnavigation. */

#subnavigation ul#subnavlist  {
  padding:1px 0 0 10px;
  margin:0px;
  list-style:none;
  
  }

#subnavigation ul#subnavlist li {
  padding:0px;
  display:inline;
  }
  
#subnavigation #subnavlist a {
  padding:1px 8px 0px 10px;
  background:url(../img/nav_trennstrich.gif) no-repeat top right;
  text-decoration:none;
  margin: 0px;
  font-size:0.75em;
  }

#subnavigation #subnavlist a.last {
  background:none;
  }

#subnavigation #subnavlist a:hover, #subnavigation #subnavlist a:focus, #subnavigation #subnavlist a:active {
  color:#716F5A;
  text-decoration: underline;
  }
  
#subnavigation #subnavlist .current a {
  color:#716F5A;
  text-decoration: underline;
  }
  
 
  
  

/* allgemeine formatauszeichnungen content */
h1 {
	color:#ffcc00;
	font-size:1.8em;
	line-height:1.4em;
	margin:0px;
}

h1 span {
	background-color:#FFFFFF;
	padding: 5px 5px 5px 0px;
}

h2 {
	color:#3A3A3A;
	font-size: 0.9em;
	font-weight:bold;
	margin: 0px;
	padding: 3px 0px 10px 0px;
	clear:left;
}

h3 {
	color:#3A3A3A;
	font-size: 0.8em;
	font-weight:bold;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	clear:left;
}

h4 {
	font-size:0.7em;
	padding: 0 0 0 15px;
	font-weight:normal;
	margin: 0px;
}


p {
	padding: 0px 0px 15px 0px;
}

.content .tabrechts img {
	float:left;
	margin: 0 12px 12px 0px;
}

.content .tabrechts img.over {
	border: 1px solid #FFCC00;
}

.content .tabrechts img.out {
	border: 1px solid #ccc;
}

#footer p {
	font-size:0.7em;
	padding: 0px;
}

#footer img {
	float:right;
	margin-bottom: 10px;
}


/* newsteaser */

.newsteaser {
	padding-bottom: 20px;
}


.newsteaser .datum {
	padding-top: 10px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}


.newsteaser h3 {
	font-size:0.8em;
	font-weight:bold;
	padding: 0px;
}

.newsteaser a {
}

.newsteaser p {
	font-size:12px;
	padding: 2px 0;
}

.newsteaser .tags {
	font-size:0.7em;
	font-style:italic;
}




/* artikel */

.tcontainer .datum {
	padding-top: 10px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}

.tcontainer .datum img {
	float: right;
	margin: 0px;
}

.tcontainer h3 {
	color:#000000;
	font-size:19px;
	padding: 0px 0px 15px 0px;
}

.tcontainer a {
	font-size:12px;
	font-weight:bold;
}




/* speziell teaser liste */

.teaser {
	border-top: 1px solid #ccc;
	padding: 10px 0 15px 0px;
}

.teaserfirst {
	padding: 0px 0 15px 0px;
}

.teaser img, .teaserfirst img {
	float:left;
	margin-right: 10px;
}




.galerie {
	padding-bottom: 10px;
}

.galerie img {
	float:left;
	margin: 0 5px 5px 0px;
	border: 1px solid #EDEDED;
}







/* tabelle */

.tableportfolio {
	background-color: #FFFFFF;
	padding: 0px;
	margin-top:20px;
}

.portfolio {
  	border-collapse:collapse;
  	border-spacing:0;
  	border:0;
  	border-width:0;
  	padding:1px;
  	margin:0px;
	width: 100%;
	text-align:left;
	font-size: 0.8em;

}

.portfolio caption {
	display: none;
}

.portfolio th {
	border:1px solid #cccccc;
	font-weight:bold;
	padding:2px 6px;
}

.portfolio td {
  padding:2px 6px;
  border:1px solid #cccccc;
}

.portfolio td .last {
  padding:2px 6px;
}


th[scope=col] {
	font-weight: bold;
}

th[scope=row] {
	text-align:left;
}

.over {
    background-color: #ffcc00;
  }
  
.out {
    color: black;
  }