/* @override http://www.cre-aid.de/css/styles.css */

/* @group background */
html{
	padding:0px;
	margin:0px;
}

body {
	font-family: "Trebuchet MS","Arial","MS Sans Serif","Sans Serif";
	margin: 0px;
	padding: 0px;
	font-size:12px;
	line-height:100%;
	color:#000000;
}
	
/* @end */

/* @group html_tags */

p, td, tr, table, input, textarea {
	font-family: "Trebuchet MS","Arial","MS Sans Serif","Sans Serif";
	font-size:12px;
	color:#000000;
}

td, tr, table {
	margin:0px;
    padding:0px;
}

a {
	color:#B90403;	
}

a:hover {
	color:#afafaf;	
}

a:active {
	color:#afafaf;	
}

a:visited {
	color:#B90403;	
}
	
/* @end */

/* @group spezielle_ids */

#hide {
	visibility: hidden;
	display:none;
}

.hide {
	visibility: hidden;
	display:none;
}
	
/* @end */

.grey {
	color: #afafaf;
}

.newstext {
	font-size: 18px;
	color: #B90403;
}

.small {
	font-size: 10px;
	color: #000000;
}

.lin_body1 {
background: #ffffff url(../images/bg.gif) repeat-x left top;
padding:0px;
}

.bg_content {
	background: url(../images/bg1.png) repeat-x 1px top;
    margin:0px;
    padding:0px;
}

.ca_content {
  border-collapse: collapse;
  margin:0px;
  padding:0px;
  height:318px;
  overflow:hidden;
}

.flashcont object{
	margin: 0 auto;
	display:block;
	width: 751px;
	height: 318px;
}


#bg_links, #bg_rechts {
  position: absolute;
  top: 0px;
  width: 50%;
  height: 423px;
}

#bg_links { 
  background: url(../images/bg.gif) repeat-x right; 
  left: 0px; 
  z-index: 1; 
} 

#bg_mitte { 
  position: relative;
  top: 116px; 
  width: 776px; 
  height: 292px;
  margin: auto; 
  z-index: 3; 
  background: url(../images/error.jpg) no-repeat transparent;
} 

#index { 
  position: relative;
  top: 116px; 
  width: 776px; 
  height: 292px;
  margin: auto; 
  z-index: 3; 
  background: url(../images/index.jpg) no-repeat transparent;
}

#bg_mitte1 { 
  position: relative;
  top: 200px; 
  width: 200px; 
  margin: auto; 
  z-index: 3; 
  background: transparent;
} 
#content { 
margin:0px;
padding:0px;
background: url(../images/head.jpg) no-repeat transparent;
} 

#footer { 
height:50px;
margin:0px;
padding:0px;
background: url(../images/footer.jpg) no-repeat transparent;
} 

#bg_rechts { 
  background: url(../images/bg.gif) repeat-x left;
  right: 0px; 
  z-index: 2; 
} 

#message{
	float: right;
	width:320px;
	text-align: center;
	padding:60px 80px 0px 0px;
	Font-size:20px;
	font-weight:bold;
	color: #B90403;
	line-height:20px;
}

#wahl1 {
	float: right;
	width:410px;
	padding:20px 80px 0px 0px;
}

#bitte {
width:190px;
height:20px;
float: left;
margin:150px 0px 0px 70px;
Font-size:20px;
	font-weight:bold;
	color: #B90403;
}

#bg_mitte img {
	float:left;
	padding:45px 0px 0px 45px;

}

.wahl {
	float:left;
}

#buttons {
width:650px;
height: 200px;
float: left;
margin-top:40px;
margin-left:70px;
}

#opt1 a,
#opt2 a,
#opt3 a{
	margin:0px;
	padding-top:21px;
	text-align:center;
	float:left;
	width:200px;
	height:61px;
	background: no-repeat url(../images/button.jpg) transparent;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

#text1, #text2, #text3 {
	display: none;
}

#opt1 a:hover label,
#opt2 a:hover label,
#opt3 a:hover label{
	display: block;
	text-align:left;
	width:210px;
	margin-top:30px;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: #333;
}

.mini {
	font-size:8px;
	vertical-align: text-top;
}

#profil {
	float:left; 
	background: no-repeat url(../images/profil.jpg);
	width:164px;
	height:41px;
}

#profil:hover {
	background: no-repeat url(../images/profil1.jpg);
	width:164px;
	height:41px;
}

#htmlseite {
	float:left;
	background: no-repeat url(../images/htmlseite.jpg);
	width:203px;
	height:187px;
}

#htmlseite:hover {
	background: no-repeat url(../images/htmlseite1.jpg);
}

#flashseite {
	float:left;
	background: no-repeat url(../images/flashseite.jpg);
	width:203px;
	height:187px;
}

#flashseite:hover {
	background: no-repeat url(../images/flashseite1.jpg);
}

/* @group linear */

.lin_body {
background: #ffffff url(../images/bg.gif) repeat-x left top;
padding:0px 0px 0px 5px;
}

#bg_mitte2 { 
 position: relative;
 z-index: 3; 
} 

#links_rund {
float:left; 
margin:115px 0px 0px 0px;
padding:0px;
width: 270px;
height:290px;
background: transparent url(../images/lin_1.jpg) no-repeat left;
} 

#navi li {
	list-style: none;

}

#navi a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-transform: uppercase;
}

#navi {
	float:left;
	width:250px;
	font-size: 14px;
	font-weight: bold;
	margin:140px 0px 20px 0px;
	padding:0px 0px 0px 20px;
}

#navi ul {
	border-top: 1px dotted #666666;
	float:left;
	margin:0px;
	padding:0px;
}

.uleins a{
	margin:0px 15px 0px 0px;
}

#rechts_rund {
float:left; 
margin:115px 0px 0px 0px;
width: 58px;
height:290px;
background: transparent url(../images/lin_3.jpg) no-repeat left;
} 

#flaeche { 
float:left; 
margin:115px 0px 0px 0px;
height:290px;
background: transparent url(../images/lin_2.jpg) repeat-x left;
} 

.projects {
	float:left;
	padding:0px;
	margin:0px;
}
	
.project{
	margin:17px 0px 4px 0px;
	width:710px; 
	height:222px;
	background: #ffffff url(../images/rahmen.gif) no-repeat;
}

.go {
	margin:17px 0px 4px 0px;
	width:205px; 
	height:222px;
}

.project1{
	float:left;
}

#flaeche p{
margin:0px 0px 0px 60px;
color: #333;
}

.no_a, .no_a a:hover, .no_a a:active, .no_a a:visited {
	text-decoration: none;
	color: #000;
}

.news1{
	margin:25px 20px 0px 10px ;
	float:left;
	width:400px;
	height:200px;
	font-size:12px;
	overflow: auto;
}

.news1 .newstext{
	font-size:13px;
}

.news1 img {
display:none;
}

#data{
	margin:0px 0px 0px 25px;
}

#agb{
	margin:40px 0px 0px 25px;
}


#data img {
vertical-align:middle;	
}

#feedback {
	margin:19px 0px 0px 0px;
	padding:0px;
}

.adresse {
	float:left;
	width:250px;
	margin:40px 0px 0px 0px ;
	padding:10px 0px 0px 10px;
	font-size:10px;
	height:230px;
	background: url(../images/visiten_creaid.gif) no-repeat left top;
}

.kontakt {
	margin:20px 0px 0px 0px ;
	float:left;
}

.adresse b{
font-size:12px;
}

fieldset {
width:290px;
margin:0px;
float:left;
border:none;
border-top: 1px dotted #666666;
}

legend {
font-size:14px;
font-weight: bold;
color: #B90403;
background:#fff;
}


.left {
 float: left;
 text-align:   right;
 width:90px;
 color: #afafaf;
 margin:4px 10px 0px 0px;
 padding:0px;
}

input {
	margin:2px 0px 2px 0px;
	padding:0px;
	float:left;
	}

textarea {
width: 180px;
height: 90px;
float:left;
}

table textarea {
width: 400px;
height: 200px;
float:left;
}

table i {
clear:left;
float:left;
}

#name, #email, #betreff{
		width: 180px;
		height:20px;
}

.submitbutton {
	margin:15px 0px 0px 0px;
	float:right;
}

#feedback br {
 clear: both;
}
/* @end */