/* allgemeine angaben */


* { margin:0; padding:0; font-size: 100%; }

html {
height:100%;
}

body {
    font-size: 100.01%;
    color: #000;
	background: #666  url(images/kachel.jpg);
    text-align: left;
    font-family: arial, sans-serif;
    height: 100%;
    text-align: center;
}

html[xmlns]
             {

             height : 100%;
             padding-bottom : 0.005em;

             } 


img.print {
display: none;
}

fieldset, img { border:0; }

select, input, textarea { font-size: 99% }

ul, ul li {
list-style: none;
}

/* layout */

#zusammenfassung {
position: absolute;
left: -2310px;
top: -2312px;
}

a {
color: #000;
text-decoration: underline;
}

#inner {
width: 770px;
position: relative;
margin: 0 auto 0 auto;
background: #FFF;
min-height: 100%;
overflow: hidden !important;
overflow: visible;
text-align: left;
}

* html #inner
{
height: 100%;
}

#header {
height: 130px;
background: url(images/logo.gif) 0px -5px no-repeat;
}

#footer {
height: 130px;
background: transparent url(images/footer_back.jpg) bottom left no-repeat;
color: #FFF;
position: relative;
width: 770px;
margin: -130px auto 0px auto;
text-align: left;
}

.clr{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

#left {
width: 260px;
float: left;
padding-bottom: 160px;
}

#inhalt {
width: 470px;
background: #FFF;
float: right;
padding-bottom: 165px !important;
padding-bottom: 145px;
}

#inhalt div.copytext{
font-family: verdana, sans-serif;
font-size: 0.75em;
line-height: 1.8em;
margin-right: 15px;
padding-bottom: 5px;
}

#inhalt div.copytext p{
margin-bottom: 1em;
}

#inhalt div.copytext ul, .news ul {
margin-bottom: 10px;
}

#inhalt div.copytext ul li, .news ul li{
font-size: 12px;
font-family: verdana;
color: #666;
margin-left: 0px;
padding-left: 15px;
background: url(images/bullet.gif) 0px 3px no-repeat;
margin-top: 10px;
line-height: 1.4em;
}

#inhalt div.copytext ul li {
color: #000;
}


#inhalt div.copytext p.quote{
background: url(images/p_back_quote.gif) center center no-repeat;
height: auto !important;
height: 30px;
min-height: 30px;
text-align: left; 
font-size: 1.2em; 
font-weight: bold;
}

#inhalt div.copytext p.quote span{
font-style: normal;
font-weight: normal;
font-size: 0.7em;
color: #CCC;
}

#inhalt h1{
font-size: 0.95em;
border-bottom: 1px solid #CCCCCC;
font-family: arial;
margin-bottom: 10px;
color: #666;
margin-top: 10px;
margin-right: 10px;
}

#inhalt p{
margin-bottom: 1em;
}

#header a.logo {
float: left;
width: 230px;
height: 90px;
display: block;
}

#header a.logo span{
position: absolute;
left: -2300px;
top: -2312px;
}

#breadcrumb {
margin-left: 10px;
font-size: 1.8em;
letter-spacing: -2px;
font-family: arial;
}

#breadcrumb span.B_crumbBox {
color: #666;
font-weight: bold;
}

#breadcrumb span.B_crumbBox span {
color: #FFCC00;
}

#breadcrumb span.B_crumbBox a{
color: #666;
text-decoration: none;
}

img.headerbild {
margin-left: 10px;
padding-top: 2px;
border-top: 4px solid #666;
}

h2.headline {
font-size: 2.3em;
margin-left: 10px;
letter-spacing: -2px;
color: #666;
margin-top: 10px;
margin-bottom: 30px;
line-height: 1;
}

/* menu */

div.menu {
width: 505px;
margin-right: 7px;
display: inline;
float: right;
margin-top: 15px;
}

div.menu ul {

}

div.menu ul li{
float: left;
display: inline;
border-left: 1px solid #666;
position: relative;
}

div.menu ul li li{
float: left;
width: 150px;
padding: 0px;
border: none;
display: block;
}

div.menu ul li.last a{

}

div.menu ul li a{
width: 115px;
height: 20px;
display: block;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
float: left;
color: #666;
padding-left: 10px;
z-index: 10;
}

div.menu ul li#menu1.active, div.menu ul li#menu1:hover, div.menu ul li#menu3.active, div.menu ul li#menu3:hover {
border-left: 1px solid #FFCC00;
}

div.menu ul li#menu2:hover a, div.menu ul li#menu10:hover a {
background: #FFF;
color: #FFCC00;
z-index: 10;
}

div.menu ul li.active ul li a, div.menu ul li:hover ul li a{
color: #666;
}

div.menu ul li#menu2:hover ul li a, div.menu ul li#menu10:hover ul li a {
color: #666;
background: #FFF;
border: 0px solid #666;
z-index: 1;
}

div.menu ul li:hover a, div.menu ul li.active a, div.menu ul li:hover ul li a:hover{
color: #FFCC00;
}

div.menu ul li.active ul li.active a{
color: #FFCC00 !important;
}


div.menu ul li#menu2 ul li a:hover, div.menu ul li#menu10 ul li a:hover {
color: #FFCC00;
}

div.menu ul li li a{
color: #666;
width: 150px;
height: auto!important;
line-height: 1.5em;
background: #FFF;
float: none;
border-left: 0px;
font-family: arial, sans-serif;
font-weight: normal;
font-size: 0.7em;
text-indent: 7px;
padding: 0px;
z-index: 1;
white-space: nowrap;
}

div.menu ul li li a:hover, div.menu ul li li.active a{
color: #FFCC00;
}

div.menu_sub {
width: 150px;
background: #FFF;
display: block;
position: absolute;
top: -2000px;
left: -2000px;
padding: 5px;
z-index: 1;
padding-top: 10px;
}

div.menu ul li:hover div.menu_sub, div.menu ul li.active div.menu_sub{
top: 20px;
left: -1px;
border-left: 1px solid #666;
}

div.menu ul li#menu2:hover div.menu_sub, div.menu ul li.active#menu2 div.menu_sub{
top: 20px;
left: -35px;
text-align: right;
border-right: 1px solid #666;
border-left: 0px;
}



div.menu_sub ul{
background: #FFF;
}

/* submenu */
div.submenu {
background: #666 url(images/box_unten.gif) bottom left no-repeat;
width: 250px;
margin-left: 10px;
padding-bottom: 20px;
margin-top: 13px;
margin-bottom: 20px;
}

div.submenu h3{
font-size: 0.95em;
font-family: arial;
color: #FFF;
background: #666 url(images/box_oben.gif) top left no-repeat;
padding: 10px;
}

div.submenu ul{
margin-left: 10px;
}

div.submenu ul li a{
color: #FFF;
font-family: arial, verdana, sans-serif;
font-size: 0.7em;
font-weight: bold;
text-decoration: none;
}

div.submenu ul li.active a, div.submenu ul li a:hover{
color: #FFCC00;
}


div.formular textarea, div.formular input{
background: #FFF;
border: 1px solid #CCC;
margin: 5px;
}

div.formular textarea {
width: 300px;
height: 300px;
}

div.formular label{
display: block;
float: left;
width: 7em;
margin: 0px 0 0 10px;
line-height: 1.5em;
}

input.button{
display: block;
background: #FFF;
border: 1px solid #CCC;
float: right;
padding-left: 10px;
padding-right: 20px;
}

input.links {
float: left;
}

/* show */

div#show {
width: 752px;
margin-left: 9px;
border-top: 2px solid #FFF;
position: relative;
height: 146px;
overflow: hidden;
background: url(images/show_back.jpg) top left no-repeat;
margin-bottom: 20px;
padding-bottom: 2px;
border-bottom: 4px solid #666;
}

div#scroller{
width: 752px;
height: 146px;
background: transparent;
}

div.stretcher {
width: 752px;
height: 146px;
position: absolute;
left: 0px;
top: 0px;
}

div.kompetenz {

}

a.displayer{
height: 20px;
width: 250px;
background: #666 url(images/pfeilrechts.gif) 235px 4px no-repeat;
color: #FFF;
font-size: 0.6em;
font-family: verdana, arial, sans-serif;
display: block;
text-indent: 10px;
line-height: 20px;
text-decoration: none;
}

div.referenz {
float: left;
border-right: 1px solid #FFF;
width: 250px;
}

div.eurocom {
}

div.ifa {
}

div.subreport {
border-right: 0px;
}


	


/* kompetenz */

div.kompetenz h2{
font-family: arial, sans-serif;
font-size: 2em;
font-weight: bold;
letter-spacing: -2px;
width: 215px;
float: left;
line-height: 0.9;
margin-left: 5px;
margin-top: 10px;
height: 60px;
}

div.kompetenz p{
padding: 0 10px 0 120px;
background: url(images/kompetenz_pfeil.gif) 0px 20px no-repeat;
font-size: 0.7em;
float: right;
width: 390px;
height: 50px;
margin-top: 10px;
font-family: verdana, arial, sans-serif;
}

/* sideboxes */

#left .sidebox {
margin: 10px 0px 20px 10px;
}

#left div.sidebox h3{
font-size: 0.95em;
border-bottom: 1px solid #CCCCCC;
font-family: arial;
margin-bottom: 10px;
color: #666;
}

#left .sidebox ul li{
display: inline;
line-height: 1.4;
}

#left .sidebox ul li a, #left .sidebox p {
padding-left: 20px;
background: url(images/kreispfeil.gif) 0px 1px no-repeat;
font-size: 0.7em;
font-family: verdana, arial, sans-serif;
text-decoration: none;
font-weight: bold;
color: #666;
display: block;
line-height: 1.4;
margin-bottom: 5px;
}

#left .sidebox p {
font-weight: normal;
}

#left .sidebox p a{
padding: 0px;
background: none;
font-size: 1em;
margin: 0px;
color: #666;
}

#left div.surftipp {
padding-bottom: 65px;
}

/* ablauf */

#left .ablauf {
margin: 10px 0px 30px 10px;
overflow: hidden;
}

#left div.ablauf h3{
font-size: 0.95em;
border-bottom: 1px solid #CCCCCC;
font-family: arial;
margin-bottom: 10px;
color: #666;
}

#left .ablauf ul li{
display: inline;
line-height: 1.4;
padding-left: 20px;
background: url(images/kreispfeil.gif) 0px 1px no-repeat;
font-size: 0.7em;
font-family: verdana, arial, sans-serif;
text-decoration: none;
font-weight: normal;
color: #666;
display: block;
margin-bottom: 10px;
}


/* news */

div.news{
margin-bottom: 20px;
margin-right: 10px;
font-family: arial,verdana, sans-serif;
}

div.news span{
font-size: 1.1em;
color: #CCC;
font-weight: bold;
letter-spacing: -1px;
}

div.start a{
color: #666;
font-size: 0.8em;
text-decoration: underline;
font-weight: normal;
}

div.news h2{
margin-bottom: 3px;
font-size: 1.1em;
color: #777;
letter-spacing: -1px;
font-weight: bold;
text-decoration: none;
line-height: 1;
}

div.news h2 a{
font-size: 1.1em;
color: #777;
letter-spacing: -1px;
font-weight: bold;
text-decoration: none;
line-height: 1;
}

div.news p{
font-family: verdana, sans-serif;
font-size: 0.75em;
line-height: 1.4;
color: #666;
}

div.start p a{
font-size: 1em;
text-decoration: underline;
font-weight: normal;
}

div.eintrag a{
padding-left: 25px;
background: url(images/weiter.gif) 2px 3px no-repeat;
font-family: verdana, arial,sans-serif;
font-weight: bold;
text-decoration: none;
}

div.eintrag p a{
padding: 0;
background: #FFF;
font-weight: normal;
text-decoration: underline;
}

div.eintrag h2 a{
padding: 0;
background: #FFF;
font-family: arial,sans-serif;
font-weight: bold;
text-decoration: none;
}



div.suche {
height: 52px;
width: 250px;
background: #FFF url(images/suche_back.jpg) top left no-repeat;
position: absolute;
left: 10px;
top: -105px;
}

div.fest{
position: relative;
left: 0px;
top: 0px;
}

div.suche form{
margin: 0px;
padding: 0px;
}

div.suche input {
border: 1px solid #CCC;
height: 14px;
margin-top: 16px;
font-size: 11px;
}

div.suche input#ajaxSearch_input {
margin-left: 20px;
width: 170px;
background: #FFF;
}

div.suche input#ajaxSearch_submit {
width: 50px;
height: 16px;
background: transparent url(images/suchbutton.gif) 0px 2px no-repeat !important;
padding: 0px; 
margin: 0px;
border: 0px;
}


#left table {
margin-bottom: 200px;
}

div.galleria {
margin-bottom: 20px;
margin-left: 5px;
}

/* referenzen */

div.refcontainer {

}

div.refuebersicht {
margin-top: 20px;
clear: both;
position: relative;
height: 100px;
font-size: 0.9em;
padding-bottom: 10px;
border-bottom: 1px solid #CCC;
}

div.refuebersicht h2{
float: right;
width: 300px;
margin: 0;
padding: 0;
line-height: 1;
margin-bottom: 5px;
}


div.refuebersicht img{
float: left;
}

div.refuebersicht p{
float: right;
width: 300px;
line-height: 1.4;
}

div.refuebersicht a.detail{
position: absolute;
left: 155px;
top: 70px;
}

/*sitemap*/
div.sitemap {

}

div.sitemap h2 a{
color: #666;
}

div.sitemap a{
text-decoration: none;
margin: 0;
padding: 0;
}

div.sitemap h2 {
margin: 0;
padding: 0;
height: 30px;
background: url(images/sitemap_h3_back.gif) 0px 9px no-repeat;
padding-left: 20px;
line-height: 12px;
}

#inhalt div.copytext div.sitemap ul li {
margin: 0;
padding: 0;
margin-left: 0px;
padding-left: 50px;
background: url(images/sitemap_l1first_alone_back.gif) 20px 0px no-repeat;
height: auto !important;
min-height: 29px;
height: 29px;
line-height: 13px;
}

#inhalt div.copytext div.sitemap ul li.kinners {
background: url(images/sitemap_l1first_back.gif) 20px 0px no-repeat;
}


#inhalt div.copytext div.sitemap ul li.last {
background: url(images/sitemap_l1last_back.gif) 21px 0px no-repeat;
}



#inhalt div.copytext div.sitemap ul li ul li{
margin-left: -30px;
padding-left: 60px;
background: url(images/sitemap_l2_kinners_back.gif) 0px 0px no-repeat;
height: 29px;
line-height: 13px;
}

#inhalt div.copytext div.sitemap ul li.last ul li{
background: url(images/sitemap_l1first_alone_back.gif) 0px 0px no-repeat;
margin-left: 0px;
padding-left: 30px;
}

#inhalt div.copytext div.sitemap ul li ul {
margin-top: 16px;
margin-bottom: 0px;
}

#inhalt div.copytext div.sitemap ul li.kinners ul li.last{
background: url(images/sitemap_l2_kinners_last_back.gif) 0px 0px no-repeat;
}

#inhalt div.copytext div.sitemap ul li.last ul li.last{
background: url(images/sitemap_l2last_alone_back.gif) 1px 0px no-repeat;
min-height: 29px;
height: 29px;
}

div.abstand {

}

#inhalt div.copytext div.sitemap ul li.last ul {
margin-top: 0px;
margin-top: 1px;
margin-bottom: 0px;
margin-left: -15px;
padding-left: 15px;
padding-top: 15px;
background: url(images/sitemap_l1last_kinners_back.gif) top left no-repeat;
}

/* footer */

div.unten {
width: 250px;
float: left;
font-family: verdana, sans-serif;
margin-top: 20px;
margin-bottom: 10px;
}

div.unten ul li a, a.nachoben{
color: #FFF;
text-decoration: none;
display: block;
font-size: 0.7em;
font-family: verdana, sans-serif;
}

a.nachoben{
position: absolute;
top: 19px;
right: 25px;
font-weight: bold;
padding-left: 12px;
background: transparent url(images/nachoben.gif) left 4px no-repeat;

}

a.nachobenschwarz {
font-weight: bold;
padding-left: 12px;
background: transparent url(images/nachobenschwarz.gif) 388px 7px no-repeat;
float: right;
margin: 10px 0px 10px 0px;
text-decoration: none;
display: block;
width: 100%;
text-align: right;
}

a.nachobenschwarz:hover {
background: #333 url(images/nachoben.gif) 388px 7px no-repeat;
color: #FFF;
}


div.unten ul, div.unten h3 {
margin-left: 10px;
}

div.unten h3 a{
color: #FFF;
text-decoration: none;
font-size: 0.7em;
}

div.unten ul li{
display: inline;
}

ul.buttons {
clear: both;
margin-top: 10px;
}

ul.buttons li {
float: left;
}

ul.buttons li a{
display: block;
background: #FFF;
width: 80px;
height: 15px;
margin-left: 10px;
margin-right: 35px;
}

ul.buttons li a span, div.unten li a span{
position: absolute;
left: -2312px;
top: -2314px;
}

ul.buttons li a.modxcmscom{
background: url(images/button_modxcmscom.gif) top left no-repeat;
}

ul.buttons li a.validate{
background: url(images/button_validate.gif) top left no-repeat;
}

ul.buttons li a.modxcmsde{
background: url(images/button_modxcmsde.gif) top left no-repeat;
}

ul.buttons li a.rssnews{
background: url(images/button_rssnews.gif) top left no-repeat;
}

ul.buttons li a.mademyday{
background: url(images/button_mademyday.gif) top left no-repeat;
}

ul.buttons li a.kontakt{
background: url(images/button_kontakt.gif) top left no-repeat;
}

/*kontakt*/
div.kontakt label {
width: 160px;
float: left;
}

div.kontakt input, div.kontakt select, div.kontakt textarea, div.kontakt option {
border: 1px solid #CCC;
width: 250px;
margin-top: 5px;
background: url(images/kachel.jpg);
color: #FFF;
}

div.kontakt textarea {
height: 250px;
font-size: 12px;
}

div.kontakt input.submit {
width: 148px;
background: url(images/kachel.jpg);
color: #FFF;
margin-left: 160px;
}

div.kontakt input.code {
width: 148px;
}

div.kontakt option {
background: #666;
color: #FFF;
}

div.kontakt img {
margin-left: 160px;
margin-top: 10px;
}

div.kontakt p {
margin-bottom: 0;
}

/*suche*/
div.ajaxSearch_result {
margin-bottom: 20px;
padding-bottom: 20px;
background: url(images/border.gif) bottom left repeat-x;
}

a.ajaxSearch_resultLink {
font-weight: bold;
color: #666;
text-decoration: none;
}

span.ajaxSearch_highlight {
background: #FFCF10;
}

div.falldown { position: absolute; left: -2313px;top: -3242px; }
div.dunkel { position: absolute; left: -2313px;top: -3242px; }
div#auswahl a{ position: absolute; left: -2313px;top: -3242px; }

div.google_adsense {
height:  240px;
padding-bottom: 30px;
}

div.erster a, li a.link1, a.link1{
text-decoration: none!important;
padding: 0 !important;
background: none !important;
font-weight: normal !important;
font-size: inherit !important;
}