/*#############################################################

Date: 2009-05-24

Description: css-styles for AWO BV OBB e.V. || www.awo-demenz-verstehen.de

Author: Tarik Zietelmann

URL: http://www.commwork.de

#############################################################*/



/***** Global Settings *****/

 

html {

	height: 100%;
	
	overflow: auto;

}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#FDFDFF;
	background-image:url(../img/bg_site01.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-attachment:fixed;
	font-family: Arial, Verdana, sans-serif;
}
 
/*
body {

	height: 100%;
	
	margin: 0;
	
	padding: 0;
	
}
*/
 

/***** Headings *****/

 

h1, h2, h3, h4, h5, h6 {

	margin:0;
	
	padding:0;
	
	font-weight:normal;

}

 

h1 {

	padding:0 0 25px 0;
	
	letter-spacing:-1px;
	
	font-size:1.5em;
	
	font-weight: bold;
	
	color: #C11622;

}

 

h2 {

	padding: 0px 0px 10px 0px;
	
	font-size:1.1em;
	
	font-weight: bold;

	float: left;
	
	width: 780px;

	color: #C11622;

}

 

h3 {

	font-size:1em;
	
	font-weight:bold;

	padding: 0px 0px 3px 0px;
	
}


 

h4 {

	margin:0;
	
	padding:0;
	
	font-weight:normal;

}

 

/***** Common Formatting *****/




 

p, ul, ol {

	margin:0;
	
	padding:0 0 1.25em 0;

}

 

ul, ol {

	padding:0 0 1.25em 2.5em;

}

 

blockquote {

	margin:1.25em;
	
	padding:1.25em 1.25em 0 1.25em;

}

 

small {

	font-size:0.85em;

}

 

img {

	border:0;

}

 


 

/***** Links *****/


/***** Tables *****/

 

table {

	border:0;
	
	margin:0 0 1.25em 0;
	
	padding:0;

}

 

table tr td {

	padding:2px;

}

 

/***** Wrapper *****/

 

#wrap {

	width:960px;
	
	margin:0 auto;

}

 

/***** Global Classes *****/

 

.clear         { clear:both; }

.float-left    { float:left; }

.float-right   { float:right; }

 

.text-left     { text-align:left; }

.text-right    { text-align:right; }

.text-center   { text-align:center; }

.text-justify  { text-align:justify; }

 

.bold          { font-weight:bold; }

.italic        { font-style:italic; }

.underline     { border-bottom:1px solid; }

.highlight     { background:#ffc; }

 

.wrap          { width:960px;margin:0 auto; }

 

.img-left      { float:left;margin:4px 10px 4px 0; }

.img-right     { float:right;margin:4px 0 4px 10px; }

 

.nopadding     { padding:0; }

.noindent      { margin-left:0;padding-left:0; }

.nobullet      { list-style:none;list-style-image:none; }

 
/*______________________________________________________________________*/

/***** Divīs *****/
#flashcontent {
	width: 100%;
	height: 100%;
}

#alternateContent {
	width: 630px;
	margin: 0;
	padding:0 30px 0 0;
	position:absolute;
	
	
	background-color:#FDFDFF;
	style = filter: alpha(opacity=90); /* IE */
	-moz-opacity: 0.90; /* Mozilla */
	opacity: 0.90; /* Opera */
}

#copy {
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 1.25em;
	float: left;
	width: 600px;
	padding: 0px 0px 30px 0px;
}

#copy a{
	color: #C11622;
	text-decoration: undeline;
}

#copy a:hover, a:active{
	color: #FFFFFF;
	text-decoration: none;
	background-color:#C11622;
}

#zentrum {
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 1.25em;
	float: left;
	width: 600px;
	padding: 0px 0px 10px 0px;
}

#zentrum a{
	color: #000000;
	text-decoration: none;
}

#zentrum a:hover, a:active{
	color: #FFFFFF;
	text-decoration: none;
	background-color:#C11622;
}



#content {
	width: 600px;
	padding: 50px 0px 0px 30px;
}

#nav {
	width: 200px;
	height: 200px;
	margin: 0px 0px 0px 0px;
	color: #FF0000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	float:left;
}

#header {
	width: 137px;
	height: 250px;
	margin: 0;
	padding: 0;
	float:right;
}

#nav ul li {
	width: 200px;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	background: url(../img/navi_arrow.gif) no-repeat;
	list-style: none;
}

#nav ul li a{
	color: #000000;
	text-decoration: none;
	padding: 0px 0px 0px 5px;
	display: block;
}

#nav ul li a:hover, a:active{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #C11622;
}