﻿/*
Logofarbe:      9ABD30
lightgreen:     AECC4B
Schriftfarbe:   444443
Linien:         D1D1C9
searchboxgray:  EBEBEB
darkgray:       767675;

*/
    
body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	color:#444443;
	font-size:80%;
   }
html{font-family: Verdana, Arial, Helvetica, sans-serif; }
body,p,li{line-height:1.8em;}

a {	color:#444443}
a:visited {color:#9ABD30; }
a:hover {color:#9ABD30; }

h1, h2, h3  {
    color:#9ABD30;
    margin:2em 0 1em 0;
    padding:0;
}
h1,h2{font-size:1.3em}
p {margin:0 0 1.6em 0;padding:0;}

hr{color:#D1D1C9;border:0;height:1px}

ul {
    margin-left: 0;
	padding-left: 1.4em;
	text-indent: 0;
    }
ul, ul ul, ul ul ul { list-style-type: disc; }

legend{color:#9ABD30;font-weight: bold;padding:0 1em 0 0.5em}
fieldset h2{margin-top:1em}

.small{font-size: 0.8em;color:#767675;line-height:1.4em}
a.more, a.back,a.top {text-decoration:none;color:#9ABD30;}
a.more:hover, a.back:hover,a.top:hover {text-decoration:underline;}
a.top{font-weight:normal;font-size:0.8em}

.info{background-image: url(../siteimages/symb_info.gif);
	background-repeat:no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	background-position: 0px 0px;
}
ul.info {background-image:none;padding-left:1.4em;margin-left:0.6em;padding-bottom: 0;}
ul.info li{list-style:none url("../siteimages/ul_info.gif"); padding-left:6px;}
h1.info, h2.info{background-position: 0 .3em;}
ul.space li{padding-bottom:1em}

.neu, .ErrorText{color:red}
.fotobox{width:240px;font-size: 0.85em;color:#767675;line-height:1.4em}
.right{float:right;margin-left:15px}
.left{float:left;margin-right:15px}

.pdf{background-image: url(../siteimages/ext.pdf.gif);
	background-repeat:no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	background-position: 0px 0px; 
	}
.small .pdf{line-height:1.9em;}

	
/* ################### column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colleft,
.colmid {
	float:left;
	width:100%;				/* width of page */
	position:relative;
}
.Content,
.MenuLeft,
.MenuRight {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	/* background:#eee;		right column background colour */
}
.threecol .colmid {
	right:25%;				/* width of the right column */
	/* background:#fff;		center column background colour */
}
.threecol .colleft {
	right:50%;				/* width of the middle column */
	/* background:#f4f4f4;		left column background colour */
}
.threecolORG .Content {	width:46%; left:102%;}
.threecol .Content {
	width:50%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
}
.threecolORG .MenuLeft {width:21%; left:31%; border-right: 1px solid #D1D1C9}
.threecol .MenuLeft {
	width:21%;				/* Width of left column content (column width minus padding on either side) */
	left:27%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
   	padding-top:1.4em;
   	background-image: url(../siteimages/grayline.gif);
   	background-repeat:repeat-y;
   	background-position:right top;
}
.threecolORG .MenuRight {width:21%; left:85%;}
.threecol .MenuRight {
	width:21%;				/* Width of right column content (column width minus padding on either side) */
	left:81%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
   	background-image: url(../siteimages/grayline.gif);
   	background-repeat:repeat-y;
   	background-position:left top;
}

/* ########### Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    background-color: #9ABD30;
    padding:0;
    margin:10px 0 0 0
}
#footer p {
    padding:0.2em 0 0.2em 25%;
    margin:0;
    color:#FFFFFF;
    font-size:0.85em;
}

/* ########### Header styles */
#header {
    background-color:#9ABD30;
    clear:both;
    float:left;
    width:100%;
    height:166px;
    position:relative;
    margin:0;
}
#headerLogo{
    width:127px;
    height:141px;
    position:absolute;
    top:25px; 
    left:0px;
    z-index:2;
   	background-image: url(../siteimages/headerlogo.gif);
    }    
#headerLogoTxt{
    width:255px;
    height:88px;
    position:absolute;
    top:25px; 
    left:127px;
    z-index:2;
   	background-image: url(../siteimages/headerlogotxt.gif);
    }    
 
#headerTitle{
    position:absolute;
    bottom:0.3em; 
    left:25%;
    z-index:3;
    width:50%;
    margin:0px;
    padding:3px;
    color:#FFFFFF;
    font-size:1.8em;
    font-weight:normal;
    }

#topline {
	height:25px;
	background:#FFFFFF;
	margin:0;
	padding:0
}
#breadcrumps {
    position:absolute;
    top:-2%; 
    left:23%;
    height:22px;
    z-index:3;
	padding:2px 15px 0 2% !important;
	border-left:1px solid #D1D1C9;
	font-size:0.85em;
	color:#767675;
}
#FontSize{position:absolute;right:4%;top:-2%; width:19%;border-left:1px solid #D1D1C9;}
#FontSize a{float:right;padding:1% 0 0 4%;color:#767675}
#FontSize a img{padding:0.5em 0 0 0.3em}
#FontBigger, #FontSmaller{font-weight:bold}
#FontBigger{font-size:1.4em}
#FontSmaller{font-size:1.1em}
#KontrastSwitcher img, #FarbSwitcher img{position:absolute;bottom:2px}

/* ######### left menu */

.MenuLeft h1{
    font-size:1.2em;
    text-transform:uppercase;
    padding:1em 0 0 0;
    margin:0;
    
    }
.MenuLeft ul{
    width:95%;
    margin:0; padding:0 0 1em 0; 
    list-style-position:inside; 
    border-bottom:1px solid #D1D1C9;
}
.MenuLeft li{margin:0;padding:0}

.MenuLeft a{text-decoration:none; color:#444443}
.MenuLeft a:hover {text-decoration:underline;color:#9ABD30;}
.MenuLeft a.active{color:#9ABD30;font-weight:bold}


/* ######### right menu  */
.MenuRight a{text-decoration:none; color:#444443}
.MenuRight a:hover {text-decoration:underline;color:#9ABD30;}
.MenuRight a.active{color:#9ABD30;font-weight:bold}

#navsymb{
    width:99%;
    padding:1em 0 0 0;
    text-align:center;
    }
#navsymbinner{width:135px; margin:0 auto;}

#symbmailing, #symbnews{
    line-height:normal;
    width: 65px;height:auto;
    float:left;
    text-align:center;
    }
.MenuRight .slogan{text-align:left;margin:6em 2em 2em 1em;font-size:0.8em}

