/* 
    Cascading Style Sheet interkultur-wuppertal.de 
    c 2007 cinopsis.de  |  Rieder und Tykwer GbR
*/

html {
    	background-color: #fffff2;
    	margin: 0 0 0 0;
    	padding: 0 0 0 0;
    	scrollbar-base-color: #fffff2;
    	scrollbar-arrow-color: #666666; 
    	scrollbar-face-color: #fffff2;
	scrollbar-highlight-color: #fffff2;
	scrollbar-3dlight-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-darkshadow-color: #fffff2;
	scrollbar-track-color: #fffff2;  
}

body {
	font-family: "Trebuchet MS", lucida, helvetica, arial , sans-serif;
	font-size: 80%;
    	text-align: center;
}

#container {
	width: 760px;
	margin: 20px auto;
    	text-align: left;
}

#top_left_start {
	float: left;
	height: 40px;
	width: 340px;
	text-align: center;
	padding: 8px;
	background-color: #99C4D5;
	border-bottom: 4px solid #fffff2;
	border-left: 1px solid #645324;
	border-top: 1px solid #645324;

}

#top_right_start {
	float: right;
	height: 40px;
	width: 400px;
	text-align: right;
}


#pixel_bar {
	width: 760px;
	height: 110px;
}


#content_start {
	margin-top: 2px;
	width: 560px;
	height: 400px;
	background-color: #fffff2;
	float: right;
	border-right: 1px solid #645324;
	overflow: auto;    
}

#menu {
	font-size: 116%;
	float: right;
	width: 410px;
	background-color: #99C4D5;
	padding: 12px;
	border-top: 1px solid #645324;
	border-bottom: 6px solid #fffff2;
}

#menu a:link, #menu a:visited, #menu a:active {
	background-color: #99C4D5;
	padding: 8px;
	text-decoration: none;
	color: #000000;
}

#menu a:hover {
	background-color: #645324;
	padding: 8px;
	text-decoration: none;
	color: #fffff2;
}

#menu .selected {
	padding: 8px;
	border-top: 5px solid #C5664A;
}

#main_frame {
	margin-top: 30px;
	padding: 10px;
	color: #000000;
}

#main_frame_text_left {
	float: right;
	font-size: 92%;
    	text-align: right;


}

#main_frame a:link, #main_frame a:visited, #main_frame a:active {
	text-decoration: none;
	color: #000000;
}

#main_frame a:hover {
	text-decoration: underline;
}


#main_frame_start {
	margin-top: 30px;
	padding: 10px;
	color: #000000;
}

#main_frame_text_left {
	float: right;
	font-size: 92%;
    	text-align: right;
}

#main_frame_text_left2 {
	float: right;
	font-size: 92%;
    	text-align: right;
}

#main_frame_start a:link, #main_frame_start a:visited, #main_frame_start a:active {
    	text-align: left;
	color: #645324;
	font-size: 120%;
	font-weight: bold;
    	letter-spacing: 0.05em;
	text-decoration: none;

}

#main_frame_start a:hover {
	text-decoration: underline;
}



#left_col_start {
	font-size: 92%;
	width: 160px;
	height: 400px;
	color: #fffff2;
	padding: 4px;
	background-color: #645324;
    	background-image: url(../logos/flyer.jpg);
    	background-position: bottom center;
    	background-repeat: no-repeat;
	border-bottom: 10px solid #645324;
}

#left_col_start a:link, #left_col_start a:visited, #left_col_start a:active {
	text-decoration: none;
	color: #fffff2;
    	padding-left: 3px;
	border-left: 4px solid #645324;
}

#left_col_start a:hover {
	color: #fffff2;
	border-left: 5px solid #eaeaea;
}

#left_col_start .selected {
	text-decoration: none;
    	padding-left: 3px;
	border-left: 5px solid #99C4D5;
}

.left-float {
    	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.right-float {
    	float: right;
	margin: 0px 20px 5px 11px;
}

p {
    	margin: 0 0 0 0px;
}

h1 {
	padding: 4px;
	font-size: 120%;
	font-weight: bold;
	color: #fffff2;
    	margin-left: 5px;
    	margin-top: 12px;
    	margin-bottom: 30px;
    	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99C4D5;
}

h2 {
    	padding: 4px;
	font-size: 120%;
	font-weight: bold;
	color: #fffff2;
    	margin-left: 5px;
    	margin-top: 30px;
    	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #99C4D5;
}

#left_col_start h2 a:link, #left_col h2 a:visited, #left_col h2 a:active {
	text-decoration: none;
	color: #fffff2;
    	border-left: 1px solid #645324;
}

#left_col_start h2 a:hover {
	color: #ddd;
    	border-left: 1px solid #645324;
}

h3 {
    	text-align: left;
	color: #645324;
	font-size: 120%;
	font-weight: bold;
    	letter-spacing: 0.05em;
}


h4 {
    	text-align: left;
	color: #000000;
	font-size: 135%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
    	letter-spacing: 0.05em;
}

#cutter {
    	margin-top: 18px;
    	margin-bottom: 25px;
	border-bottom: 1px solid #645324;
	width: 482px;
    	align: center;
}

#footer {
	background-color: #99C4D5;
	width: 760px;
	color: black;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
    	padding: 5px;
	border-top: 2px solid #fffff2;
	border-bottom: 2px solid #fffff2;
	clear:both;
}

#footer a:link, #footer a:active, #footer a:visited {
    	text-decoration: none;
	color:#000000;
}

#footer a:hover {
    	text-decoration: underline;
}

.cl {
	clear:both;
}