/*
	CSS - Positionierung, Allg. Angaben, Groessen, Formulare
	koentra.de
	April 2008
	copyright by koentra.de und ditnetwork.de
*/

@import url(color.css);
@import url(menu.css);
@import url(web2008_referenzen.css);
@import url(news.css);

.warning {
position: absolute;
left: -4000px;

}
#welcome .warning {
position:absolute;
top:15px;
left:15px;
width:200px;
height:60px;
color:red;
font: 12px Courier, Arial, Helvetica, sans-serife;
z-index:100;
background-color:#E3ECB9;
}
#welcome .warning A {
color:blue;
text-decoration:underline;
}
body {
	margin:0;
	padding:0;
	font: 78%  Helvetica, Verdana, Geneva, Arial, sans-serif;
	color:#000;
	position:absolute;
width:100%;
}

html{
height:100.1%;
}

* {padding:0; margin:0;}

/* Kopf Bild b:223px h:306
variert mit jeder Seite*/

h1.title {
position: absolute;
left: -4000px;

}

.skip {
 position: relative;
 left: -9999em; 
 width: 20em;
}



.logo {
	background: #E3ECB9 url(/fileadmin/vorlagen/images/koentra_willkommen.jpg) no-repeat left 75px;
	height:306px;
	width:223px;
position: absolute;
top:0;
left:0;
}

.logo a {
	display:block;
	background: #E3ECB9 url(/fileadmin/voralgen/images/koentra_willkommen.jpg) no-repeat left 75px;
}



.logo h1 {
	text-indent: -3000px;
	padding:0;
	margin:0;
float:left;
}

.bspimg {
position:absolute;
top:0;
left:223px;
padding: 0 0 0 10px;
height:306px;
width:800px;
float:left;
z-index: 1;
background-color: #fff;
}


#hp {
height:100%;
min-height:100%;
background-color:#fff;
}

#main{
position:relative;
top:316px;
padding-left:223px;
height:100%;
min-height:100%;
}

.middle {
width:790px;

min-height:530px;
padding: 0px 0 0 10px ;
}

.content {
width:600px;
padding:0 0 15px 0;
}




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

.left ul {
padding: 10px 0 0 25px;
}

.left li {
list-style: none;
}

.fm{
position:absolute;
top:480px;
text-align:center;
}

.footer-menu {
}
.footer-menu li {
float:left;
list-style-type: none;
}
.footer-menu li A{
font: 0.8em  Helvetica, Verdana, Geneva, Arial, sans-serif;
}


/* #################
#
#  Inhalt
#
####################*/
.content {padding: 15px 10px;}

.content ul {
padding:0 0 0 25px;
line-height:1.4em;
} 

p.bodytext {
line-height:1.4em;
}

/* #######################
#
#   Groessen Angaben 
#
#########################*/

.left h1 {padding: 10px 0 5px 0;}

h1 {font:bolder 1.2em Helvetica, Verdana, Geneva, Arial, sans-serif; padding: 10px 0;}
h2 {font: 1.1em Helvetica, Verdana, Geneva, Arial, sans-serif; padding: 8px 0;}
h3 {font: 1em Helvetica, Verdana, Geneva, Arial, sans-serif; padding: 6px 0;}



/* #################
#  Text Felder Input Kontaktseiten
##################*/

.tx_sremailsubscribe_pi1 {
	padding-top:25px;
}

textarea {
	font-family: courier,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: #000000 1px solid;
	background-color: #F9F9F9;
	color: #333333;
}


input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: #000000 1px solid;
	background-color: #F9F9F9;
	color: #333333;
	margin-bottom:4px;
}
.csc-mailform, fieldset{
	border:none;
	padding-top:10px;
}


label{
	display: block;
	float:left;
	width: 150px;
}