/* *****   ein schickes stylesheet fuer KUHFUSS                 **********
*****   hier die styles fuer die normale ansicht             **********
*/
/* ***** die farben: *****************************************************
hellblau       #daedfb 
schriftblau    #174A67
navleistenblau #35a7e8
leichtblau     #65c5fc
gruenlich      #90bcbd
hellgruenlich  #cae7e8
dunkelblau     #0c2638
dunkelblau2    #0f364d
mediumblau     #1982be
*/
/* ***** time to reset ... ***********************************************
*/
/* Eric Meyer v1.0 - 2008-02-12 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight:normal;
}
body             {
line-height:1;
}
ol,ul             {
list-style:none;
}
/* remember to define focus styles! */
:focus             {
outline:0;
}
/* tables still need 'cellspacing="0"' in the markup */
table             {
border-collapse:collapse;
border-spacing:0;
}
/* ***** uebergreifendes ... *********************************************
*/
html            {
}
body            {
padding:20px 0;
margin:0;
background:#daedfb;
color:#174a67;
text-align:center;
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
#mantel            {
margin:0 auto;
padding:0;
width:970px;
text-align:left;
}
#mantelPad          {
margin:0;
padding:0;
}
/* ***** global positioning **************** ( via MT3.1 => sixapart.com ) 
*/
#oben            {
width:970px;
overflow:hidden;
}
#mitte            {
width:970px;
overflow:hidden;
}
.clear            {
clear:both;
padding:1px;/* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */
}
/* ***** global padding **************************************************
*/
#obenPad          {
margin:0;
padding:4px 0;
text-align:left;
}
#mittePad          {
margin:0;
padding:28px 141px 0 141px;
text-align:left;
}
/* ***** navigationslisten horizontal ************************************
*/
#obenHeadline        {
padding:15px 0 15px 11px;
}
#obenLogo          {
float:left;
width:242px;
background:#35a7e8;
border-right:1px solid #daedfb;
}
body.weiche #obenLogo          {
float:left;
width:242px;
background:#35a7e8;
border-right:none;
}
#obenLogo img        {
padding:5px 0 4px 10px;
}
#obenMitte          {
float:left;
width:500px;
}
#obenNavigation        {
background:#35a7e8;
height:57px;
overflow:hidden;
}
#obenNavigation li      {
display:block;
float:left;
text-align:left;
padding:0;
margin:0;
text-indent:-2000px;
}
#obenNavigation li a    {
display:block;
height:57px;
border-right:1px solid #daedfb;
}
#obenNavigation li#navInspiration a   {
width:193px;
background:url(../layoutbilder/inspiration.gif) no-repeat 0 -57px;
}
#obenNavigation li#navAnsprechpartner a  {
width:193px;
background:url(../layoutbilder/ansprechpartner.gif) no-repeat 0 -57px;
}
#obenNavigation li#navKatalog a     {
width:193px;
background:url(../layoutbilder/themenkataloge.gif) no-repeat 0 -57px;
}
#obenNavigation li#navInspiration a.current{
width:193px;
background:url(../layoutbilder/inspiration.gif) no-repeat 0 0;
}
#obenNavigation li#navAnsprechpartner a.current{
width:193px;
background:url(../layoutbilder/ansprechpartner.gif) no-repeat 0 0;
}
#obenNavigation li#navKatalog a.current {
width:193px;
background:url(../layoutbilder/themenkataloge.gif) no-repeat 0 0;
}
#obenNavigation li#navInspiration a:hover{
width:193px;
background:url(../layoutbilder/inspiration.gif) no-repeat 0 0;
}
#obenNavigation li#navAnsprechpartner a:hover{
width:193px;
background:url(../layoutbilder/ansprechpartner.gif) no-repeat 0 0;
}
#obenNavigation li#navKatalog a:hover   {
width:193px;
background:url(../layoutbilder/themenkataloge.gif) no-repeat 0 0;
}
#homelink				{
float:right;
padding: 15px 0 0 0;
margin: 0 15px 0 15px;
}
#homelink a			{
font-size:11px;
color:#ffffff;
text-decoration:none;
border:0;
line-height:120%;
}
#homelink a:hover			{
font-size:11px;
color:#174a67;
text-decoration:none;
border:0;
line-height:120%;
}
.mitteNavigation      {
padding:0;
height:22px;
}
.mitteNavigation li      {
display:block;
float:left;
text-align:left;
padding:0;
margin:0;
}
.mitteNavigation li a    {
display:block;
border:1px solid #90bcbd;
background:#cae7e8;
color:#174a67;
font-size:14px;
text-decoration:none;
padding:3px 14px 4px 14px;
margin:0 1px 0 0;
border-bottom:0;
}
.mitteNavigation li a.current{
background:#90bcbd;
color:#ffffff;
}
.mitteNavigation li a:hover,
.mitteNavigation li a:focus  {
background:#90bcbd;
color:#ffffff;
}
/* ***** diverses ************************/
#content          {
}
#content h1          {
margin-bottom: 1em;
	margin-top: 0.8em;
	color: #35a7e8;
	background-color: transparent;
	font-size: 20px;
	font-weight: bold;
line-height:150%;
}
#content h2          {
color:#174a67;
font-weight:normal;
font-size:18px;
line-height:150%;
letter-spacing:0;
padding:0;
margin:0;
}
#content h3          {
color:#174a67;
font-weight:normal;
font-size:14px;
line-height:150%;
padding:5px 0 0 0;
margin:0;
}
#content p          {
color:#174a67;
font-size:12px;
line-height:150%;
padding:6px 0;
margin:0;
}
.artikel          {
padding:0;
margin:10px 0 10px 0;
}
.artikel img        {
padding:0;
border:0;
margin:10px 20px 10px 10px;
float:left;
}
.artikel p a ,.artikel li a   {
text-decoration:none;
color:#1982be;
border-bottom:1px solid #1982be;
}
.artikel p a:hover,.artikel p a:focus,.artikel li a:hover,.artikel li a:focus
      {
text-decoration:none;
color:#174a67;
border-bottom:1px solid #174a67;
}
.slideshow          {
padding:0;
margin:20px 0 0 0;
}
.slideshow .clear      {
padding:0;
height:1%;
}
.mitteSlides				{
border:8px solid #90bcbd;
padding:25px ;
margin:0;
height:1%;
}
/* #mitteLinks					{
float:left;
width:50px;
}
 #mitteLinks a{
	display: none;
}  */
.mitteMitte					{
float:left;
width:610px;


}
/* #mitteRechts				{
float:right;
width:50px;
}
 #mitteRechts a{
			display: none;
}  */
#mitteSlidesContent{
float:left;
width:560px;
}
.artikel .mitteLinks img,
.artikel .mitteRechts img{
padding:110px 8px;
margin:0;
float:none;
}
img.bildlinks{
	float: left;
	margin: 0 10px 0 0;
}
img.bildrechts{
	float: right;
	margin: 0 0 0 10px;
}
/* imagemap ansprechpartner */
#map{
float: left;
	width: 300px;
}
#textinfos{
	width: 300px;
	margin: 0 0 0 300px;;
	
}
body.weiche #mitte li{margin: 0 0 12px 0;}
/* ***** standards *******************************************************
*/
small            {
font-size:10px;
}
strong            {
font-weight:bold;
}
em              {
font-style:italic;
}
/* ***** formulare *******************************************************
*/
form            {
/* fuer IE, um umbruch zu vermeiden */
display:inline;
}
input,
textarea          {
padding:1px 2px;
color:#174a67;
font-style:normal;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}
textarea          {
width:270px;
height:120px;
}
area{
	cursor: pointer;
}
/* ***** fuß ***************************** */
#fuss{
margin-top: 30px;
	text-align: center;
	font-size: 9px;
}
#fuss a{
	color: #174a67;
	text-decoration: underline;
}
#fuss a:hover{
	color: #35a7e8;
	text-decoration: underline;
}
/* ***** 25-01-2010 martin niggemann, www.weltrettung.org ****************
*/
