@import 'reset.css';

body {
	font-family: Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 15px;
	margin: 0;
	padding: 0;
	background-color: #ccc;
	background-image:url(images/back.gif);
	background-repeat:repeat-x;
}
/*general*/
p	{
	margin:	10px 0;
	}	
	
img.alignnone
	{
	margin-left: 3px;
	}

a:active, a:focus { 
	outline:0;
	color:#000;
	}
	
a	{
	color: #042556;
	text-decoration: underline;
	}
	

/*headlines*/		
h1 {
	font-size:16px;
	line-height: 19px;
	font-weight: 600;
	margin-bottom: 14px;
	margin-top: 38px;
	color:#000;
	}

h2 {
	font-weight: bold;
	font-size: 12px;
	color: #03B6D0;
	border-bottom: #03B6D0 1px solid;
	margin-top: 10px;
	}

h2 a{
	text-decoration: none;
	color: #03B6D0;
	}


ul	{
	list-style-image: url(images/listenpunkt.gif);
	margin: 10px 0 0 20px;
	}
	
ul li
	{
	margin: 2px 0 0 0px;
	}
	
	
	
.skip_navi {
	color: #CDCDCD;
	position: absolute;
	
	}
	

#content {
	width: 501px;
	position:relative;
	float: left;
	}

#content_outer {
	background-color: #ccc;
	position:absolute;
	overflow: auto;
	}




/* Navigation */

#links {
	position: relative;
	float: left;
	width: 272px;
	height: 580px;
	background-color: #ccc;
	}	
	
#links img {
	display: block;
	}
	
#prim_navi, #navi_bottom {
	list-style: none;
	text-align: right;
	position: absolute;
	right: 19px;
	width: 150px;
	}
	
#navi_bottom {
	bottom: 0;
	}
	
#prim_navi li, #navi_bottom li {
	display: block;
	margin-bottom: 13px;
	}

#prim_navi li a, #navi_bottom li a {
	height: 23px;
	font-weight: bold;
	padding-left: 20px;
	text-decoration: none;
	color: #000;
	}
	
#navi_bottom li a {
	color: #6f7070;
	}
	
#prim_navi li a:hover, #navi_bottom li a:hover {
	background: url(images/navi/prim_navi_arrow.gif) -5px no-repeat;
	}
	
#prim_navi li.current_page_item a, #navi_bottom li.current_page_item a, #prim_navi li.current_page_parent a {
	background: url(images/navi/prim_navi_arrow.gif) -5px no-repeat;
	}






/*Navigation with Colorfields on top*/

#farbcode {
	margin-left:3px;
	height: 20px;
	padding-top:66px;
	background: #ccc;
	}
		
#farbcode a {	
	width: 36px;
	height: 17px;
	display: block;
	float: left;
	margin-right: 3px;
	border-width: 1px;
	border-style: solid;
	}

#farbcode a.pf {
	width: 37px;
	}
				

	
#suche {
	display: block;
	margin-top: 28px;
	margin-bottom: 15px;
	}
	
#neues {
	margin-top: 53px;
	}
	
	
#koeln_logo {
	float:left;
	}

#blau {background-color: #6EA5E6; border-color: #6EA5E6;}
#gelb {background-color: #FCE315; border-color: #FCE315;}
#gruen {background-color: #55B307; border-color: #55B307;}
#violett {background-color: #8B4CFF; border-color: #8B4CFF;}
#rot {background-color: #F64269; border-color: #F64269;}
#orange {background-color: #FB9107; border-color: #FB9107;}
#rosa {background-color: #E9629C; border-color: #E9629C;}
#dunkelgruen {background-color: #3E6127; border-color: #3E6127;}
#hellrosa {background-color: #FAC0F3; border-color: #FAC0F3;}
#dunkelblau {background-color: #1526D8; border-color: #1526D8;}

#farbcode a.color_hover, .blank {
	border: #fff 1px solid; 
	background-color: #ccc;
	}	
	
#image_flips {	
	clear: both;
	background:#DEDEDE;
	padding: 3px 0 0 3px;
	overflow: hidden;
	/width: 498px;
	}


#image_flips div {	
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	}											
#image_flips.transparenz a {
	filter:alpha(opacity=100); -moz-opacity:1;
	}				
#image_flips img {
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	display: block;
	width: 80px;
	height: 80px;
	text-decoration: none;
	}
	
#image_flips a {
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	display: block;
	width: 80px;
	height: 80px;
	text-decoration: none;
	}

#image_flips a.selected, #image_flips a:hover, #image_flips a.image_flip_hover { 
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	}



/* Forms */

label { font-weight: bold; }


/* Fieldsets */
fieldset    { }
legend      { font-weight: bold; font-size:1.2em;}

/* Text fields */
input.text, input.title, .inputbox  { height: 12px; width: 100px; border:1px solid #bbb; 
										background:#f6f6f6;}
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
.button					{width: 100px;font-size: 1em;}
#form-login-remember .inputbox {width: 12px;}
/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }