/* terratec 
www.terratec-geoservices.de
Start: 01.06.2012
Letzte Aenderung: 27.07.2012
*/


/* Farbschema:
dark blue (navigation background): #004c99
*/

/* Reset  --------------------------------------------------- */

* {margin: 0; padding: 0; border: 0;} /* setzt die Browser-eigenen Einstellungen zurück */


/* Globals und Typo ---------------------------------------- */

html {
     height: 100.1%; /* dadurch wird Scroll-Balken im IE erzwungen */ 
     font-size: 62.5%; /* dadurch wird Schrift auf ca. 10px entsprechend gesetzt */
}

body {
    font-family: Verdana, sans-serif; 
    font-size: 1.4em; /* entspricht 14px */
    line-height: 1.8em; /* entspricht Zeilenhöhe von 18px */
    text-align: center; /* nötig zur Zentrierung der Seite */
}

/* Angaben für Überschriften */
h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, sans-serif; 
    margin: 0em 0em 0.5em 0em;
}

h1 {font-size: 1.8em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;font-style: oblique; padding-top: 2em}
h6 {font-size: 1.0em;}

p {
    font-size: 1.0em; 
    line-height: 1.4em; 
}


/* Angaben für Listen */
ul {list-style-type: none;}

/* Angaben für Links */
a {text-decoration: none;
	color: #000;}


/* Layout  header------------------------------ */ 

div#header {
        height: 245px;
        padding: 0px; /* padding funktioniert bei header zuverlässiger als margin */
	background: url(/uploads/images/background_top.jpg) no-repeat center top;
}

div#header-wrapper { 
    width: 960px;
    margin: 0px auto; /* auto ist nötig zur Zentrierung der Seite */
    text-align: left; /* nötig zur Zentrierung der Seite */
}

div#header li {
	display: inline;
}

div#topnavi {
        height: 30px;
        margin-left: 380px;
	text-align: right;
	font-size: 0.8em;
	color: #333;
}

div#topnavi a {
        text-decoration: none;
}

div#topnavi a:hover {text-decoration: underline;}

div#search {margin: 0px 5px 0px 10px;}

div#search label {font-variant: small-caps;}

div#search input.search-input {border: 1px solid grey;}

div#search input.search-button {
        background: url(/uploads/images/search12x12.png) no-repeat;
        margin: 0px 5px 0px 0px;
        padding: 0px 10px 0px 0px;
}

div#topmenu {margin: 0px 5px 0px 0px;}

div#topmenu ul li {
        background: url(/uploads/images/dot.gif) no-repeat scroll right 4px transparent;
        padding: 0px 7px 0px 3px;
}

div#logo {
	height: 150px;
	background: url(/uploads/images/header_300dpi_960x150.jpg) no-repeat center top;
	background-color: #FC9;
}

div#navigation {
    height: 25px;
	padding: 10px 0px 10px 35px;
	background-color: #004c99; /* alt: #182983 */
}

div#navigation li {
    margin-left: 25px;
}

div#navigation a {
	text-decoration: none; /* Link ohne Unterstrich */
	font-size: 1.0em;
	font-weight: bold;     /* Schrift fett */
	padding-bottom: 2px;
	color: white;
} 

div#navigation a:hover {text-decoration: underline;}


/* Layout  footer ------------------------------ */ 

div#footer {
	background-color: #666;
	background: url(/uploads/images/background_footer.jpg) repeat-y center;
}

div#footer-wrapper {
	width: 960px;
	margin: 0px auto;
	color: #CCC;
	font-size: 0.8em;
	line-height: 1.3em;
}

div#footer-wrapper a  {text-decoration: none;}
div#footer-wrapper a:hover {text-decoration: underline;}

div#sidemap {
	float: left;
	width: 620px;
	padding: 20px 30px 20px 30px;
	text-align: left;
}

div#adress {
	margin-left: 710px;
	padding: 20px 20px;
	border-left-style: dashed;
	border-left-width: thin;
	border-left-color: #CCC;
	text-align: left;
}

div#adress td {padding-right: 0.5em;}

div#printinfo, div#printfooter {display: none;}


/* layout class ------------------------------------------ */ 

.align-top {vertical-align:top;}
.bottom_space {padding-bottom: 0.5em;}

.bottom_nospace {margin: 0em;}

.center {text-align: center;}

.list {list-style-image:url(/uploads/images/list_small.gif);
        margin-left: 25px;}

.line hr {display: none;}

.line {border-bottom: 2px solid #182983;}

.office-contact {
        background: white url(/uploads/images/office_bar_fade.gif) no-repeat;
        font-size: 0.9em;
        text-align: center;
        line-height: 1.4em;
        float: left;
        height: 330px;
        padding: 20px;
        width: 170px;
}

.office-margin {margin: 10px 10px 10px 0px;}

.office-margin-mostright {margin: 10px 0px 10px 0px;}

.office-img {
        float: left;
        height: 330px;
        margin: 10px 10px 10px 0px;
}

.content-img-right {
        float: right;
        margin: 15px 0px 15px 15px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #004c99;
}

.content-img-left{
        float: left;
        margin: 15px 15px 15px 0px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #004c99;
}

.content-img{
        margin: 15px 15px 15px 15px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #004c99;
}


/*floats*/

.clearer {clear: both;}

.right {float: right;}

.left {float: left;}


div#pic_oben {position:relative; float:left; z-index:0; margin-bottom: 70px;}
div#pic_unten {position:absolute; top: 100px; left: 400px; z-index:1;}
/* Stylesheet: terratec Modified On 2016-07-10 16:59:53 */
#sidemap ul {
/* some margin is set in the footer padding */
   margin: 0px;
/* calling a specific side, left in this case */
   margin-left: 5px;
   padding: 0px;
/* remove any default bullets, image used in li call */
   list-style: none;
}
#sidemap ul li {
/* remove any default bullets, image used for consistency */
   list-style: none;
/* float left to set first level li items across the top */
   float:left;
/* a little margin at top */
   margin: 5px 0px 0px;
/* padding all the way around */
   padding: 5px;
/* you can set your own image here, used for consistency */
   background: url(/uploads/images/dot.gif) no-repeat left 10px;
}
#sidemap ul li a {
/* this will make the "a" link a solid shape */
   display:block;
   margin: 2px 0px 4px;
   padding: 0px 5px 5px 5px;
   color: #CCC;
}
/* set h3 to look like "a" */
#sidemap li h3 {
   font-weight:normal;
   font-size:100%;
   margin: 2px 0px 2px 0px;
   padding: 0px 5px 5px 5px;
}
/* set h3 to look like "a", less margin at this level */
#sidemap li li h3 {
   font-weight:normal;
   font-size:100%;
   margin: 0px;
   padding: 0px 5px 5px 5px;
}
#sidemap ul li li {
/* remove any default bullets, image used for consistency */
   list-style: none;
/* remove float so they line up under top li */
   float:none;
/* less margin/padding */
   margin: 0px;
   padding: 0px 0px 0px 5px;
/* you can set your own image here, used for consistency */
   background: url(/uploads/images/dot.gif) no-repeat left 3px;
}
/* fix for IE6 */
* html #sidemap  ul li a {
   margin: 2px 0px 0px;
   padding: 0px 5px 5px 5px;
}
* html #sidemap  ul li li a {
   margin: 0px 0px 0px;
   padding: 0px 5px 0px 5px;
}
/* End fix for IE6 */
#sidemap  ul ul {
/* remove float so they line up under top li */
   float:none;
/* a little margin to offset it */
   margin: 0px 0px 0px 8px;
   padding: 0;
}
#sidemap  ul ul ul {
/* remove float so they line up under li above it */
   float:none;
/* a little margin to offset it */
   margin: 0px 0px 0px 8px;
   padding: 0;
}
/* Stylesheet: terratec sidemap Modified On 2012-06-16 18:07:33 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #f60;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* Stylesheet: FormBuilder Default Style Modified On  */