@charset "utf-8";
/* CSS Document */
html{
	height:100%;
}

body {
	margin: 0px;
}

.rot {
	color:#F00;
	margin-left: 20px;
	font-size: 10px;
	font-family:Verdana, Geneva, sans-serif;
}

.textschwarz {
	color:#000000;
	margin-left: 20px;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
}

#container {
	position: relative;
	border:0px solid;
	border-color:#666;
	width: 968px;
	height: 549px;
	top: 10px;
	text-align:left;
	margin:auto;
	left: 0px;
}
#balken {
	position: relative;
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	margin: 0px 20px 0px 0px; /* oben rechts unten links */
	left: 20px;
	top: 0px;
	width:170px;
	height: 539px;
	background-color: #eff0f0;
	float:left;
}
#logo {
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	background-image: url(../pics/logo_klein.gif);
	width: 33px;
	height: 33px;
	
}
#logounten {
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	margin: 5px 0px 0px 18px; /* oben rechts unten links */
	background-image: url(../pics/logo_unten2.gif);
	width: 145px;
	height: 29px;
}
:root #logounten {
	padding: 0px; /* oben rechts unten links */
	background-image: url(../pics/logo_unten2.gif);
	width: 145px;
	height: 29px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	float: left;
}
#logounten_portfolio {
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	margin: 5px 0px 0px 18px; /* oben rechts unten links */
	background-image: url(../pics/logo_unten2.gif);
	width: 145px;
	height: 29px;
	float: left;
}

#slogan {
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	margin: 391px 0px 0px 18px; /* oben rechts unten links */
	float: left;
}


#slogan_portfolio {
	padding: 0px; /* oben rechts unten links */
	margin-top: 268px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	float: left;
}

#header {
	position: relative;
	background-image:url(../pics/header.jpg);
	background-repeat:no-repeat;
	margin: 0px; /* oben rechts unten links */
	padding: 0px; /* oben rechts unten links */
	width: 680px;
	height: 51px;
	top: 0px;
	left: 20px;
	float:left;
}
/*--------------------------
	TOPNAVIGATION
--------------------------*/
#topnavig {
	position: relative;
	left:20px;
	padding: 5px 15px 5px 15px; /* oben rechts unten links */
	top:1px;
	width:650px;
	height: 18px;
	background-color: #515253;
	/* background-image:url(../pics/bglinks.jpg);*/
	float:left;
}

ul#navig {
    margin: 0; padding: 0.3em;/* 0.8em */
    text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
    border: 0px solid black;
    background-color: #515253;
  }
  ul#navig li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

  ul#navig a, ul#navig span {
    float: left;  /* width: 6em */
    margin: 0.0em; padding: 0.0em 0em;/* margin: 0.4em; padding: 0.2em 1em */
    text-decoration: none; font-weight: bold;
    border: 0px solid black;
    color: #ffffff; background-color: #515253;
  }
  * html ul#navig a, * html ul#navig span {  /* Korrektur fuer IE 5.x */
    width: 8em;
    w\idth: 6em;
  }
  ul#navig a:hover, ul#navig span {
	border-color: white;
	color: #cc3333;
	background-color: #515253;
  }
  ul#navig div {
     clear: left;
  }



/* ENDE TOPNAVIGATION */
#naviglinks {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 170px;
	top: 52px;
	left: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#navigfeld{
	position: relative;
	background-color:#c9252b;
	margin: 0px; /* oben rechts unten links */
	padding: 6px 8px 2px 2px; /* oben rechts unten links */
	width: 160px;
	height: 20px;
	top: 0px;
	left: 0px;
	color:#FFFFFF;
	text-transform: none;
		text-align: right;
	font-size: 12px;
	font-weight: bold;
	float:left;

}
#navigfelder{
	position: relative;
	border-bottom:solid 1px #333;
	margin: 0px; /* oben rechts unten links */
	padding: 4px 8px 0px 2px; /* oben rechts unten links */
	width: 160px;
	top: 0px;
	left: 0px;
	font-size: 10px;
	text-align: right;
	text-transform:none;
	font-weight: bold;
	float:left;
}
#navigspruch{
	position: relative;
	border-bottom:solid 0px #333;
	margin: 0px; /* oben rechts unten links */
	padding: 4px 8px 0px 2px; /* oben rechts unten links */
	width: 160px;
	top: 0px;
	left: 0px;
	font-size: 10px;
	text-align: right;
	text-transform:none;
	font-weight: normal;
	float:left;
}
a.aktiv			{text-decoration: none; color:#000; cursor: pointer;}
a.aktiv:link    {text-decoration: none; color:#000; cursor: pointer;}
a.aktiv:visited {text-decoration: none; color:#000; cursor: pointer;}
a.aktiv:active  {text-decoration: none; color:#cc3333; cursor: pointer;}
a.aktiv:hover   {text-decoration: none; color:#fff; cursor: pointer; background-color: #c9252b; 	height: 16px; padding: 2px 2px 2px 2px; /* oben rechts unten links */}



#bereichoben {
	position: relative;
	left:20px;
	/* padding: 5px 5px 5px 5px; oben rechts unten links */
	top:20px;
	width:678px;
	height: 137px;
	border:#000 solid 1px;
	/* background-image:url(../pics/bglinks.jpg);*/
	float:left;
}
#bereichobenleer {
	position: relative;
	left:20px;
	/* padding: 5px 5px 5px 5px; oben rechts unten links */
	top:20px;
	width:678px;
	height: 137px;
	border:#000 solid 0px;
	/* background-image:url(../pics/bglinks.jpg);*/
	float:left;
}
#bereichmitte {
	position: relative;
	/* padding: 5px 5px 5px 5px; oben rechts unten links */
	/* margin: 0px 10px 0px 10px; oben rechts unten links */
	left:20px;
	top:30px;
	width:678px;
	height: 137px;
	border:#000 solid 1px;
	/* background-image:url(../pics/bgmitte.jpg);*/
	float:left;
	text-align: left;
}
#bereichunten {
	position: relative;
	/* padding: 5px 5px 5px 5px;  oben rechts unten links */
	left:20px;
	top:40px;
	width:678px;
	height: 137px;
	border:#000 solid 1px;
	/* background-image:url(../pics/bgrechts.jpg);*/
	float:left;
}
#bereich1unten {
	position: relative;
	/*padding: 5px 5px 5px 5px;  oben rechts unten links */
	left:484px;
	top:40px;
	width:215px;
	height: 62px;
	border:#000 solid 0px;
	padding-top: 75px;
	/* background-image:url(../pics/bgrechts.jpg);*/
	float:left;
}
#bereich2unten {
	position: relative;
	/*padding: 5px 5px 5px 5px;  oben rechts unten links */
	left:409px;
	top:50px;
	width:290px;
	height: 87px;
	border:#000 solid 0px;
	padding-top: 0px;
	/* background-image:url(../pics/bgrechts.jpg);*/
	float:left;
	text-align: right;
}
#bereichuntenleer {
	position: relative;
	/* padding: 5px 5px 5px 5px; oben rechts unten links */
	left:20px;
	top:40px;
	width:678px;
	height: 137px;
	border:#000 solid 0px;
	/* background-image:url(../pics/bgrechts.jpg);*/
	float:left;
}
#bereichkontakt {
	position: relative;
	left:20px;
	/* padding: 5px 5px 5px 5px; oben rechts unten links */
	top:20px;
	width:678px;
	height: 237px;
	border:#000 solid 1px;
	/* background-image:url(../pics/bglinks.jpg);*/
	float:left;
}
#bereichkontakt_gross {
    border: 1px solid #000000;
    float: left;
    height: 237px;
    left: 20px;
    overflow: auto;
    padding-bottom: 0;
    padding-left: 5px;
    padding-top: 0;
    position: relative;
    top: 20px;
    width: 672px;
}
h1 {
	font-size:16px;
}
h2 {
	font-size:13px;
}
#bereich_impressum_unten_rechts  {
	position: relative;
	/*padding: 5px 5px 5px 5px;  oben rechts unten links */
	left:100px;
	top:50px;
	width:250px;
	height: 87px;
	border:#000 solid 0px;
	padding-top: 0px;
	/* background-image:url(../pics/bgrechts.jpg);*/
	float:left;
	text-align: right;
}
#bereich_impressum_unten{
	position: relative;
	/*padding: 5px 5px 5px 5px;  oben rechts unten links */
	left:120px;
	top:50px;
	width:350px;
	height: 87px;
	border:#000 solid 0px;
	padding-top: 0px;
	/* background-image:url(../pics/bgrechts.jpg);*/
	float:left;
	text-align: right;
}
.text{
	font-size: 11px;
	color: #999;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;

}
.textbold{
	font-size: 11px;
	color: #999;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: normal;

}

.textrot{
	font-size: 11px;
	color: #cc3333;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;

}

.textboldrot{
	font-size: 11px;
	color: #cc3333;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: normal;

}

.textweiss{
	font-size: 12px;
	color: #fff;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	text-align: left;
	font-weight: normal;

}
.texth1weiss{
	font-size: 12px;
	color: #fff;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	text-align: right;
	text-transform:uppercase;

}
.texth2weiss{
	font-size: 11px;
	color: #fff;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight:bold;
	text-align:left;

}
a {

	color:#c9252b;
    Cursor: pointer;
	cursor: url(freiraum.cur), auto;
	text-decoration:none;

}

a:hover {

	text-decoration:none;
	Cursor: pointer;
	cursor: url(freiraum.cur), auto;

}
.text_kontakt {
	font-size: 10px;
	color: #000000;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	text-align: right;
	font-weight: normal;
	text-transform: uppercase;
}

INPUT {

	BORDER-TOP: #eff0f0 1px solid; 
	BORDER-LEFT: #eff0f0 1px solid; 
	BORDER-RIGHT: #eff0f0 1px solid; 
	BORDER-BOTTOM: #eff0f0 1px solid; 
	WIDTH: 130px; 
	HEIGHT: 18px;
	COLOR: #000000; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	Font-size: 11px; 
	LINE-HEIGHT: 14px; 
	BACKGROUND-COLOR: #FFFFFF; 

}

TEXTAREA {

	BORDER-TOP: #eff0f0 1px solid; 
	BORDER-LEFT: #eff0f0 1px solid; 
	BORDER-RIGHT: #eff0f0 1px solid; 
	BORDER-BOTTOM: #eff0f0 1px solid; 
	WIDTH: 532px; 
	HEIGHT: 130px; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	Font-size: 11px; 
	LINE-HEIGHT: 14px; 
	BACKGROUND-COLOR: #FFFFFF; 

}

 .button
 {
	background-color: #ffffff;
	color: #999;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	TEXT-TRANSFORM: uppercase;
	font-size: 10px;
	height: 18px;
	width: 150px;
	cursor: pointer;
	cursor: url(freiraum.cur), auto;
	border: 1px outset #eff0f0;
 }