@import url("navigation.css");

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

body {
font-family : Century Gothic, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
background-image: url(images/bg_body.gif)
}

* {
margin: 0;
padding: 0;
font-size: 13px;
}

#navi {
width: 280px;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
}

#logo {
position: absolute;
top: 140px;
left: 12px;
/*margin: 28px 0px 25px 12px;*/
}

#logo a img {
margin: 0px 0px 7px 0px;
}


#content {
position: absolute;
left: 284px;
top: 0;
width: 690px;
}

#content ul {
list-style-type: none;
list-style-image: url(images/liststyletype.gif);
margin: 10px 0px 10px 30px;
line-height: 20px;
font-size: 13px;
}

.bulletpoint{
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
padding: 2px 0px 0px 25px;
background-position: left;
}

.redtext {
color: #f00; 
font-weight: bold;
}

.redtextbig {
color: #f00; 
font-weight: bold;
font-size: 25px;
}


/*--- grundelemente, typografie ----*/	

a { color: #c00; text-decoration: none }
a:hover { color: #f00; text-decoration: underline }

a img {border: none;}

p {
font-size: 13px;
line-height: 20px;;
margin: 10px 0px 10px 10px;
	}
	
h1 {
font-size: 25px;
background-color: #7F7F7F;
color: #fff;
padding: 3px 0px 4px 0px;
margin-top: 110px;
font-weight: bold;
text-align: center;
}

h1.zwei {
margin-top: 81px;
}

h1.drei {
margin-top: 52px;
}

h2 {
font-size: 20px;
font-weight: bold;
line-height: 29px;
margin: 10px 0px 10px 10px;
}

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

table  {
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0 }

th  {
font-weight: bold;
text-align: left;
padding: 0;
margin: 0;
	}
td  {
padding: 0;
margin: 0;
vertical-align: top;
  	}
tr  {
padding: 0;
margin: 0;
  	}
img	{border: 0;}

/*---- kontaktformular -----*/

form {
margin: 20px 0px 0px 0px;
}

input, textarea {
border: 1px solid #7F7F7F;
margin: 0px 0px 5px 10px;
width: 200px;
padding: 2px 0px 3px 4px;
font-size: 12px;
font-family: Arial;
height: 21px;
 }

textarea {
height: 100px;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
border: 1px solid #2F2F2F
}

#vor_zurueck {
position: absolute;
top: 480px;
}

#lang {
	margin: 8px 0 0 13px;
}
/*---- fuer klapp-nav -----*/
.hide {display: none}
#personal {
position:absolute;top:-500px
}

a.mandate {
position: absolute;
right: 0;
margin: 0 5px 0 0;
}

/* =layout kooperation
--------------------------------------------------------------- */
.box-wrapper {
	margin: 0 0 26px 0;
	zoom: 1;
	}
.box-wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.right,
.left {
	border: 2px solid #ff0101;
	padding: 10px;
	width: 310px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	}
.right {
	float: right;
	}
.left {
	float: left;
	}
.content {
	width: 690px;
	margin-left: 283px;
	}


/* =content
--------------------------------------------------------------- */
.box-wrapper .title {
	color: #ff0101;
	font-weight: bold;
	}
.box-wrapper img {
	float: left;
	margin: 0 10px 0 0;
	}
.box-wrapper address {
	font-style: normal;
	font-size: 12px;
	}