/*STYLES*/

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

html {height: 101%;}

body {
background-color:#fff;
color:#fff; 
font-family:Verdana, Arial,Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
background: url(bg.jpg);
}

h1 { font-size: 22px; font-style:italic; color:#d21818; font-weight:normal;padding-bottom:10px;}

h2 {
font-size:18px;
color:#666;
font-style:italic;
font-weight:normal;
line-height: 22px;
margin-bottom:-5px;
padding-bottom:18px;
}

h3 {color:#333;font-weight:bold; sans-serif;font-size: 12px;padding-bottom:6px;}

ul, ol {margin: 3px 10px 3px 4px;}

li {margin: 0 10px 2px 30px;}

p {margin-bottom: 12px; margin-top: 0px;}


a[href$=".pdf"] {
         font-style:italic;
         text-decoration:underline;
         padding-left: 20px;
         color:#d21818;
         background: url(pdficon.gif) left no-repeat;
}

/*damit pdf-icons nicht doppelt angezeigt werden bei suchergebnis*/
.tx-indexedsearch-res a[href$=".pdf"] {
         padding-left: 0px;
         background: url(space.gif) left no-repeat;
}


/*Images/Links*/

img {font-size:0.9em; color:red;}

a img {border:none; font-size:0.9em; color:red;}

.logolink a img {border:none; color:white}

title {font-size: 0.8em; color:#666;}

a {color: #333;text-decoration:none;}

a:hover { color: #333;}


/************* LINK ZUM SEITENANFANG ***********/

.linktotop{float:right; color:#d21818; text-decoration: underline }


/*             General Layout             */


#wrapper {
        color: black;
        background-repeat: repeat-y;
        width: 1000px;
        height:100%;
        margin: 0px auto;
        margin-top:10px;
        border: solid 0px red;
}



/*Header*/

#header{
        height:180px;
        width:1000px;
        border: solid 0px green;
        }


.logo{
        float:left;
        width:269px;
        position: absolute;
        height:180px;
        border: solid 0px green;
}

.header_image{
         float:left;
        margin-top:0px;
        margin-left:269px;
        position: absolute;
        color: black;
        height:180px;
        border: solid 0px green;
}



/*           Suche             */

#searchbox{ 
	
        float:right;
       text-align:right;
        height:20px;
        padding-right:8px;
}

input#suche {
        margin-top:5px;
	font-size:1em;
        width: 128px;
        border: 1px solid #666;
        padding:2px;
}

input.search_button {vertical-align:bottom; margin:0px 0px 2px 0px;}

.tx-indexedsearch-searchbox-sword sword{font-size:1em;font-family:"Segoe UI",Verdana, Arial,Helvetica, sans-serif;}
input.tx-indexedsearch-searchbox-button submit{font-size:1em;font-family:"Segoe UI",Verdana, Arial,Helvetica, sans-serif;}

/*             Content             */

#content{
background: url(content_bg.gif);
margin-top:6px;
float:left;
min-height:540px;
width:1000px;
border:solid 1px #666;
}


/*         linke Spalte        */
.columnleft{
margin-top:4px;
float:left;
width:170px;
border:solid 0px red;
 }



/*         Textbereich         */

.contentcenter{
margin-top:4px;
float:left;
width:620px;
border:solid 0px blue;
}


.contentcenter a{
        color:#d21818;
        text-decoration:underline;
        }

.contentcenter a:hover{
        color:#333;
        text-decoration:underline;
        }
        
.contentcenter ul li{
list-style-image:url(dot.png);
}

.contenttext{
 max-width: 570px;
 color:#333;
 padding:0px 40px 20px 00px;
 margin:12px 0px 0px 45px;
 border: dashed 0px #ccc;
}



.imgtext    {

        font-size: 0.8em;
        color:#666;
        padding-left:380px;
        margin-top:-130px;
        text-align:center;
}



/*   rechte Spalte    */

.columnright{
        text-align:center;
        margin-top:4px;
        float:right;
        width:171px;
        border:solid 0px red;
        padding:0px;
 }



.right{ text-align:center;margin-left:-5px;margin-top:8px;border:solid 0px red;}

.columnright img { text-align:center;}

.columnright a img {border:solid 4px #fff;}

/*             Footer             */

#footer{
        margin-top:4px;
        float:left;
        text-align:center;
        position:relative;
        color: #fff;
        background-color: #999;
        height:30px;
        width:1000px;
        background-repeat: no-repeat;
        border-right: solid 2px #999;
        border-top: solid 2px #d21818;
}


.footertext
{
         height:26px;
         padding:7px 10px 0px 0px;
}

.footertext a{
	color:#fff;
         text-decoration:underline;

}

.footertext a:hover{
         color:#fff;
         border:none;
}








/*            Navigations             */

/*** Allgemein***/

a   {border:none;  }

a:hover{border:none;  }

a:active{border:none;  }

a:hover, a:active, a:focus{border:none;  }



/*             NAVI TOP           */

#navitop {
	vertical-align:middle;
	color:#666;
        background-image: url(navitop_bg.jpg);
        height:22px;
        padding-top:7px;
        width:1000px;
        background-repeat: no-repeat;
        border: solid 0px green;

}


/*** horizontal navi top***/
.horizontalmenu	
{ 	padding-top:1px;
	float:right;
	text-align:right;
	padding-right:16px;
	width:600px;
  	border: solid 0px green;
}

.horizontalmenu a img {margin-top:-1px;vertical-align:top;}

.horizontalmenu a{
	margin-top:2px;
        color:#666;
}

.horizontalmenu a:hover{
         color:#d21818;
         border:none;
}

.flags{
float:right;
border: solid 0px green;
width:80px;
}





/*     BREADCRUMB NAVI          */

#breadcrumb{
         float:left;
         color:white;
         position: relative;
         background-color: #999;
         height:30px;
         width:1000px;
         border-bottom: solid 3px #d21818;
}


.breadcrumbnavi
{
         text-align:left;
         /***word-spacing:30px; ***/
         font-style:italic;
         height:30px;
         padding-top:8px;
         padding-left:15px;
}

.breadcrumbnavi a{
         color:#fff;
         text-decoration:underline;
}

.breadcrumbnavi a:hover{
         color:#d21818;
         border:none;
}




/*              HAUPTMENÜ          */
/*********** HAUPTMENÜ ALLGEMEIN ************/

#menu { width:171px;
        float: left;
        text-align: left;
        margin-top:0px;
}

#menu a {text-decoration: none;}
#menu ul { padding-left: 0px; margin: 8px 0px 0px 0px; }
#menu li { list-style: none; margin:4px 0px 0px 0px;}


/*********** 1. MENÜEBENE ************/
.nav1 li a {
        color: #fff;
        width: 156px;
        height:20px;
        padding: 6px 0px 5px 14px;
        margin:  0px 0px 0px 0px;
        display: block;
        background-color:#d21818;
}

.nav1 li a:hover, .nav1 li a:focus {background-color:#666; font-style:italic; }
ul .nav1 {color:#666; background-color:transparent;}
li .nav1act a { margin-bottom: 1px;  background-color:#666;}
/*********** 2. MENÜEBENE ************/
.nav2 li a {
        color:#333;
        height: auto;
        width: 155px;
        padding: 2px 0px 4px 14px;
        margin:  0px 0px 0px 0px;
        font-size:0.95em;
        font-weight:bold;
        background-color:transparent;
}

.nav2 li a:hover, .nav2 li a:focus {color:#333; background-color:transparent; font-style:normal;}
ul .nav2 { color:#333; background-color:transparent;font-style:normal;}
/*.nav2act {width: 152px; margin:  0px 0px 1px 0px; color:#333; background-color:transparent;font-style:normal;}
*/
li .nav2act a { margin-bottom: 1px; background-color:#999;color:#333;}

/*********** 3. MENÜEBENE ************/
.nav3 li a {
        min-height: 14px;
        width: 154px;
        padding: 3px 0px 4px 24px;
        margin:  0px 0px 0px 0px;
        font-size: 0.85em;
        background-color:transparent;

        color:#666;
}

.nav3 li a:hover, .nav3 li a:focus {color:#d21818;background-color:transparent;}
ul .nav3 { margin: 0px 0 1px 0;color:#666; background-color:transparent;}
li .nav3act a { color:#d21818;background-image: url(arrow.jpg); background-repeat:no-repeat;font-style:italic;}


/***** TABELLE IM CONTENT BEREICH ******/

.contenttext table { margin-left:18px; border-collapse: collapse; width: 500px; }

.contenttext thead { background-color: #ddd; font-weight: bold; }

.contenttext th { text-align:left; background-color: #ddd; font-weight: bold; border: solid 1px #999; padding: 5px; }

.contenttext td { border: solid 1px #999; padding: 8px; vertical-align: top; }

.contenttext td ul, .contentbox td ol { margin: 0px; }




/*	          SITEMAP - LAYOUT           */

DIV#sitemap { line-height: 20px; margin-top:-25px; }

DIV#sitemap li {
color:#ccc;
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
}

DIV#sitemap li {background: url(extm2.gif) repeat-y 0% 0%;  list-style-image:none;}

/*DIV#sitemap li.first {background:url(none); padding-top: 10px; list-style-image:none;color:#ccc;}*/

DIV#sitemap li.last {background: url(exlm.gif) no-repeat 0% 0%;  list-style-image:none;color:#ccc;}

DIV#sitemap li a.abschnitt {
   line-height: 15px;
   text-decoration: none;
   background: #eee;
   padding: 2px;
   border: 1px solid #ccc;
   display: block;
   width: 500px;
}


DIV#sitemap ul .first a { font-weight: bold;}

DIV#sitemap ul .last a { font-weight: normal; }

DIV#sitemap UL {
   padding: 0 0 0 30px;
   margin: 0 0 0 -20px;
   list-style-type: none;
   font-size: 0.96em;
}

DIV#sitemap ul { background: url(exim.gif) repeat-y }

DIV#sitemap UL.last { background-image: none; font-weight:normal; }

DIV#sitemap UL.first { background-image: none; }



/****TYPO3 Styles*****/

.csc-textpic-caption{font-size:0.8em}


/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		border:solid 0px green; margin: 70px 0px 0px 0px; padding: 0px 0px 0px 0px;
	}

/************** Styles Indexed search **************/

.tx-indexedsearch res.tx-indexedsearch-title {color:#d21818; text-decoration:underline;}
.searchbox .tx-indexedsearch-res td { border: 0px; padding: 0px; vertical-align: middle; }
.searchbox .tx-indexedsearch table { border: none; }
.searchbox .tx-indexedsearch-searchbox td { border: 0px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width: 100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width: 150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top: 10px; margin-bottom: 5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight: bold; color: red; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align: center; font-weight: bold; }

.tx-indexedsearch-res { font-size: 0.98em;}
.tx-indexedsearch-rules { font-size: 0.98em; }

.browsebox{ font-size: 0.84em; }
.browsebox a{ font-size: 0.84em; display: inline; margin-right: -30px; margin-left:0px; }
.tx-indexedsearch-browselist-currentPage { display: inline; margin-right: -20px; margin-left: 0px; }
.tx-indexedsearch-browselist-currentPage li{ display: inline; margin-left: 0px; margin-right: -20px }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:black; } 
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top: 20px; margin-bottom: 5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top: 0px; margin-bottom: 0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background: #cccccc; vertical-align: middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color: #666666; }
.tx-indexedsearch .tx-indexedsearch-category { background: #cccccc; font-size: 16px; font-weight: bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }

.searchbox .tx-mwkeywordlist-pi1 ul {list-style:none; list-style-image:none}
.searchbox .tx-mwkeywordlist-pi1 li {list-style:none; list-style-image:none}





/*-------------------------------------------*/

/*	          KONTAKT - LAYOUT           */

/*-------------------------------------------*/

form#kontakt { line-height: 2; }



fieldset {
	padding: 10px;
	border: 1px solid #d21818;
	margin: 10px;
}



legend {

	font-weight: bold;
	color: black;
	padding: 0 10px;
	border: none;
}



label {
	position: relative; /* etwas höher */
	bottom: 2px;
	cursor: pointer;
} 


label.davor {
	float: left;
	clear: left;
	width: 75px;
	text-align: right;
	margin: 5px 10px 0px 0px;

}




input#vorname,
input#name,
input#strasse,
input#plz,
input#ort,
input#telefon,
input#email,
input#betreff,

textarea#nachricht { margin: 2px; padding: 2px; border: 1px solid #666; }


textarea#nachricht {

	font-family:Verdana, Arial,Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;

}



input#anrede_herr,
.form_hinweis {
padding-left: 0;
margin-left: 85px;
}



#abschicken {
font-size: 12px;
cursor: pointer;
margin-left: 80px;
margin-top:20px;
background-color: #999;
border: 1px solid #d21818;
padding: 1px;
width: 100px;	
}