/* CSS Document */

/* farben 
09396c
96/68/11/39 cmyk 
9/57/108 rgb

565655 (80% Grau)

d9dada (20% grau)
217/218/218
0/0/0/20
*/

/*reduziert die größe auf handys*/
@media only screen and (min- width:176px) and (max-width:600px) { 
#main {margin-left:20px;}}

 @font-face { font-family:Garamond;src:url(garamond.eot);}

html 
{padding:0px; margin:0px;}

body  /*Trebuchet MS*/
{padding: 0; margin: 0px; font-family:"Trebuchet MS", Arial,sans-serif; } 

#head /*umschliesst das logo */
{padding: 0px; margin: 0px auto; width:auto; min-width:1000px; height:80px;
background-color:#d9dada;}

#headlogo /*logo im head */
{padding: 0px 0px 0px 0px; margin: 0px auto; width:1000px; height:80px; }

#subhead /*blauer balken */
{padding: 0px; margin: 0px auto; width:auto; min-width:1000px; height:18px;
background-color:#09396c;}

#main /*umschliesst alles außer head und subhead */
{width:1000px; padding: 0px; margin: 0px auto 0px auto;  position:relative;}

#menu
{float:left; width:262px; height:280px; padding:0px; margin:0px 0px 0px 0px;  
font-size:17px; font-weight:normal; position:relative;background-color:#d9dada; }

/*definition das kein listenpunkt erscheint*/
#menu ul 
{padding: 0; margin:95px 0px 0px 0px; list-style:none; }

/*hier wird das aussehen der links definiert*/
#menu ul li 
{height:30px; width:150px; padding:0px 0px 0px 30px; margin:0px; text-align:left; background-color:none;}

/*hier wird nur das definiert, was bei li nicht funzt (unterstrichener Text)*/
#menu ul li a, .menu ul li a:visited 
{text-decoration:none; color:#000; padding:0px 0px 0px 0px; margin:0px;}

/*link beim drüberfahren*/
#menu ul li:hover 
{height:30px; width:150px; padding:0px 0px 0px 30px; margin:0px; }

/*link beim drüberfahren - textfarbe*/
#menu ul li:hover a
{color:#09396c;}

/*aktiver menübutton*/
#menu ul li.active
{text-decoration:none;}

/*aktiver menübutton - textfarbe*/
#menu ul li.active a
{color:#09396c; }

#menu-b
{float:left; width:262px; height:322px; padding:0px; margin:0px 0px 0px 0px;  
font-size:17px; font-weight:normal; position:relative;background-color:#d9dada; }

/*definition das kein listenpunkt erscheint*/
#menu-b ul 
{padding: 0; margin:125px 0px 0px 0px; list-style:none; }

/*hier wird das aussehen der links definiert*/
#menu-b ul li 
{height:30px; width:150px; padding:0px 0px 0px 30px; margin:0px; text-align:left; background-color:none;}

/*hier wird nur das definiert, was bei li nicht funzt (unterstrichener Text)*/
#menu-b ul li a, .menu ul li a:visited 
{text-decoration:none; color:#000; padding:0px 0px 0px 0px; margin:0px;}

/*link beim drüberfahren*/
#menu-b ul li:hover 
{height:30px; width:150px; padding:0px 0px 0px 30px; margin:0px; }

/*link beim drüberfahren - textfarbe*/
#menu-b ul li:hover a
{color:#09396c;}

/*aktiver menübutton*/
#menu-b ul li.active
{text-decoration:none;}

/*aktiver menübutton - textfarbe*/
#menu-b ul li.active a
{color:#09396c; }

#bild
{width:738px; height:280px; float:left; margin:0px; padding:0px;}

#bild-a
{width:454px; height:280px; float:left; margin:0px; padding:0px;}

#bild-b-kontakt
{width:264px; height:152px; float:left; margin:0px; padding:128px 0px 0px 20px; line-height:20px; font-size:13px;background-color:#ddd2c0;}

#bild-b-kontakt a
{color:#565655;}

#bild-b-kontakt a:hover
{color:#565655;}

#bild-b-profil
{width:264px; height:87px; float:left; margin:0px; padding:193px 0px 0px 20px; line-height:20px; font-size:13px;}

#bild-b-profil a
{color:#565655;}

#bild-b-profil a:hover
{color:#565655;}

#content
{width:1000px; height:auto; float:left; margin:0px; padding:0px;}

#content p
{line-height:22px; }

#left
{float:left;width:262px; margin:0px; padding:0px;}

#breadcrumb
{width:240px; float:left; margin:5px 0px 0px 30px; padding:0px 0px 0px 0px; font-size:10px; }

#breadcrumb a.active
{text-decoration:none;color:#09396c; text-decoration:underline;}

#breadcrumb a
{text-decoration:none; color:#565655;}

#breadcrumb a:hover
{text-decoration:underline;}



#bildkasten
{width:262px; height:auto; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px;}

#bildkasten-1
{width:150px; height:auto; float:left; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px;}

#bildkasten-2
{width:112px; height:auto; float:left; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px;}


#bildkasten a
{color:#565655; text-decoration:none;}

#bildkasten a:hover
{text-decoration:underline;}


#right /* width 693px*/
{width:693px; height:auto; float:left; margin:0px; padding:20px 0px 0px 45px; font-size:15px;
color:#565655;}

#right p
{padding:0px 0px 0px 0px;margin:10px 0px 0px 0px; }

#right a
{color:#000000;  }

#right ul 
{padding: 0; margin:0px 0px 0px 15px; list-style-image:url(bilder/hp.gif);}

/*hier wird das aussehen der links definiert*/
#right ul li 
{padding:5px 0px 5px 0px; margin:0px; text-align:left; }

/*hier wird nur das definiert, was bei li nicht funzt (unterstrichener Text)*/
#right ul li a, .menu ul li a:visited 
{text-decoration:none; color:#565655; padding:0px 0px 0px 0px; margin:0px;}

/*link beim drüberfahren*/
#right ul li:hover 
{padding:5px 0px 5px 0px; margin:0px;  }

/*link beim drüberfahren - textfarbe*/
#right ul li:hover a
{color:#09396c;text-decoration:underline;}

/*aktiver menübutton*/
#right ul li.active
{text-decoration:none;}

#right ul.ip
{padding: 0; margin:0px 0px 0px 15px; list-style-image:url(bilder/ip.gif);}

#right ul li.ip
{text-decoration:none;}


/*hier wird das aussehen der links definiert*/
#right ul li 
{padding:5px 0px 5px 0px; margin:0px; text-align:left; }


#right-kontakt
{width:693px; height:auto; float:left; margin:0px; padding:20px 0px 0px 45px;line-height:21px; }

#right-kontakt a
{color:#000000;  }


#right-index /* width 693px*/
{width:693px; height:auto; float:left; margin:0px; padding:20px 0px 0px 45px; font-size:17px;
color:#565655; text-align:center;}



#box-a /*#565655*/
{width:390px; height:auto; float:left; margin:0px 0px 25px 0px; padding:0px 0px 0px 30px;
font-size:13px; color:#000; line-height:16px;}

#box-a p
{padding:0px 0px 0px 0px;margin:5px 0px 0px 0px; }

#box-a a
{color:#000000;  }

#box-a ul 
{padding: 0; margin:0px 0px 0px 15px; list-style-image:url(bilder/pfeil.gif);}

/*hier wird das aussehen der links definiert*/
#box-a ul li 
{padding:5px 0px 5px 0px; margin:0px; text-align:left; }

/*hier wird nur das definiert, was bei li nicht funzt (unterstrichener Text)*/
#box-a ul li a, .menu ul li a:visited 
{text-decoration:none; color:#565655; padding:0px 0px 0px 0px; margin:0px;}

/*link beim drüberfahren*/
#box-a ul li:hover 
{padding:5px 0px 5px 0px; margin:0px;  }

/*link beim drüberfahren - textfarbe*/
#box-a ul li:hover a
{color:#09396c;text-decoration:underline;}

#box-b /*font-sitze war 15*/
{width:368px; height:auto; float:left; margin:0px 0px 25px 0px; padding:0px 0px 0px 100px;font-size:13px;color:#000;line-height:16px;}

#box-b p
{padding:0px 0px 0px 0px;margin:5px 0px 0px 0px; }

#box-b a
{color:#000000; font-size:10px;}

#box-b a:hover
{color:#09396c;}


#box-b ul 
{padding: 0; margin:0px 0px 0px 15px; list-style-image:url(bilder/pfeil.gif);}

/*hier wird das aussehen der links definiert*/
#box-b ul li 
{padding:5px 0px 5px 0px; margin:0px; text-align:left; }

/*hier wird nur das definiert, was bei li nicht funzt (unterstrichener Text)*/
#box-b ul li a, .menu ul li a:visited 
{text-decoration:none; color:#565655; padding:0px 0px 0px 0px; margin:0px;}

/*link beim drüberfahren*/
#box-b ul li:hover 
{padding:5px 0px 5px 0px; margin:0px;  }

/*link beim drüberfahren - textfarbe*/
#box-b ul li:hover a
{color:#09396c;text-decoration:underline;}


h1 /*Überschrift index*/
{font-size:24px; color:#09396c; font-weight:bold; padding:0px; margin:0px 0px 5px 0px;}

h2 /*Überschrift für zweispaltigen Text*/
{width:800px; font-size:18px; color:#09396c; font-weight:bold; padding:0px; margin:45px 0px 5px 30px;}

h3 /*Überschrift für einspaltigen Text*/
{width:650px; font-size:18px; color:#09396c; font-weight:bold; padding:0px; margin:25px 0px 5px 0px;}

h4
{width:650px;font-size:12px; color:#565655; padding:0px; margin:0px 0px 0px 0px; font-weight:normal;
font-style:italic; }


h5
{font-size:18px; color:#565655; padding:0px; margin:10px 0px 0px 0px; font-weight:bold;
display:inline;
 }


#footer
{width:100%; min-width:1000px; height:52px; float:left; margin:6px 0px 0px 0px; background-color:#09396c;position:relative;}

/*definition das kein listenpunkt erscheint*/
#footer ul 
{padding:6px 0px 0px 0px; margin:0px auto 0px auto; list-style:none; font-size:12px;
width:1000px;  }

/*hier wird das aussehen der links definiert*/
#footer ul li 
{float:left; margin:0px 15px 0px 0px; text-align:left; display:block;}

/*hier wird nur das definiert, was bei li nicht funzt (unterstrichener Text)*/
#footer ul li a, .menu_a ul li a:visited 
{text-decoration:none; color:#fff;}

/*link beim drüberfahren*/
#footer ul li:hover 
{text-decoration:underline; color:#FFFFFF;}

/*aktiver menübutton*/
#footer ul li.active
{text-decoration:none;}

/*aktiver menübutton - textfarbe*/
#footer ul li.active a
{color: #fff; text-decoration:underline;}