/****************************************************************
******************* Allgemeine Layoutangaben ********************
****************************************************************/

body {
background : #fff url(bilder/back.jpg) no-repeat;
margin : 0;
padding : 0;
font-size : 100.1%;
font-family : Arial, Helvetica, sans-serif;
color : #000000;
text-align : left;
}
#kopf {
margin : 0 0 0 30px;
padding : 0;
width : 940px;
height : 120px;
}
#logo {
float : left;
width : 240px;
margin-top : 29px;
}

/****************************************************************
************************** Fusszeile ****************************
****************************************************************/

#fuss{
  width: 970px;
  float:left;
  font-size:9px;
  color: #484848;
  margin-top:138px;
}
#fussRand{
  width: 970px;
  height:20px;
  float:left;
  font-size:9px;
  color: #484848;
  margin: -10px 0 10px 0;
  clear:both;
}
#fusslinks{
  margin: 0 0 0 30px;
  /*width: 250px;*/
  float:left;
  text-align:left;
}
*html #fusslinks{
  margin: 0 0 0 15px;
}
#fussRechts{
  margin: 0;
  /*width: 620px;*/
  float:right;
  text-align:right;
}
/****************************************************************
************************** Navigation ***************************
****************************************************************/

#metanavi {
font-size : 10px;
float : right;
padding : 0;
width : 700px;
margin : 67px 0 0 0;
}
#navirahmen {
width : 635px;
float : right;
padding : 0;
margin : 12px -5px 0 0;
}
* html #navirahmen {
width : 655px;
margin : 12px -42px 0 0;
wi\dth : 635px;
mar\gin : 12px -25px 0 0;
}
#navirahmen div {
clear : left;
}
#navi {
color : #000000;
float : right;
}

/***** Metanavi *****/

#metanavi ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#metanavi ul li {
position : relative;
display : block;
float : right;
}
#metanavi ul li a {
display : inline;
border-right : 1px solid #9c74bd;
color : #9c74bd;
text-decoration : none;
padding : 0 6px;
}
#metanavi ul li a:hover {
color : #000;
}
#metanavi ul li a.letzter, #metanavi ul li a.letzterAktiv {
display : block;
border-right : 0;
color : #9c74bd;
text-decoration : none;
padding : 0 0 0 6px;
}
#metanavi ul li a.letzter:hover, #metanavi ul li a.aktiv, #metanavi ul li a.letzterAktiv:hover, #metanavi ul li a.letzterAktiv, #fusslinks a.aktiv:hover, #fusslinks a.aktiv  {
color : #000;
text-decoration:none;
}
#fusslinks a, #fusslinks a:hover {
text-decoration:none;
}

/***** Hauptnavigation *****/

ul#Navigation {
margin : 0;
padding : 0;
text-align : center;
}
ul#Navigation li {
list-style : none;
float : left;
position : relative;
padding : 0;
margin : 0;
}
*html ul#Navigation li {
margin-bottom : -5px;
}
*:first-child + html ul#Navigation li {
margin-bottom : -0.1em;
}
ul#Navigation li ul {
margin : 0;
padding : 0;
position : absolute;
text-align : left;
display : none;
}
*html ul#Navigation li ul {
left : -16px;
lef\t : 0;
}
*:first-child + html ul#Navigation ul {
background-color : silver;
padding-bottom : 0;
}
ul#Navigation li:hover ul {
display : block;
}
ul#Navigation li ul li {
float : none;
display : block;
margin-bottom : 0;
}
ul#Navigation a, ul#Navigation span {
display : block;
width : 115px;
padding : 3px 5px 3px 5px;
text-decoration : none;
border-right : 1px solid #949494;
border-left : 1px solid #ccc;
color : #000;
background : url(bilder/navigation/navi_back.gif) 1px 0%;
line-height : 22px;
font-size : 11px;
}
*html ul#Navigation a, *html ul#Navigation span {
width : 123px;
wid\th: 115px;
padding : 1px 3px 2px 3px;
padd\ing : 1px 5px 2px 5px;
line-height : 25px;
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
color : #fff;
border-left : 1px solid #ccc;
border-right : 1px solid #949494;
background : url(bilder/navigation/navi_back_aktiv.gif) 1px 0%;
}
li a#links {
border-right : 1px solid #949494;
border-left : none;
background : url(bilder/navigation/navi_back_rund.jpg) left 0%;
}
li a:hover#links, li a#aktuellLinks, li a:hover#aktuellLinks {
color : #fff;
border-right : 1px solid #949494;
border-left : none;
background : url(bilder/navigation/navi_back_rund_akt.jpg) left 0%;
}
li a#rechts {
border-left : 1px solid #ccc;
border-right : none;
background : url(bilder/navigation/navi_back_rund.jpg) right 0%;
}
li a:hover#rechts, li a#aktuellRechts, li a:hover#aktuellRechts {
color : #fff;
border-right : none;
background : url(bilder/navigation/navi_back_rund_akt.jpg) right 0%;
}
ul#Navigation li ul a {
display : block;
width : 110px;
padding : 2px 0 2px 15px;
text-decoration : none;
border-right : 1px solid #949494;
border-left : 1px solid #ccc;
border-top : 1px solid #fff;
color : #000;
background : #bbb4d0 url(bilder/navigation/subnavi_back.gif) 1px 0%;
}
*html ul#Navigation li ul a {
width : 123px;
wid\th: 110px;
}
ul#Navigation li ul a:hover {
color : #fff;
background : #bbb4d0 url(bilder/navigation/subnavi_back_aktiv.gif) 1px 0%;
}
ul#Navigation li ul span {
background : #bbb4d0 url(bilder/navigation/subnavi_back_aktiv.gif) 1px 0%;
padding : 2px 0 2px 15px;
border-right : 1px solid #949494;
border-left : 1px solid #ccc;
border-top : 1px solid #ccc;
font-weight : bold;
width : 110px;
}
*html ul#Navigation li ul span {
width : 123px;
wid\th: 110px;
padding : 1px 3px 2px 15px;
padd\ing : 2px 0 2px 15px;
line-height : 25px;
}

/****************************************************************
************************** Typografie ***************************
****************************************************************/

h1 {
font-size : 30px;
margin : 0 0 10px 50px;
font-weight : normal;
}
.margin5 {
margin : 0 0 5px 50px;
}
.lilaFett {
font-weight : bold;
color : #655397;
}
h2 {
font-size : 14px;
margin : 0 0 7px 0;
}
h3 {
font-size : 12px;
margin : 10px 0 2px 0;
}
p {
font-size : 11px;
margin : 0 25px 7px 50px;
line-height : 16px;
}
a, a:visited {
text-decoration : none;
color : #655397;
font-weight : bold;
}
a:hover, a:active, a:focus {
text-decoration : underline;
color : #000;
}
.anmerkung {
font-size : 9px;
margin : 0 0 5px 0;
line-height : 12px;
}

/****************************************************************
******************** Inhalt/Layout Homepage *********************
****************************************************************/

.rahmenHome {
width : 940px;
margin : 0 0 5px 30px;
padding : 55px 0 0 0;
}

.rahmenHome2 {
width : 940px;
height: 155px;
margin : 0 0 10px 30px;
padding : 12px 0 0 0;
}

.homeSchatten {
width : 990px;
height : 445px;
background : url(bilder/home_back1.jpg) no-repeat;
margin : 0;
padding : 0;
z-index:2;
}

.infofenster {
	background:url(bilder/hot_news_kasten.jpg);
	margin-top:8px;
	height:140px;
}

.infologo {
	position:absolute;
	margin-left:820px;
	margin-top: 8px;
}

.domains {
	position:absolute;
	margin-left:555px;
	margin-top:-85px;
}

/***** Teaser *****/

.boxLinks, .boxRechts, .boxLinksU, .boxRechtsU {
width : 280px;
margin : 0 auto;
float : left;
vertical-align : top;
}
.boxLinks {
margin : 10px 0 0 45px;
}
*html .boxLinks {
margin : 10px 0 0 25px;
}
.boxRechts {
margin : 10px 0 0 5px;
}
.boxLinksU {
margin : 5px 0 10px 45px;
}
*html .boxLinksU {
margin : 5px 0 10px 25px;
}
.boxRechtsU {
margin : 5px 0 10px 5px;
}
.clear {
clear : both;
}
.teaserObenRechts {
margin : 0;
padding : 0;
background : url(bilder/rundeEckenHome/rundeEcken_rechts.gif) no-repeat right top;
}
.teaserObenLinks {
margin : 0;
padding : 0;
background : url(bilder/rundeEckenHome/rundeEcken_links.gif) no-repeat left top;
}
.teaserUntenRechts {
margin : 0;
padding : 0;
background : url(bilder/rundeEckenHome/rundeEcken_unten.gif) no-repeat right bottom;
}
.teaserUntenLinks {
margin : 0;
padding : 0;
background : url(bilder/rundeEckenHome/rundeEcken_linksUnten.gif) no-repeat left bottom;
}
.teaserInhalt {
padding : 5px 7px 12px 7px;
height:140px;
}

.teaserInhalt h1 {
margin : 10px 0 5px 10px;
font-size : 16px;
font-weight : bold;
color : #655397;
}
*html .teaserInhalt h1 {
margin : 15px 0 5px 10px;
}
.teaserInhalt p {
margin : 0 10px 5px 10px;
}
.teaserInhalt a, .teaserInhalt a:visited {
text-decoration : none;
color : #655397;
font-weight : bold;
text-decoration : none;
padding-left : 12px;
background : url(bilder/mehr.gif) no-repeat 0 2px;
margin-bottom : -1px;
}
.teaserInhalt a:hover, .teaserInhalt a:active, .teaserInhalt a:focus {
text-decoration : underline;
}

.teaserInhalt2 {
	padding : 5px 7px 12px 40px;
	height:100px;
	z-index:1;
}

.teaserInhalt2 h1 {
margin : 10px 0 5px 10px;
font-size : 16px;
font-weight : bold;
color : #655397;
}

*html .teaserInhalt2 h1 {
margin : 15px 0 5px 10px;
}
.teaserInhalt2 p {
margin : 0 10px 5px 10px;
}
.teaserInhalt2 a, .teaserInhalt2 a:visited {
text-decoration : none;
color : #655397;
font-weight : bold;
text-decoration : none;
padding-left : 12px;
background : url(bilder/mehr.gif) no-repeat 0 2px;
margin-bottom : -1px;
}
.teaserInhalt2 a:hover, .teaserInhalt2 a:active, .teaserInhalt2 a:focus {
text-decoration : underline;
}

/****************************************************************
****************** Inhalt/Layout Unterseiten ********************
****************************************************************/ 
.content {
width : 990px;
}
.linkeSeite {
width : 690px;
margin : 10px 20px 0px 30px;
float : left;
}
*html .linkeSeite {
margin : 10px 20px 0px 16px;
}
*:first-child+html .linkeSeite {
margin : 10px 20px 10px 30px;
}
.rechteSeite {
width : 230px;
margin : 10px 0 0px 0;
padding : 0;
float : left;
}
.boxBild1, .boxBild2, .boxBild3, .boxBild4, .boxBild5, .boxBild6 {
width : 692px;
height : 250px;
float : left;
vertical-align : top;
margin : 0;
text-align : right;
}
.boxBild1 h1, .boxBild2 h1, .boxBild3 h1, .boxBild4 h1, .boxBild5 h1, .boxBild6 h1{
font-size : 24px;
margin : 90px 40px 10px 50px;
font-weight : normal;
}
.boxBild1 {
background: url(bilder/einstiegsbilder/einstieg01.jpg) no-repeat;
}
.boxBild2 {
background: url(bilder/einstiegsbilder/einstieg02.jpg) no-repeat;
}
.boxBild3 {
background: url(bilder/einstiegsbilder/einstieg03.jpg) no-repeat;
}
.boxBild4 {
background: url(bilder/einstiegsbilder/einstieg04.jpg) no-repeat;
}
.boxBild5 {
background: url(bilder/einstiegsbilder/einstieg05.jpg) no-repeat;
}
.boxBild6 {
background: url(bilder/einstiegsbilder/einstieg06.jpg) no-repeat;
}
/*.boxLeiste {
width : 230px;
float : left;
vertical-align : top;
margin : 0 0 15px 0;
}*/
.boxInhalt {
width : 692px;
float : left;
vertical-align : top;
margin : 0 0 15px 0;
padding:0;
}


/***** Typo Unterseiten *****/


.Inhalt {
padding : 10px;
background:url(bilder/textEcken_02.png) repeat-y;
margin:-5px 0 0 0;
/*min-height: 384px;
height:auto !important;
height:391px;*/
}

.teaser{
background:url(bilder/teaserEcken_02.png) no-repeat;
padding : 5px 0px 0 10px;
width : 230px;
float : left;
vertical-align : top;
margin : -5px 0 0 0;
}
*html .teaser{
padding : 0px 0px 0 10px;
mar\gin : 0 0 0 0;
}
.marginBottom15{
margin: 0 0 15px 0;
}

.Inhalt h1, .teaser h1 {
font-size : 30px;
margin : 20px 0 10px 50px;
font-weight : normal;
}
*html .teaser h1 {
mar\gin : 25px 0 10px 50px;
}
.teaser h2 {
margin : 0px 0 5px 10px;
font-size : 16px;
font-weight : bold;
color : #655397;
}
.Inhalt h2 {
margin : 15px 0 5px 50px;
font-size : 14px;
line-height:140%;
font-weight : bold;
color : #655397;
}
.Inhalt h3 {
margin : 15px 25px 7px 50px;
font-size : 12px;
line-height:18px;
font-weight : bold;
color : #000;
}
.Inhalt h3.linie {
margin : 25px 25px 7px 50px;
font-size : 12px;
line-height:18px;
font-weight : bold;
color : #000;
border-bottom: 1px dotted #ccc;
padding-bottom:2px;
}

.Inhalt h4 {
margin : 10px 0 5px 50px;
font-size : 14px;
font-weight : bold;
color : #655397;
}
.Inhalt p {
font-size : 12px;
margin : 0 25px 7px 50px;
line-height : 18px;
}

.Inhalt ul{ 
list-style: square outside none; 
font-size : 12px;
line-height : 18px;
margin: 0 20px 20px 25px;
}
*html .Inhalt ul { 
margin: 0 20px 20px 65px;
}
*:first-child+html .Inhalt ul{ 
margin: 0 20px 20px 65px;
}

.Inhalt ul li{ 
margin: 0 0 5px 0;
}
.Inhalt ul li a, .Inhalt ul li a:visited{ 
background: none;
/*text-decoration: underline;*/
padding:0;
color:#655397;
font-weight : normal;
}
.Inhalt ul li a:hover, .Inhalt ul li a:active, .Inhalt ul li a:focus {
text-decoration : underline;
color : #655397;
}

.Inhalt ol{ 
list-style: decimal outside none; 
font-size : 12px;
line-height : 18px;
margin: 0 20px 20px 30px;
}
*html .Inhalt ol { 
margin: 0 20px 20px 75px;
}
*:first-child+html .Inhalt ol{ 
margin: 0 20px 20px 75px;
}

.Inhalt ol li{ 
margin: 0 0 5px 0;
}

.Inhalt ol li ul{ 
list-style: square outside none; 
margin: 5px 0 0 -25px;
}
.Inhalt ol li ol{ 
list-style: decimal outside none; 
margin: 5px 0 0 -25px;
}
*html .Inhalt ol li ul{ 
margin: 5px 0 0 15px;
}
*html .Inhalt ol li ol{ 
margin: 5px 0 0 25px;
}
*:first-child+html .Inhalt ol li ul, *:first-child+html .Inhalt ol li ol{ 
margin: 5px 0 0 15px;
}
*:first-child+html .Inhalt ol li ol{ 
margin: 5px 0 0 25px;
}

.Inhalt ol li ul li{ 
margin: 0 0 5px 0;
padding:0;
}

.teaser p {
margin : 0 15px 5px 10px;
font-size : 12px;
line-height : 18px;
}
.teaser p.Link {
margin : 0 10px;
}
.Inhalt a, .Inhalt a:visited, .teaser a, .teaser a:visited{
color : #655397;
font-weight : bold;
text-decoration : none;
padding-left : 12px;
background : url(bilder/mehr.gif) no-repeat 0 2px;
margin-bottom : -1px;
}
.Inhalt a:hover, .Inhalt a:active, .Inhalt a:focus
.teaser a:hover, .teaser a:activ, .teaser a:focus {
text-decoration : underline;
}


.bildUmflussLinks {
float : left;
margin : 0 15px 0 -30px;
}


.Inhalt table.liste {
font-size : 12px;
margin : 0 25px 7px 50px;
width:600px;
line-height:18px;
}
.Inhalt table.liste ul {
list-style:  square inside;
float : left;
padding : 0;
margin : 0;
}

.Inhalt table.bilder a, .Inhalt table.bilder a:visited, .Inhalt table.bilder a:hover, .Inhalt table.bilder a:active {
background:none;
padding:0;
border:0;
text-decoration:none;
}


.Inhalt #konfigurator, .Inhalt form#kontakt {
font-size : 12px;
margin : 0 25px 7px 50px;
line-height : 16px;
}
.Inhalt #konfigurator table.rahmen, .Inhalt form#kontakt table.rahmen{
border: 1px #949494 solid;
background: #fff url(bilder/tab_konf_back.gif) no-repeat left top;
}
.Inhalt #konfigurator table.rahmen table, .Inhalt form#kontakt table.rahmen table {
margin: 10px;
}
.Inhalt #konfigurator h2, .Inhalt form#kontakt h2 {
font-size : 14px;
margin : 0 0 7px 0;
}
h3 {
font-size : 12px;
margin : 10px 0 2px 0;
}
p {
font-size : 11px;
margin : 0 25px 7px 50px;
line-height : 16px;
}

input, select {
font-size : 13px;
}