/*
    color-definition
    --------------------------

	font-brown:		#43200c
    dark brown:		#37170a
    dark-beige      #8f7c71
    beige:          #cac0b6
    light-beige:    #e5e0db
    dark-blue:      #769bae
    light-blue:     #a0cfeb

    font-color Home
    dark-beige      #87746c
    light-beige:    #d7d1ce
    dark-blue:      #768591

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


/***  PNG-Transparenz für IE<7  ***/

    div{ 
        behavior:url(templates/iepngfix.htc); 
    }
    
    a{
        cursor:pointer;
    }

/***  PNG-Transparenz für IE<7  ***  ENDE ***/



body{
    margin:0px;
    background-color:#cac0b6;
    color:#43200c;
    font-size:11px;
    font-family:verdana, sans-serif;
}

body.home{
     background-color:#37170a;
}

.home #head{
    height:335px;
}

.home #content{
    margin-top:0p;
    background-color:#768591 !important;
}

.home a{
    color:#a0cfeb;
    text-decoration:none;
}

.home #footer{
    background-color:#37170a !important;
    color:#d7d1ce;
}

#mainContent{
    background-color:#e5e0db;
    position:absolute;
    left:50%;
    width:702px;
    margin-left:-351px;
    margin-top:35px;
}

/***  Navigation  ***/

#naviContainer{
    height:99px;
    width:702px;
    background-color:#cac0b6;
}

.home #mainContent, .home #naviContainer{
    background-color:#37170a;
}

#logo{
    float:left;
}

#column1{
    width:104px;
}

#column2{
    width:145px;
}

#column3{
    width:86px;
}

#column4{
    width:87px;
}

#column5{
    width:119px;
}

ul.navigationE0{
    list-style-type:none;
    margin:0px;
    margin-top:9px;
    padding:0px;
    float:right;
    width:548px;
}

ul.navigationE0 li{
    float:left;
    font-weight:bold;
}

li.active{
    background-image:url(../images/ttfImageWithHover.php?text=>&font=Kroeger0554.ttf&size=6&color=37170a&hovercolor=37170a&backgroundcolor=cac0b6);
    background-repeat:no-repeat;
    background-position:left 2px;
}

.home li.active{
    background-image:url(../images/ttfImageWithHover.php?text=>&font=Kroeger0554.ttf&size=6&color=d7d1ce&hovercolor=87746c);
    background-repeat:no-repeat;
    background-position:left 2px;
}

.home ul.navigationE0 li a{
    background-color:#37170a;
}

ul.navigationE0 li a{
    background-color:#cac0b6;
}

ul.navigationE0 li a{
    margin-left:7px;
    display:block;
    height:11px;
    background-repeat:no-repeat;
    background-position:0px 0px;
}

ul.navigationE0 li a:hover{
    background-position:0px -16px;
}

ul.navigationE1{
    list-style-type:none;
    margin:0px;
    margin-top:4px;
    padding:0px;
}

ul.navigationE1 li{
    clear:both;
    font-weight:normal;
    line-height:11px;
    height:11px;
    display:block;
    width:100%;
}

ul.navigationE1 li a{
    display:block;
    height:11px;
    background-color:#cac0b6;
    background-repeat:no-repeat;
    background-position:0px 2px;
}

.home ul.navigationE1 li a{
    background-color:#37170a;
}

ul.navigationE1 li a:hover{
    background-position:0px -14px;
}

ul.navigationE1 li.active a{
    background-position:0px -14px;
}

ul.navigationE1 li a.uml{
    background-position:0px 0px;
}

ul.navigationE1 li.active a.uml{
    background-position:0px -18px;
}

ul.navigationE1 li a:hover.uml{
    background-position:0px -18px;
}

ul.navigationE1 li a.unterl{
    background-position:0px 1px;
}

ul.navigationE1 li.active a.unterl{
    background-position:0px -16px;
}

ul.navigationE1 li a:hover.unterl{
    background-position:0px -16px;
}

a span{
    display:none;
}


/***  Navigation  ***  ENDE  ***/


/***  Header  ***/

    #head{
        background-color:#ffffff;
        background-image:url(../images/corner_white_lightbrown.gif);
        background-repeat:no-repeat;
        background-position:top right;
    }

    #head.noImg{
        padding-top:32px;
    }

    h1{
        padding:0px;
        margin:0px;
        padding-left:17px;
        padding-top:37px;
        padding-bottom:15px;
        font-size:11px;
        font-weight:normal;
        text-transform:uppercase;
    }

    h1.listItem{
        padding-left:161px;
    }

/***  Header  ***  ENDE  ***/


#footer{
    width:662px;
    height:90px;
    background-color:#e5e0db;
    margin:0px;
    padding-top:8px;
    padding-right:21px;
    padding-left:19px;
    text-align:right;
}


/***  Content  ***/

    #content{
        background-color:#e5e0db;
        padding:0px;
        margin:0px;
        line-height:18px;
        background-repeat:no-repeat;
        background-position:top right;
    }


    h2{
        margin:0px;
        padding:0px;
        padding-left:16px;
        padding-top:23px;
        padding-bottom:26;
        font-size:11px;
        font-weight:bold;
        width:420px;
    }
    
    h3{
        margin:0px;
        padding:0px;
        padding-left:16px;
        font-size:11px;
        font-weight:normal;
    }

    p{
        margin:0px;
        padding:0px;
        padding-left:16px;
        padding-top:18px;
        padding-bottom:24px;
        width:420px;
    }


    a{
        color:#769bae;
        text-decoration:none;
    }

    a:hover{
        color:#768591;
    }
    
    .col1{
        width:210px;
        float:left;
        background-color:#e5e0db;
    }
    
    .col2{
        width:210px;
        float:left;
        background-color:#e5e0db;
        padding-right:250px;
    }

    .infoBox{
        margin:0px;
        padding:0px;
        width:200px;
        float:right !important;
        padding-top:18px !important;
        padding-right:18px !important;
    }

    
    .listItem p{
        margin:0px;
        padding:0px;
        padding-left:160px;
        padding-bottom:23px;
        width:510px;
    }

    .listItem h2{
        margin:0px;
        padding:0px;
        padding-left:160px;
        width:510px;
    }

    .listItem h3{
        padding-left:160px;
        width:510px;
        padding-top:30px;
    }

    
    .glossarItem p{
        margin:0px;
        padding:0px;
        padding-left:160px;
        padding-bottom:23px;
        width:510px;
    }

    .glossarItem h2{
        margin:0px;
        padding:0px;
        padding-left:160px;
        width:510px;
        padding-top:30px;
    }
	
	a.nachOben{
		float:right;
	}
	
	fieldset{
		border:none;
		margin:0px;
		padding:0px;
		margin-bottom:12px;
	}

	fieldset#left{
        width:310px;
        float:left;
        background-color:#e5e0db;
	}

	fieldset#message{
        width:310px;
        background-color:#e5e0db;
        padding-right:18px;
	}

    form{
        margin:0px;
        padding:0px;
        padding:18px;
    }
    
    label{
        display:block;
        width:100px;
        float:left;
    }
	
	input{
		padding:1px;
		border:0px;
		width:170px;
		height:18px;
		margin:0px;
		margin-bottom:4px;
	}
	
	input.radio{
		width:20px;
		vertical-align:middle;
	}

	input#zip{
		border:0px;
		width:40px;
	}
	
	input#city{
		border:0px;
		width:124px;
		margin-left:4px;
	}
	
	select{
		padding:1px;
		border:0px;
		width:170px;
		margin:0px;
		margin-bottom:4px;
	}

	textarea{
		padding:1px;
		border:0px;
	}
	
	
/* BUTTON DEFINITION */
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	font-weight:normal;
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


button { 
	height:25px;
	padding-right:10px;
	background: transparent url(../images/button_bg.gif) no-repeat right -50px; 
}

button.left{
	background: transparent url(../images/button_left_bg.gif) no-repeat right -50px; 
}

button span { 
	height:25px;
	line-height:20px;
	padding-left:8px;
	color:#fff;
	background: transparent url(../images/button_bg.gif) no-repeat left 0px; 
}

button.left span{
	background: transparent url(../images/button_left_bg.gif) no-repeat left 0px; 
}

button:hover{ 
	background-position: right -75px;
}

button:hover span{ 
	background-position: left -25px;
	color:#37170a;
}

/* BUTTON DEFINITION - ENDE */

	
#umfrage .buttonArea{
		float:right;
		width:auto;
		padding-right:20px;
	}
	
#umfrage button{
		width:100px;
		margin-right:10px;
	}
    
button.register{
		margin:0px;
		position:relative;
		left:152px;
		width:120px;
	}
    
    
/***  Content  ***  ENDE  ***/
    
    
.home #footer{
    width:683px;
    margin:0px;
    padding-top:8px;
    padding-right:0px !important;
    padding-left:19px;
    text-align:right;
}

.datum{
	padding-bottom:0px !important;
}


.maus{
    background-image:url(../images/icon_maus.gif);
    background-position:100px 34px;
    background-repeat:no-repeat;
    padding-top:30px;
}

.blatt{
    background-image:url(../images/icon_blatt.gif);
    background-position:100px 34px;
    background-repeat:no-repeat;
    padding-top:30px;
}


.lupe{
    background-image:url(../images/icon_lupe.gif);
    background-position:100px 34px;
    background-repeat:no-repeat;
    padding-top:30px;
}


.blueBox{
    padding-left:0px;
    line-height:19px;
    background-image:url(../images/corner_home.gif);
    background-repeat:no-repeat;
    background-color:#768591;
    background-position:top right;
    margin-top:20px;
    padding-bottom:10px;
}

.imageBox{
 float:right;
 margin-top:23px;
 margin-right:23px;
}

.imageBox span{
    font-size:10px;
}


.blueBox h1{
    padding-top:21px;
    padding-bottom:6px;
}


.blueBox h2{
    margin:0px;
    margin-left:2px;
    padding-top:10px;
}



.blueBox p{
    margin:0px;
    padding:19px;
    padding-top:0px;
    line-height:18px;
    width:510px;
}

/*  initialNavigation  */



ul.initialNavigation{
    list-style-type:none;
    margin:0px;
    margin-top:4px;
    padding:0px;
    float:right;
    position:relative;
    top:-14px;
    left:-53px;
}


ul.initialNavigation li{
    font-weight:bold;
    margin-left:0px;
    width:12px;
    float:left;
    margin-left:0px;
}

ul.initialNavigation li a{
    display:block;
    height:11px;
    background-repeat:no-repeat;
    background-position:right 2px;
}
ul.initialNavigation li a.uml{
    background-position:right 0px;
}

ul.initialNavigation li a:hover{
    background-position:right -14px;
}

ul.initialNavigation  a:hover.uml{
    background-position:right -18px;
}


/*  initialNavigation - ENDE */


/*  Footer  */



ul.navigationFooter{
    list-style-type:none;
    margin:0px;
    margin-top:4px;
    padding:0px;
    float:right;
}


ul.navigationFooter li{
    font-weight:bold;
    margin-left:0px;
    float:left;
    margin-left:15px;
}

ul.navigationFooter li a{
    display:block;
    height:11px;
    background-repeat:no-repeat;
    background-position:right 2px;
}
ul.navigationFooter li a.uml{
    background-position:right 0px;
}

ul.navigationFooter li a:hover{
    background-position:right -14px;
}

ul.navigationFooter  a:hover.uml{
    background-position:right -18px;
}


/*  Footer - ENDE */


.more_brown{
	position:relative;
	top:-24px;
	left:-36px;
	width:119px;
	height:52px;
	background-image:url(../images/more_brown.png);
	background-repeat:no-repeat;
	float:right;
}

.more_blue{
	position:relative;
	top:263px;
	left:-36px;
	width:119px;
	height:52px;
	background-image:url(../images/more_blue.png);
	background-repeat:no-repeat;
	float:right;
}

.more_brown a, .more_blue a{
	display:block;
	height:16px;
    margin-top:8px;
    margin-left:15px;
}

img{
	border:none;
}

div.hr {
    position:relative;
	clear:both;
	width:100%;
	height:1px;
	background: url(../images/line_dotted.gif) no-repeat top;
	margin:0px;
}

div.hr hr{
  display:none;
}

a.description{
    color:#43200c !important;
    text-decoration:none;
}

.description img{
    position:relative;
    top:-4px;
}

#referenzIndex{
    position:absolute;
    right:7px;
    top:173px;
    display:block;
    float:right;
    background-color:#ffffff;
}

#referenzIndex a{
    display:block;
    background-repeat:no-repeat;
    float:left;
	margin-right:10px;
	margin-left:10px;
    width:15px;
    height:15px;
}

#referenzIndex #abstand{
    float:left;
	margin-right:10px;
	margin-left:10px;
    width:15px;
    height:15px;
}

#referenzIndex a span{
	display:none;
}

#referenzIndex img{
	display:block;
    float:left;
}

#referenzbild{
	margin:0px;
	padding:0px;
	width:230px;
	height:100px;
	float:left;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#fff;
}

#referenzbild a{
	display:block;
	width:230px;
	height:100px;
}

#alphaIndex{
    position:absolute;
    left:45%;
    margin-left:-13px;
    top:173px;
    display:block;
    float:right;
    background-color:#ffffff;
}

#alphaIndex a{
    display:block;
    background-repeat:no-repeat;
    background-position: 50% 0px;
    float:left;
    width:10px;
    height:8px;
    margin-left:4px;
}

#alphaIndex a span{
    display:none;
}

#referenzen{
	overflow:hidden;
	background-color:#fff;
	height:auto;
}

#referenzgrafik img{
	position:relative;
	float:left;
}

#context{
	margin-top:41px;
	margin-right:18px;
	width:202px !important;
	float:right;
	overflow:hidden;
	
}

#newsletterlist, #newsletterlist ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-left:160px;
}

#newsletterlist ul{
	padding:0px;
	padding-bottom:30px;
}

#context p{
	width:auto;
}

/* Sitemap */

ul.siteMap, ul.siteMap ul{
	list-style-type:none;
}


ul.siteMap ul li{
	background:url(../images/dash.gif) no-repeat left 9px;
	padding-left:15px;
}

/* Sitemap Ende */

#umfrage{
	margin:0px;
	padding:0px;
	margin-top:40px;
}

#umfrage ul{
	list-style-type:none;
	overflow:hidden;
	margin:0px;
	padding:0px;
	margin-top:-10px;
	margin-left:80px;
}

#umfrage ul li{
	float:left;
	margin-right:14px;
}
#umfrage ul li a{
    background-position:0px 0px;
}

#umfrage ul li a:hover{
    background-position:0px -16px;
}

#umfrage ul li a.active{
    background-position:0px -16px;
}

#umfrage p{
   position:relative !important;
	padding-left:10px;
}

#umfrage .page p{
   display:none;
}

#umfrage .page fieldset p{
   display:block;
}

#umfrage .hidden{
	display:none;
}

#umfrage fieldset{
	position:relative;
	clear:both;
	padding:0px;
	margin:0px;
	background: url(../images/line_dotted.gif) no-repeat 0px 0px;
	line-height:auto;
}

#umfrage fieldset fieldset{
	font-weight:bold;
}

#umfrage fieldset.question:hover{
	background-color:#f2efeb;
}

#umfrage fieldset fieldset fieldset{
	background: url(../images/line_dotted_light.gif) repeat-x 0px 0px;
	font-weight:normal;
}

#umfrage fieldset.question{
	text-align:right;
}


#umfrage input, #umfrage label{
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
	line-height:10px;
}

#umfrage input, #umfrage textarea{
	margin-top:8px;
	margin-right:10px;
}

#umfrage textarea{
	width:640px;
	height:60px;
	margin-bottom:20px;
}

#umfrage input[type="text"]{
	width:150px;
	margin-bottom:6px;
}

#umfrage label{
	margin-top:4px;
	padding-right:10px;
}


#umfrage fieldset.question .labelset{
	font-size:9px;
	float:right;
	color:#8f7c71;
}
#umfrage fieldset.question .labelset label{
	width:14px;
	margin-left:4px;
	font-weight:normal;
}

#umfrage fieldset.question .labelset.radio3 label{
	line-height:20px;
	width:140px;
	text-align:left;
	position:relative;
	left:-510px;
	font-size:11px;
	color:#43200c;
}

#umfrage fieldset.question .labelset.radio3 input{
	clear:left;
	line-height:20px;
	float:left;
}

#umfrage fieldset.question .labelset.radio2 label{
	line-height:20px;
	width:140px;
	text-align:left;
	position:relative;
	left:-510px;
	font-size:11px;
	color:#43200c;
}

#umfrage fieldset.question .labelset.radio2 input{
	clear:left;
	line-height:20px;
	float:left;
}


#umfrage fieldset p{
	margin:0px;
	padding:0px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	width:80%;
	white-space:normal;
}

#umfrage fieldset.question p{
	float:left;
	width:70%;
	text-align:left;
	padding-left:26px;
}

#umfrage button{
	margin-top:20px;
	margin-bottom:20px;
}

#umfrage .question .radio1{
	display:none;
}

#umfrage .pos1 .radio1{
	display:inline !important;
	position:absolute;
	top:-20px;
	right:0px;
}