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

				ranadesign Birgit Berger
				Programmierung | Design
				Karl-Liebknecht-Str. 47
				14482 Potsdam
				
				http://www.ranadesign.de
				Telefon: +49 (0)331 - 740 91 96

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


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol,li  { list-style: none;}
h1,h2,h3,h4,h5,h6,pre { 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; }

a:focus { outline: 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: 14px;line-height: 16px;}

ul			{list-style: circle;}
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; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 101%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background:#E4E1CF;
	/* background-image: url(../images_design/bg.jpg);
	background-repeat: repeat-x;  */
	color: #606060;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	}

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

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

.clear {
	clear:both;
}

.stdtxttable {	
	line-height: 16px;
	color: #606060;
	text-align: left;
	}
	
.stdtxttablerot {	
	line-height: 16px;
	color: #B7146F;
	text-align: left;
	}
	
.stdtxt {	
	font-size: 0.9em;
	line-height: 16px;
	color: #606060;
	text-align: left;
	}
	
.stdtxtinnertable {	
	font-size: 0.9em;
	color: #606060;
	line-height: 16px;
	text-align: left;
	padding: 4px;
	border-bottom: 1px #fff solid;
	}
	
.stdtxtfett
{
    font-size: 0.9em;
    LINE-HEIGHT: 16px;
    FONT-WEIGHT: bold;
    color: #606060;
}	

.floatLeft { float:left; }
.floatRight { float:right; }

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

#rechts a:link {
  color: #B7146F;
  text-decoration: none;
}

#rechts a:visited {
  color: #B7146F;
	text-decoration: none;  
}

#rechts a:active {
  color: #B7146F;
	text-decoration: none;  
}

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




#links a:link {
  color: #B7146F;
  text-decoration: none;
}

#links a:visited {
  color: #B7146F;
	text-decoration: none;  
}

#links a:active {
  color: #B7146F;
	text-decoration: none;  
}

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


#rechts ul				{list-style: none;}
#rechts ul li			{margin: 8px 0 0 15px; list-style: circle; font-size: 11px; line-height: 15px;}
#rechts ul li ul		{margin: 0 0 0 0;}
#rechts ul li ol		{margin: 0 0 0 0;}

.hoehe {
    height: 600px;
    float:right;
    width: 1px;
  }
  
.imgcontent {border: 3px solid #E4E1CF; margin: 13px 10px 10px 0;}

.imgcontent2 {border: 3px solid #E4E1CF; margin: 0px 12px 0px 0;}
  
#wrapper {

	position:relative;
	margin:0 0px;
	padding: 25px 0 0 0;
	top: 40px;
	height:100%;
	width: 955px;
	background:#fff;
	background-image: url(../images_design/bg-line.gif);
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
}




#links {	
	float: left;
	width: 280px;
	}


#mitte {
	float: left;
	margin-left: 13px;
	width: 140px;
}

#rechts {
	float: right;
	margin-left: 20px;
	width: 460px;
	padding-bottom: 15px;
	padding-right: 20px;
	}
	
#footer {	
	clear: both;
	margin: 0 0 15px 20px;
	height: 30px;
	width: 930px;
	
}	

/*************************************/
	
#logo {
	background-image: url(../images_design/logo-hnohren.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#logo a {
	display:block;
	height: 110px;
	width:	250px;
	text-indent:-1000em;
}	



/*	Navigation horizontal and vertical - 
	Wenn nur die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/

#navheight_vert {
	min-height: 200px;
}
* html body #navheight_vert { height: 200px; } /* IE 6 / 5.5 Hack */

#navheight_vert ul.nav1st { padding:10px 20px;  }


/* ### nav1st - first level navigation ######################################## */

ul.nav1st {
	font-size: 10px;
	text-transform:uppercase;
}

ul.nav1st li {
	display: block;
	padding-bottom: 5px;
	color:#000;
	background: inherit;
	font-weight:normal;
}

ul.nav1st a, 
ul.nav1st a:link {
	display: block;
	color:#808080;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st a:hover {
	color:#B7146F;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st li a.current, 
ul.nav1st li a.current:link {
	color:#B7146F;
	font-weight:bold;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st li a.current:hover {
	color:#808080;
	background: inherit;
	padding: 1px 0;
}

/* ### nav2nd - second level navigation ######################################### */

ul.nav2nd {
	font-size: 10px;
	font-weight:normal;
	text-transform:none;
	margin-bottom: 20px;
}

ul.nav2nd li {
	padding:0;
	margin:0;
	font-weight:normal;
	border:none;
	text-align: left;
}

ul.nav2nd a, 
ul.nav2nd a:link {
	display:block;
}


ul.nav2nd a:hover {
	color:#404040;
}

ul.nav2nd li.active a, 
ul.nav2nd li.active a:link {
	color:#666666;
}

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

h1 {
	font-family: 'Lucida Grande', Geneva, Arial, Helvetica, Verdana, sans-serif;
	color:#B7146F;
	font-weight:bold;
	font-size: 11px;
	text-transform:uppercase;
	padding-bottom: 10px;
}

h2 {
	font-family: 'Lucida Grande', Geneva, Arial, Helvetica, Verdana, sans-serif;
	color:#808080;
	font-weight:bold;
	font-size: 13px;
	padding-bottom: 13px;
	line-height: 18px;
}

p {
	color:#666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
}


.fehler
{
	FONT-SIZE: 8pt;
	font-weight: bold;
   LINE-HEIGHT: 16pt;
	color: #0077A9;
}

.eingabe
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   FONT-SIZE: 8pt;
	BORDER-TOP: 0px solid rgb(0,0,102);
	BORDER-LEFT: 0px solid rgb(0,0,102);
	BORDER-RIGHT: 0px solid rgb(0,0,102);
	BORDER-BOTTOM: 1px solid #968f74;
	BACKGROUND-COLOR: #F0EDDD;
	COLOR: #5a4e2d;
	PADDING: 2px;
	MARGIN: 4px 0 4px 0;
}

.button1
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   FONT-SIZE: 8pt;
   BORDER-TOP: 1px solid #efede6;
	BORDER-LEFT: 1px solid #efede6;
	BORDER-RIGHT: 1px solid #7D7568;
	BORDER-BOTTOM: 1px solid #7D7568;
	BACKGROUND-COLOR: #B7146F;
	Color: #fff;
	PADDING: 3px;
}

.button2
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   FONT-SIZE: 8pt;
   BORDER-TOP: 1px solid #efede6;
	BORDER-LEFT: 1px solid #efede6;
	BORDER-RIGHT: 1px solid #7D7568;
	BORDER-BOTTOM: 1px solid #7D7568;
	BACKGROUND-COLOR: #DEDAC4;
	Color: #808080;
	PADDING: 3px;
}