/*********************************************************************************

	Project		:	IPP Bremen
	Copyright	:	WEDOSYS webDesign - www.wedosys.de

**********************************************************************************/

body, html {
	margin:0px;
}
html {
	min-height: 99%;
	margin-bottom: 1px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#efefef;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd {
	margin:0px;
	padding:0px;
}

a:link,
a:visited {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	color:#FF8000;
	text-decoration:underline;
}

.all {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
}

.all_inh {
	position:relative;
	top:0px;
	left:0px;
	width:977px;
	margin:auto;
}

#ko_be {
	width:977px;
	height:160px;
	background-image:url(gif/bg-kopf-neu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#ko_be .d1 {
	float:left;
	width:200px;
	height:150px;
	margin:0 0 0 15px;
}

#ko_be .d2 {
	float:left;
	width:747px;
	height:150px;
	margin:0 15px 0 0;
}

#ko_be .d3 {
	width:309px;
	height:100px;
	margin:0 269px 0 0;
	float:left;
}

#ko_be .d5 {
	width:169px;
	height:100px;
	float:left;
}

#ko_be .d4 {
	float:left;
	width:566px;
	height:50px;
	background-color:#FF8000;
}

#ko_be h1 {
	color:#FFFFFF;
	font-size:24px;
	text-align:left;
	padding:11px 0 0 10px;
	letter-spacing:2px;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#ko_be #t_men {
	clear:both;
	width:947px;
	height:25px;
	background-color:#CCC;
	margin:0 15px 0 15px;
}

#ko_be #t_men ul {
	margin:0px;
	padding:0 0 0 210px;
	list-style-type:none;
}

#ko_be #t_men li {
	float:left;
	padding:5px 20px 0 0;
}

#ko_be #t_men a:link,
#ko_be #t_men a:visited {
	color:#000000;
	text-decoration:none;
}

#ko_be #t_men a:hover {
	color:#000000;
	text-decoration:underline;
}

.con_be {
	float:left;
	width:977px;
	background-image:url(gif/bg-all.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

.links {
	float:left;
	width:200px;
	text-align:left;
	margin:0 0 0 15px;
}

.mitte {
	float:left;
	width:547px;
	text-align:left;
}

#rechts {
	float:left;
	width:205px;
	text-align:left;
	padding:0px;
}

#rechts .ul-1 {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#rechts .ul-2 {
	margin:0px;
	padding:2px 0 0 0;
	list-style-type:none;
}

#rechts .li-1 {
	margin:0px;
	padding:0 0 15px 0;
	line-height:125%;
}

#rechts .li-1-1 {
	margin:10px 0 0 0;
	padding:0 0 15px 15px;
	line-height:100%;
	background-image:url(gif/bull-1.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-weight:bold;
}

#rechts .li-2 {
	margin:0px;
	padding:0px;
	line-height:125%;
}

.clb {
	clear:both;
}

#footi {
	clear:both;
	width:977px;
	height:38px;
	background-color:#efefef;
	background-image:url(gif/u-ab.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#footi p {
	text-align:right;
	padding:15px 18px 0 0;
	color:#A3A3A3;
	font-size:9px;
}

#footi a:link,
#footi a:visited {
	color:#A3A3A3;
	text-decoration:underline;
}

#footi a:hover {
	color:#FF8000;
	text-decoration:underline;
}

#conipp {
	padding:0 10px 0 10px;
}

#conipp h1 {
	font-size : 1.6em;
	font-weight: lighter;
	color: #888;
	line-height: 150%;
}

#conipp h2 {
	color : #666;
	margin : 1em 0 0em 0;
	line-height : 140%;
	font-weight:bold;
	font-size: 1.4em;
}

#conipp h3 {
	color : #333;
	font-size : 1.4em;
	line-height : 120%;
	margin:1em 0 0 0;
	font-weight: normal;
}

#conipp h4 {
	color: #666;
	margin:1em 0 0 0;
	font-size : 1em;
	font-weight:bold;
}

#conipp h5 {
	color : #000;
	font-size : 1em;
}

#conipp p {
	line-height:150%;
	padding:15px 0 0 0;
}

#conipp ul {
	padding:5px 0 0 25px;
}

#conipp ol {
	padding:5px 0 0 25px;
}

#conipp li {
	padding:5px 0 0 0;
}

/* Login-Bereich */

.m_formular {
	background-color: #ECF0E6;
	width: 540px;
	border: 1px solid red;
	padding: 10px;
}

.m_headline {
	color: #FFFFFF;
	background-color: #333333;
	display: block;
	padding-left: 10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:4px;
	margin-bottom:4px;
	font-weight:bold;
}

/* ### Multilist ################################################################ */

#newslist {
	width:576px;
}

#newslist div.nl_1 {
	width:576px;
	padding:15px 0 0 0;
}

#newslist div.nl_2 {
	clear:both;
	float:left;
	padding-right:10px;
	margin-bottom:0px;
}

#newslist p.ueb {
	margin:0px;
	font-weight:bold;
	padding-top:0px;
}

#newslist p.tex {
	margin:0px;
	padding-top:5px;
}

#newslist a.wei,
#newslist a.wei:link {
	font-size:11px;
	color:#FF8000;
	text-decoration:none;
}

#newslist a.wei:hover {
	font-size:11px;
	color:#FF8000;
	text-decoration:underline;
}

#newslist a.wei2,
#newslist a.wei2:link {
	color:#000000;
	text-decoration:underline;
}

#newslist a.wei2:hover {
	color:#FF8000;
	text-decoration:underline;
}

#tabs table {
	width:100%;
}

#tabs tr {
}

#tabs td {
	vertical-align:top;
	border-bottom:1px solid #000000;
	padding:10px;
}

/*
Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft(1) , .pright(1) und .pnormal(1)    


.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft1, .pright1 und .pnormal1 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen

Code: 

*/ 




/* 
---------START BILDMODUL -----------------------
Definition der Klassen ohne Rahmen 
CCS für REDAXO Bild-Modul
Erstellt von: Thomas Skerbis 
Stand: 23.05.2008 
*/

.pleft {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;
	border: none;
}
.pright {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
	border: none;
}
.pnormal {
	clear: both;
	border: none;
	
}


/* Definition der KLassen für 2.Stil (z.B. mit Rahmen) */

.pleft1 {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;
	border: 1px solid #CCCCCC;
}
.pright1 {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
	border: 1px solid #CCCCCC;
}
.pnormal1 {
	clear: both;
	border: 1px solid #CCCCCC;
}

/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	width:527px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;
width:527px;

}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 12px;
	padding-left: 15px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 304px;
	height: 120px;
	margin-left: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}


/* Textfeld */
.formgen .formtext
{
	width: 304px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #A8A8A8;
	background-color: #EFEFEF;	
}



/* Label */
.formgen label {
	width: 200px;
	clear: left;
	float: left;
	height: 20px;
	color: #000000;
	padding-left:5px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 304px;
	background-color: #CCCCCC;
	border:1px solid #A8A8A8;
	margin-left: 4px;
	height:40px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 200px;
	text-align: center;
	background-color: #FF8000;
	border: 1px solid #A8A8A8;
	float: right;
	color: #000000;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #A8A8A8;
	background-color: #FFFFFF;
	margin:0 5px 0 5px;
	font-weight:bold;
}
.formgen .fieldset {
	margin:0 0 10px 0;
	padding:5px 0 5px 0;
	width:527px;
	border:1px solid #CCCCCC;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 1px solid #A8A8A8;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #000000;
	background-color: #FFCC66;
	padding:4px 5px 4px 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:bold;
}

.formgen .formtrenn {
	clear:both;
	padding-top:5px;
}

.formgen .formtrenn hr {
	color:#FFFFFF;
	background-color:#FFFFFF;
	height:5px;
	border:1px solid #FFFFFF;
}

.formgen input.formradio {
	width:15px;
	clear: none;
	float: left;
	height: 20px;
	color: #000000;
	padding-left:5px;
}

.formgen label.formradio {
	width:auto;
	clear: none;
	float: left;
	height: 20px;
	color: #000000;
	padding-right:10px;
	text-align:left;
}



/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

.capkon {
	margin:15px 0 0 0;
	padding:0 0 0 159px;
	width:250px;
}

/* Suche */

.su_hi {
	float:left;
	width:181px;
	height:50px;
	margin:100px 0 0 0;
	background-color:#FF8000;
}

#suche {
	float:left;
	margin:0px;
	padding:18px 0 0 0;
}

#suche .button {
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

#suche .search {
	margin:0px;
	padding:0px;
	width:120px;
	vertical-align:bottom;
}

#suche input {
	font-size:10px;
}

#suche_erkl {
	float:left;
	padding:18px 0 0 0;
}

.notice              { float:left; margin: 0px; padding: 0px; font-size:10px; }
.notice img          { cursor: help; }
.notice dfn          { display: none; position: absolute; left:740px; color:#000000; border: 1px solid #FF8000; background-color: #FFCC66; margin:20px 0px 0px 22px; padding: 4px; width: 220px; text-align: left;}
.notice td:hover dfn { display: block; }
.notice td.over  dfn { display: block; }




/* ### undo #################################################################### */
/*
:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }
*/
/* ### reset some basic style ################################################### */
/*
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

*/

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

/*
.floatLeft { float:left; }
.floatRight { float:right; }
*/
.floatLeft { float:left; padding:0 10px 3px 0; }
.floatRight { float:right; padding:0 0 3px 5px; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:840px;
}

/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	height: 220px;
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {}

#main {
	float:right;
	width:630px;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:630px;
	color: #fff;
}


#main-content-block {
	padding:20px;
	display:block;
}