/* ******** Allgemein ********* */

    
/* HTML Elemente */
html 			{ min-height: 100% }
body      { margin: 0; padding: 0; background: #fff url(../images/bg_body.png) repeat-x bottom left; min-height: 100% }
body.leer { background: none }

* { color: #777; font-size: 11px; font-family: Arial,Verdana,sans-serif,Helvetica }

a       { color: #4a6a81; text-decoration: none; outline: none }
a:hover { color: #335775  }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; color: #4a6a81 }

h1, h1 * { font-size: 22px; margin-bottom: 20px; font-weight: normal }
h2, h2 * { font-size: 18px; margin-bottom: 15px; font-weight: normal }
h3, h3 * { font-size: 14px; margin-bottom: 10px; font-weight: normal }
h4, h4 * { font-size: 12px; margin-bottom: 10px }
h5, h5 * { font-size: 11px; margin-bottom: 5px }
h6, h6 * {  }

p { margin: 0; padding-bottom: 10px }

ul { }
ol { }

/* Allgemeine Klassen für alle Module */
big      { font-size: 13px }
small    { font-size: 9px }
sup, sub { font-size: 9px }

hr { color: #ffffff; background-color: #ffffff; height: 1px; border: 0 }

form 										{ margin: 0; padding: 0; border: 0 }
input, select, fieldset { margin: 0 }
label 									{ margin: 0 }

.err { color: red }
.success { color: green }

a img { border: none }


/* Conrad-Editor */
.mceContentBody { background: #fff } 

/* ******** Conrad ********* */

/* overLib */
#overDiv { visibility: hidden; position: absolute; z-index: 1000 }

/* Panel-Popups */
.panel { color: black; font-size: 11px; text-decoration: none; font-family: Arial, sans-serif; border: 2px dashed #c0c0c0 } 

a.panel_popup 			{ color: #FF6600 }
.panel_popup_bg		 	{ border: 1px solid #FF6600; background-color: #FF6600 }
.panel_popup_fg 		{ background-color: #FFFFFF }
.panel_popup_text * { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
.panel_popup_cap 		{ color: white; font-size: 10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif }
panel_popup_cap 		{ color: white; font-size: 10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif }

/* Allgemeines CSS für alle Module */
.none { padding: 0; margin: 0 }
.none li { list-style-type: none }

.l { text-align: left }
.r { text-align: right }
.c { text-align: center }

.bold { font-weight: bold }
.normal { font-weight: normal }

.hideme { display: none }


/* ******** Seitenaufbau ********* */
#page { width: 810px; margin: 0 auto; padding: 15px 0 0; background: #fff; position: relative }
#logo { margin-bottom: 10px }
#header { background: url(../images/bg_header.gif) repeat-x }
#shortnav { width: 595px; padding-left: 20px; float: left; border-left: 2px solid #fed000; height: 40px }
#search { width: 171px; padding-right: 20px; float: left; border-right: 2px solid #fed000; height: 40px }
#nav { clear: left; height: 29px; padding-left: 10px; background: url(../images/bg_nav.gif) repeat-x; border-left: 2px solid #6d90a6; }
#specialnav { background: url(../images/bg_nav.gif) repeat-x; float: right; width: 350px }
#main { background: #fff url(../images/border_grey.png) repeat-y 620px top; border-top: 5px solid #ffdc00; border-left: 1px solid #ccc; border-right: 1px solid #ccc; clear: both; float: left; width: 808px }
#subnav { width: 145px; float: left; padding-left: 20px; border-bottom: 1px solid #fff }
#content { float: left; padding: 0 19px 20px; width: 415px }
#sidebar { float: left; width: 154px; padding: 0 18px 20px } 
#spacer { height: 10px; background: #fff; clear: both } 


#footer { clear: left; height: 59px; background: url(../images/bg_footer.png) bottom left repeat-x }
	#ewerk { background: #ffdc00; text-align: right; height: 16px; padding: 4px 20px 0; }
	#ewerk a { font-weight: bold; font-size: 10px }

	#abbinder {  border-left: 1px solid #5e7d96; border-right: 1px solid #5e7d96; height: 29px; padding-top: 10px }
	#abbinder a.top { background: url(../images/icon_top.png) no-repeat left 2px; color: #fff; display: block; margin-left: 20px;  padding: 0 0 0 10px;width: 20px } 
	#abbinder span { float: right; color: #fff; padding-right: 20px; display: block }
	#abbinder span * { color: #fff }

/* Startseite */
body.start #page { width: 686px }
body.start #logo { position: absolute; left: -160px}
body.start #nav  { padding: 0; border-left: 1px solid #ccc }
body.start #main { width: 684px; padding-bottom: 50px; background: none }
body.start #shortnav { width: 471px }
body.start #main ul#start_nav { margin-top: 20px } 
body.start #main ul#start_nav li.nav { width: 23%; padding: 0 0 0 2%; float: left; background: url(../images/nav_spacer.png) no-repeat top right; }
body.start #main ul#start_nav li.last { background: none }
body.start #footer { position: relative; z-index: 100 }
body.start .schilder { position: absolute; top: -45px; left: -110px }
body.start .claim { position: absolute; top: 100px; left: 240px }


/* Editmode */
body.edit #page { width: 880px;}
body.edit #search, body.edit #shortnav, body.edit #nav, body.edit #specialnav  { height: auto }
body.edit #nav { width: 600px }
body.edit #main  { width: 850px }
body.edit #main ul#start_nav li.nav {  width: 24%; margin: 0; }

/* Googlemaps */
div.googlemaps p { margin-bottom: 3px; padding: 0 }
div.googlemaps h3 { margin-bottom: 5px }

/* ********* Module ********* */

/* Navigation */
ul.navigation_showLevel1 { }
ul.navigation_showLevel1 li { float: left }
ul.navigation_showLevel1 a { display: block; font-weight: bold; float: left; height: 20px; padding: 9px 10px 0; color: #fff; font-size: 10px; text-transform: uppercase}
ul.navigation_showLevel1 a:hover { background: url(../images/bg_nav.gif) bottom left repeat-x; color: #335775 }
ul.navigation_showLevel1 a.on { background: url(../images/bg_nav.gif) bottom left repeat-x; color: #335775; border-right: 1px solid #5d7d96; border-left: 1px solid #5d7d96  }

ul.navigation_showLevel2 { background: url(../images/border_blue.gif) repeat-x; margin-left: -20px; padding-top: 15px }
ul.navigation_showLevel2 li { padding: 1px 0 }
ul.navigation_showLevel2 li.last { background: url(../images/border_blue.gif) repeat-x bottom left; padding-bottom: 15px } 
ul.navigation_showLevel2 a { color: #7090a9; padding-left: 20px; font-size: 10px }
ul.navigation_showLevel2 a.on { color: #42627a; background: url(../images/arrow_right_blue.gif) no-repeat 10px 3px }
ul.navigation_showLevel2 a:hover { color: #42627a }

ul.navigation_showPathNavigation { margin-left: 20px; padding: 3px 0 25px; background: #fff }
ul.navigation_showPathNavigation li { display: inline }
ul.navigation_showPathNavigation li * { font-size: 10px }
ul.navigation_showPathNavigation li a { color: #6a8ba3; padding-right: 3px }
ul.navigation_showPathNavigation li a.last {  color: #34546a }
ul.navigation_showPathNavigation label { color: #34546a }

ul.navigation_showFromThisPage { min-height: 144px; }
ul.navigation_showFromThisPage h3 { padding-left: 10px; font-weight: bold } 
ul.navigation_showFromThisPage li { padding: 2px 0 }
ul.navigation_showFromThisPage a { color: #7090a9; padding-left: 10px; background: url(../images/arrow_right_blue.gif) no-repeat 0 4px }
ul.navigation_showFromThisPage a:hover { color: #335775 }

ul.unternehmen { background: url(../images/icon_home.png) no-repeat 125px top }
ul.leistungen { background: url(../images/icon_leistungen.png) no-repeat 125px top }
ul.referenzen { background: url(../images/icon_referenzen.png) no-repeat 122px top }
ul.kontakt { background: url(../images/icon_kontakt.png) no-repeat 115px top }

/* Teaser */
a.teaser_show { border: 1px solid #e6e6e6; padding: 5px; display: block; margin-bottom: 10px; background: #fff }


/* Bilder */
img.image_showBorder { border: 1px solid #e6e6e6; padding: 5px; display: block; margin-bottom: 10px; background: #fff }

/* Texte */
#sidebar div.text_show { border: 1px solid #e6e6e6; padding: 5px; margin-bottom: 10px; background: #fff; color: #34546a } 
#sidebar div.text_show * { color: #34546a } 

/* Dokumente */
div.download_show { padding-bottom: 20px }
div.download_show table { border-collapse: collapse }
div.download_show th { text-align: left; padding: 5px;  background: url(../images/border_blue.gif) repeat-x bottom left; color: #42627a }
div.download_show td { padding: 0 5px; background: url(../images/border_blue.gif) repeat-x bottom left; }
div.download_show .icon { width: 20px; text-align: center }
div.download_show th.title { text-align: left }
div.download_show .size { text-align: right; width: 100px }
div.download_show .date { text-align: right; width: 60px }
div.download_show .description { font-size: 10px; padding-left: 5px; display: block }
div.download_show a { display: block; padding: 5px 0 }


div.download_showSingle	{ padding-bottom: 20px }
div.download_showSingle table { border-collapse: collapse; background: url(../images/border_blue.gif) repeat-x top left; }
div.download_showSingle td { padding: 1px 5px; background: url(../images/border_blue.gif) repeat-x bottom left; }
div.download_showSingle .icon { width: 20px; text-align: center }
div.download_showSingle .size { text-align: right; width: 100px }
div.download_showSingle .date { text-align: right; width: 60px }
div.download_showSingle .description { font-size: 10px; padding-left: 5px; display: block }
div.download_showSingle a { display: block; padding: 5px 0 }

/* Referenzen */
div.reference_show { padding-bottom: 20px }
div.reference_show table { border-collapse: collapse }
div.reference_show th { text-align: left; padding: 5px;  background: url(../images/border_blue.gif) repeat-x bottom left; color: #42627a }
div.reference_show td { vertical-align: top; padding: 5px; background: url(../images/border_blue.gif) repeat-x bottom left }
div.reference_show td.bold { font-weight: bold }
div.reference_show a { display: block; font-weight: bold }


/* Listenansichten */
ul.list { }
ul.list li.list { background: url(../images/border_blue.gif) left bottom repeat-x; padding: 0 5px 15px; margin-bottom: 15px; display: block }
ul.list span.date { display: block; font-weight: bold}


/* Detailansichten */
div.detail a.back { background: url(../images/border_blue.gif) left bottom repeat-x; display: block; padding-bottom: 5px; margin-bottom: 15px }
div.detail span.date { display: block; font-weight: bold; background: url(../images/border_blue.gif) left bottom repeat-x; padding-bottom: 10px; margin-bottom: 10px }
div.detail img.title { float: left; margin: 0 5px 5px 0 }
div.detail div.contact { background: url(../images/border_blue.gif) left bottom repeat-x; margin-bottom: 10px }
div.detail ul.download li { clear: left; float: left; padding: 0 0 2px }
div.detail ul.download img { float: left; margin-right: 5px }

/* Schnellnavigation */
ul.short_navigation_show { margin-top: 15px}
ul.short_navigation_show li { padding-right: 10px; display:inline }
ul.short_navigation_show a { color: #7c8669 }
ul.short_navigation_show a:hover { color: #0d3246 }

ul.short_navigation_showWithImages { float: right; height: 29px; background: url(../images/bg_specialnav.png) left bottom no-repeat; padding-left: 1px; margin-right: 20px }
ul.short_navigation_showWithImages li { white-space: nowrap;  background: url(../images/bg_specialnav.png) right bottom no-repeat; display: block; float: left; height: 29px; padding-right: 1px }
ul.short_navigation_showWithImages a { display: block; background: url(../images/bg_specialnav.png) top left repeat-x; float: left; height: 20px; padding: 9px 10px 0; }
ul.short_navigation_showWithImages a:hover { background: url(../images/bg_specialnav.png) left -29px repeat-x }
ul.short_navigation_showWithImages li.on a { background: url(../images/bg_specialnav.png) left -29px repeat-x }
ul.short_navigation_showWithImages span { float: left; cursor: pointer }
ul.short_navigation_showWithImages span.img { margin-top: -2px }
ul.short_navigation_showWithImages span.title { margin-right: 5px; margin-top: 0; color: #ffdf19; font-size: 10px; text-transform: uppercase  }

/* Suche */
form.search2_showForm { margin-top: 14px }
form.search2_showForm label { float: left; color: #0d3246; padding: 1px 15px 0 0;  background: url(../images/bg_searchfield.png) right top no-repeat; height: 16px }
form.search2_showForm input.text { float: left; height: 12px; font-size: 10px; border: none; border-top: 1px solid #d8d8d9; border-bottom: 1px solid #b9babb; width: 98px }
form.search2_showForm input.submit { float: left }

div.search2_showResults{ }
div.search2_showResults table.pager { background: url(../images/border_blue.gif) left bottom repeat-x }
div.search2_showResults table.pager td { background: url(../images/border_blue.gif) left top repeat-x; padding: 5px }
div.search2_showResults table.pager img {  margin: -7px 5px 0 }
div.search2_showResults table.pager tr:hover td { background: url(../images/border_blue.gif) left top repeat-x;}
div.search2_showResults table { border-collapse: collapse }
div.search2_showResults th { text-align: left; padding: 5px;  background: url(../images/border_blue.gif) repeat-x bottom left; color: #42627a }
div.search2_showResults td { padding: 0 5px; background: url(../images/border_blue.gif) repeat-x bottom left; }
div.search2_showResults a { display: block; padding: 5px 0 }
div.search2_showResults div.relevance { width: 100px; background: #e1e9ef }
div.search2_showResults div.relevance span { display: block; height: 10px; font-size: 1px; background: #5D7C95 }


/* Formulargenerator */
div.formgen_showForm_form_standard { clear: left; float: left; margin-bottom: 20px }
div.formgen_showForm_form_standard br { clear: both}
div.formgen_showForm_form_standard div.err { padding: 5px 0; color: #cc0000}
div.formgen_showForm_form_standard div.last { margin: 0px;}
div.formgen_showForm_form_standard textarea { border-style: solid; border-width: 1px; border-color: #aeaeae #d7d7d7 #d7d7d7 #aeaeae }
div.formgen_showForm_form_standard input { border-style: solid; border-width: 1px; border-color: #aeaeae #d7d7d7 #d7d7d7 #aeaeae }
div.formgen_showForm_form_standard label { display: block; padding-top: 1px; font-size: 10px }
div.formgen_showForm_form_standard div.buttons { float: right}

div.formgen_showForm_form_standard div.buttons { padding-right: 5px; text-align: right }
div.formgen_showForm_form_standard div.buttons input { border: none; height: auto; cursor: pointer; background: url(../images/arrow_right_blue.gif) left center no-repeat; color: #4A6A81; text-align: left; padding-left: 13px; font-weight: bold; margin-left: 10px }
div.formgen_showForm_form_standard div.buttons input.submit { width: 70px  }
div.formgen_showForm_form_standard div.buttons input.continue { width: 50px }
div.formgen_showForm_form_standard div.buttons input.back { width: 50px }
div.formgen_showForm_form_standard div.buttons input.reset { width: 143px }

div.formgen_showForm_freetext_standard { float: left; margin-right: 20px; padding: 5px 0 }
div.formgen_showForm_freetext_standard div.float { float: left; margin-right: 20px }

div.formgen_showForm_freetext_small { float: left; margin-right: 15px; padding: 5px 0 }
div.formgen_showForm_freetext_small div.float { float: left; margin-right: 15px }

div.formgen_showForm_multichoose_standard { float: left; margin-right: 20px; padding: 5px 0 }
div.formgen_showForm_multichoose_standard input { width: 14px; margin-top: 2px; border: none }
div.formgen_showForm_multichoose_standard label.check { display: inline; padding: 0 10px 0 2px; cursor: pointer }

div.formgen_showForm_choose_standard { float: left; margin-right: 20px; padding: 5px 0 }
div.formgen_showForm_choose_standard input { width: 14px; margin-top: 2px; border: none }
div.formgen_showForm_choose_standard label.check { display: inline; padding: 0 10px 0 2px; cursor: pointer }

div.formgen_showForm_text_standard { float: left; margin-right: 20px; padding: 5px 0 }

div.formgen_showForm_form_standard_confirm { margin-bottom: 20px }
div.formgen_showForm_form_standard_confirm form { margin-right: 10px; float: left }
div.formgen_showForm_form_standard_confirm div.buttons { padding-right: 5px; height: 21px; float: right }
div.formgen_showForm_form_standard_confirm div.buttons input{ border: none; height: 32px; cursor: pointer; background: url(../images/bg_button.gif) no-repeat; color: #0078bd; text-align: left; padding-left: 35px; font-weight: bold; font-size: 12px; margin-left: 10px }
div.formgen_showForm_form_standard_confirm div.buttons input.confirm { width: 115px }
div.formgen_showForm_form_standard_confirm div.buttons input.edit { width: 210px }
div.formgen_showForm_form_standard_confirm table.item { margin-bottom: 15px }
div.formgen_showForm_form_standard_confirm table.item td { padding: 0 3px; vertical-align: top}
div.formgen_showForm_form_standard_confirm table.item td.label { padding-right: 20px; font-weight: bold }

/* Sitemap */
div.sitemap_show { }
div.sitemap_show ul { margin: 0; padding: 0; width: 100% }
div.sitemap_show li { list-style-type: none }
div.sitemap_show li.clear { clear: left; }
div.sitemap_show li.lvl1 { float: left; width: 46%; margin: 0 2% 15px }
div.sitemap_show li.lvl1 a { font-size: 16px; font-weight: normal; margin: 0; padding: 2px 5px; border: none; margin-bottom: 5px; border-bottom: 1px solid #4a6a81; display: block }
div.sitemap_show li.lvl2 {  margin: 0; padding: 0  }
div.sitemap_show li.lvl2 a { color: #666; font-size: 11px; font-weight: normal; border: none; margin: 0; background: url(../images/arrow_right_blue.gif) no-repeat 5px 5px; padding-left: 18px }
div.sitemap_show li.lvl3 { margin: 0; padding: 0 0 0 10px}
div.sitemap_show li.lvl3 a { padding: 0 5px }