﻿body { font-family:arial,verdana,sans-serif; font-size:13px; margin:0; padding:0; background-color:#ffffff; line-height:1.2}

#head, #floatholder, #content {width: 1010px;}

#page { width:100%; margin:0px 0 0px 0; padding:0px; border:0px solid #D8DA39; border-width:10px 0px; }
#headwrapper { width: 100%;  background-color:#D8DA39;}

#head { margin:0 auto; }
#logo { float:left; padding:20px 0 20px 0px;}
#navigation {float:left; padding: 0 0 0 0;}
#suche {float:right; margin-top:30px}
.searchField {border:2px solid #c7d530; padding:5px; height:30px}
.searchButton {background-image:url(BGMSucheLupe.png); border:0 none black; height:30px; width:32px; background-color:#c7d530; color:transparent;}

#floatholder { margin: 0 auto; }
#logo img {/*height:90px; margin-left:700px;*/}
#content { float:left; margin:0 0 5px 0px; padding:2px 0px 0 0; text-align:left; min-height:285px; }
#clear { clear:both; }
#clearhead { clear:both; }

#footer { margin:0 auto; background-color:#D8DA39; }
#footer h2 a, #footer h2 { color:#636b00; text-decoration:none; margin:0 0 15px 0; padding:0px; font-weight:bold; font-size:14px; }
#footer p {color: #808080; margin:5px 0;}

#footnavigation ul { list-style:none; padding:0px; margin:0px; border-right: 1px solid white; display: inline-block;}
#footnavigation ul li { border-left: 1px solid white; padding: 0px 15px; float:left;}
#footnavigation a { color: #ffffff; text-decoration:none; font-size: 120%; font-weight: bold;}
#foottextwrapper { width: 100%;  background-color:#D8DA39; padding: 15px 0px; text-align:center;}
#foottext {display:inline-block;}
#footnavigationwrapper { width: 100%;  background-color:#326498; padding: 12px 0px; text-align:center; background-color:#D8DA39;}
#footnavigation, #foottext {margin: auto;}

#foottext .module {float:right;}
#foottext ul {list-style:none; margin:0; padding:0;}
#foottext ul ul {margin:15px 0 0 0;}
#foottext ul li {float:left; margin:0 20px 0 0; }
#foottext ul li li {float:none; margin:5px 0; }
#foottext ul li a { margin:0; color:#636b00; font-size:14px; font-weight:bold; text-decoration:none; }
#foottext ul li li a {margin:0; color:#326499;  font-size:13px; font-weight:normal; text-decoration:none; }
#content table { margin:0px 00px 0px 0px ;  }
#content td label { color: black;  }

#content h1 { font-size:250%; margin: 0px 0px 0px 0; padding:0; color:#326499;font-weight:bold;}
#content a { color:red; text-decoration:none; margin:  200px  100px 0px 0px }
#content h2 a { color:#326499; text-decoration:none; margin:  200px  100px 0px 0px; font-weight:bold ;}
#content p {margin: 12px 0 0 0}
#content a:hover {text-decoration:underline; }

#content h3{ font-size:100%; margin: 0px 0px 0px 0; padding:0; color:#326499;font-weight:bold;}

#smallnavigation{  display:none}
#bild{  display:none}
#smalleinaus { display: none}




/*.SubnavigationLayer2 {display:none;position:absolute;top:21px;z-index:999;padding:0; list-style:none; margin:0;background-color:#cc0033;width:250px;border-bottom:1px solid#666666;}
.SubnavigationLayer2 .SubnavigationLink {margin:0;padding:0;z-index:999;border-top:1px solid #666666;border-left:1px solid #666666; border-right:1px solid #666666; width:248px;}
.SubnavigationLayer2 .SubnavigationLink a {padding-left:5px;text-decoration:none; color:#f8f8f8; font-size:10pt; line-height:22px;z-index:999;}

.SubnavigationLayer3 {display:none;position:absolute;top:21px;z-index:999;padding:0; list-style:none; margin:0;background-color:#cc0033;width:250px;border-bottom:1px solid#666666;}
.SubnavigationLayer3 .SubnavigationLink {margin:0;padding:0;z-index:999;border-top:1px solid #666666;border-left:1px solid #666666; border-right:1px solid #666666; width:248px;}
.SubnavigationLayer3 .SubnavigationLink a {padding-left:5px;text-decoration:none; color:#f8f8f8; font-size:10pt; line-height:22px;z-index:999;}
*/

/*#contentcontainer{ color: #000; float:left; width: 100%; margin-top: 20px; }*/

#right h2 { font-size:140%; margin:0 0 10px 0; padding:2px 5px; font-weight:bold; color:#940000; background-color:#f1f1f1; }
#right h3 { font-size:100%; margin:0; padding:2px 5px; font-weight:bold; color:#940000; background-color:#f1f1f1; }
#right h3 a { color: #940000; }
.defaultnewscontainer div { padding: 0 0 0 5px; }

@media only screen and (-webkit-device-pixel-ratio: 2) 
{
    #head { width:485px; margin:0px auto;  }
    #floatholder { width: 485px; }
    #slider { width: 485px; }
	   #content h1 { font-size:130%;}
    #content { width: 485px; float: left;min-height:0px;}
    #content {margin: 0 0 0px 10px; padding: 0px 0px 0 0px;}
    #content	img {	max-width: 100%;	height: auto;}
    #sliderwrapper {  min-height:20px;   } 
    #logo { float:right; padding:20px 0 0 0;}   
}

@media only screen and (-webkit-device-pixel-ratio: 3) 
{
    #head { width:485px; margin:10px auto;  }
    #floatholder { width:360px; }
    #slider { width: 360px; }
	   #content h1 { font-size:130%;}
    #content { width: 360px; float: left;min-height:0px;}
    #content {margin: 0 0 0px 10px; padding: 0px 0px 0 0px;}
    #content	img {	max-width: 100%;	height: auto;}
    #sliderwrapper {  min-height:20px;   } 
    #logo { float:right; padding:20px 0 0 0;}   
}

@media (min-width: 806px) and (max-width: 1024px)         
{
    #head { width:960px; margin:0px auto;  }
    #floatholder { width: 960px; }
    #content { width: 800px; float: left;min-height:0px;}
    #content	p {	color:black;}
    #content {margin: 0 0 0px 10px; padding: 60px 00px 0 30px;}

    #navigation{display: none}
    #content h1 { font-size:180%;}
    #headwrapper {   min-height:120px;  }
    #logo img {height:90px }  
    #SmallNavigation{display: none}
    #smalleinaus { display: inline-block}
    #bild{  display:block}
    #sliderwrapper {  min-height:20px;   } 
    #logo { float:right; padding:20px 0 0 0;}   
}

/*-- --*/

@media (min-width: 702px) and (max-width: 805px)         
{
    #head { width:690px; margin:0px auto;  }
    #floatholder { width: 690px; }
    #content { width: 650px; float: left;min-height:0px;}
    #navigation{display: none}
    #content	p {	color:black;}
    #content {margin: 0 0 0px 10px; padding: 60px 0px 0 30px;}
 
    #content h1 { font-size:180%;}
    #headwrapper {   min-height:100px;  }
    #logo img {height:90px }  
    #smallnavigation{  display:none}
    #smalleinaus { display: inline-block}
    #bild{  display:block}
    #sliderwrapper {  min-height:20px;   }         
    #logo { float:right; padding:20px 0 0 0;}   
}

/*-- --*/

@media (min-width: 600px) and (max-width: 700px)         
{
    #head { width:560px; margin:0px auto;  }
    #floatholder { width: 560px; }
    #content { width: 550px; float: left;min-height:0px;}

    #content	p {	color:black;}
    #content {margin: 0 0 0px 10px; padding: 0px 0px 0 0px;}

    #content h1 { font-size:150%;}
    #headwrapper {   min-height:100px;  }
    #logo img {height:80px }  
    #navigation{display: none}
    #smallnavigation{  display:none}
    #smalleinaus { display: inline-block}
    #bild{  display:block}
    #CSSNavigationPanel_1786_3{display: none}
    #sliderwrapper {  min-height:20px;   }
    #logo { float:right; padding:20px 0 0 0;}   
}


/*---- s2 quer*/

@media (min-width: 480px) and (max-width: 599px) 
{
    #head { width:460px; margin:0px auto;  }
    #floatholder { width: 460px; }
    #content { width: 400px; float: left;min-height:0px;}
    #content	img {	max-width: 100%;	height: auto;}
    #content	p {	color:black;}
    #content {margin: 0 0 0px 10px; padding: 0px 0px 0 0px;}

    #content h1 { font-size:120%;color:black;}
    #headwrapper {   min-height:80px;  }
    #logo img {height:80px }  

    #navigation{display: none}
    #smallnavigation{  display:none}
    #smalleinaus { display: inline-block}
    #bild{  display:block}
    #CSSNavigationPanel_1786_3{display: none}
   
    #logo { float:right; padding:20px 0 0 0;}   
}

/*----*/

@media (min-width: 361px) and (max-width: 479px) 
{
    #head { width:350px; margin:0px auto;  }
    #floatholder { width: 3500px; }
    #content { width: 340px; float: left;min-height:0px; }
    #content	img {	max-width: 100%;	height: auto;}
    #content	p {	color:black;}
    #content {margin: 0 0 0px 10px; padding: 0px 0px 0 0px;}

    #headwrapper {   min-height:80px;  }
    #logo img {height:80px }  
    #sliderwrapper {  min-height:20px;   } 
    #navigation{display: none}
    #smallnavigation{  display:none}
    #smalleinaus { display: inline-block}
    #bild{  display:block}
  
    #logo { float:right; padding:20px 0 0 0;}   
}

/*--s3-4 --*/

@media (min-width: 321px) and (max-width: 360px) 
{
    #head { width:320px; margin:0px auto;  }
    #floatholder { width: 320px; }
    #content { width: 300px; float: left;min-height:0px; }
    #content	img {	max-width: 100%;	height: auto;}
    #content	p {color:black;	}
    #content {margin: 0 0 0px 10px; padding: 0px 0px 0 0px;}

    #headwrapper {   min-height:60px;  }
    #logo img {height:80px }  
    #sliderwrapper {  min-height:20px;   } 
    #navigation{display: none}
    #smallnavigation{  display:none}
    #smalleinaus { display: inline-block}
    #bild{  display:block}
   
    #logo { float:right; padding:20px 0 0 0;}   
}

/*--iphone5 +4- s2 -*/

@media (max-width: 320px) 
{
    #head { width:290px; margin:0px auto;  }
    #floatholder { width: 100%; }
    #content { width: 270px; float: left;min-height:0px;}
    #content	img {	max-width: 100%;	height: auto;}
    #content {margin: 0 0 0px 10px; padding: 0px 0px 0 0px;}
    #left{display:none}

    #content	p {	color:black;}
    #headwrapper {   min-height:60px;  }

    #logo img {height:50px;  margin-top:-50px; margin-left:-30px; } 
    #sliderwrapper {  min-height:20px;   } 
    #CSSNavigationPanel_1786_3{display: none}
    #navigation{display: none}
    #smallnavigation{  display:none; width: 260px; }
    #smalleinaus { display: inline-block;  }
    #bild{  display:block}
    #logo { float:right; padding:20px 0 0 0;}   
}
            

@media (max-width: 250px) 
{
    #head { width:190px; margin:5px auto;  }
    #floatholder { width: 190px; }
    #content { width: 190px; float: left;min-height:0px;}
    #content	img {	max-width: 100%;	height: auto;}
    #content	p {	color:black;}
    #content {margin: 0 0 0px 10px; padding: 0px 0px 0 0px;}

    #left{display:none}
    #headwrapper {   min-height:50px;  }
    #logo img {height:60px }  
    #sliderwrapper {  min-height:20px;   } 
    #smallnavigation{  display:none}
    #smalleinaus { display: inline-block}
    #bild{  display:block}
    #logo { float:right; padding:20px 0 0 0;}   
}

#smallnavigation .HauptnavigationLayer1 	{
	width:100%;
	margin:0;
	padding:0;
}


#smallnavigation .HauptnavigationLayer1 .HauptnavigationLink {
	width:100%; 
    background:#f1f1f1;
	list-style:none;
	line-height:30px;
	margin:0 0 1px 0;
}

#smallnavigation .HauptnavigationLayer1 .HauptnavigationLink a {
	color:#4d4d4d;
	font-weight:bold;
	text-decoration:none;
	padding-left:5px;
}


#smallnavigation .HauptnavigationLayer1 .mouseover {
	/*background:#99ab23;*/
}

#smallnavigation .HauptnavigationLayer1 .mouseover a {
	color:black;
	font-weight:bold;
	font-size:10pt;
}


#smallnavigation .HauptnavigationLayer1 .clicked {
	background:#f1f1f1;

}

#smallnavigation .HauptnavigationLayer1 .clicked a {
	color:black;
	font-weight:bold;
}


#smallnavigation .HauptnavigationLayer2 	{
	width:100%;
	margin:0;
	padding:0;
}


#smallnavigation .HauptnavigationLayer2 .HauptnavigationLink {
	width:100%; 
  background:#f1f1f1;

	background: no-repeat; 	
	list-style:none;
	line-height:30px;
	margin:0 0 1px 0;
}

#smallnavigation .HauptnavigationLayer2 .HauptnavigationLink a {
	color:#4d4d4d;
	font-weight:normal;
	text-decoration:none;
	font-size:10pt;
	padding-left:8px;
}


#smallnavigation .HauptnavigationLayer2 .mouseover {
background:#f1f1f1;	
}

#smallnavigation .HauptnavigationLayer2 .mouseover a {
	*color:white;*
	font-weight:normal;
}


#smallnavigation .HauptnavigationLayer2 .clicked {
	background:#f1f1f1;}

#smallnavigation .HauptnavigationLayer2 .clicked a {
	color:#4d4d4d;
	font-weight:normal;
}


#smallnavigation .HauptnavigationLayer3 	{
	width:100%;
	margin:0;
	padding:0;
}


#smallnavigation .HauptnavigationLayer3 .HauptnavigationLink {
	width:100%; 
	
	list-style:none;
	line-height:30px;
	margin:0 0 1px 0;
}

#smallnavigation .HauptnavigationLayer3 .HauptnavigationLink a {
	color:#353d05;
	font-weight:normal;
	text-decoration:none;
	font-size:8pt;
	padding-left:5px;
}


#smallnavigation .HauptnavigationLayer3 .mouseover {
	background:#99ab23;
}

#smallnavigation .HauptnavigationLayer3 .mouseover a {
	color:white;
	font-weight:normal;
}


#smallnavigation .HauptnavigationLayer3 .clicked {
	background:#99ab23;
}

#smallnavigation .HauptnavigationLayer3 .clicked a {
	color:white;
	font-weight:normal;
}

#head .SubnavigationLayer1 .SubnavigationLink {
    display: inline;
    float: right;
    padding: 0 6px;
}
#head .SubnavigationLayer1 .SubnavigationLink a {
    color: #394143;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
}
#head .SubnavigationLayer1 .mouseover a {
    text-decoration: underline;
}






