/* alte_styles */
BODY
{ FONT-FAMILY: Tahoma, 'Times New Roman', Times, serif; FONT-SIZE: 12px; COLOR: #3357b3;
    BACKGROUND-COLOR: #ffffff; 
    /*important, that content left border stays left*/
    margin:0; padding:0
}  


/*the disclaimer*/
.small {   font-size: 0.5pc;  color: #000000}
/* i.e. mandatory fields*/
.blackbold { color: #000000; font-weight: bold}

/* special, error , kleine links*/
.error {  font-size: 0.7pc; color: #FF0000}
.fielderror {  BACKGROUND-COLOR: #FF9900}
.special {  font-size: 0.6pc; color: #3357b3; FONT-WEIGHT: bold;}


h1 {  font-size: 0.8pc; color: #FF9900} 
h2 {  font-size: 1.0pc; color: #FF9900; font-weight: bold} 
h3 {  font-size: 1.0pc; color: #FF7700; font-weight: bold; font-style: italic}} 
a {  COLOR: #3357b3; FONT-WEIGHT: bold;}


/*neue_styles */
/* Definition for all divs*/


div { border:0px}
/*tags with class  left*/

/*mainly homepage*/
.rightHeadLine{    
	MARGIN-TOP: 1px;
    FONT-SIZE: 13px;
    MARGIN-BOTTOM: 4px;
    COLOR: #3357b3;
	FONT-WEIGHT: bold; }

/*Bild mit blauem Rand und margin rechts*/
.margin1{
    BORDER-RIGHT: #2a306a 1px solid;
    BORDER-TOP: #2a306a 1px solid;
    BORDER-LEFT: #2a306a 1px solid;
    MARGIN-RIGHT: 8px;
    BORDER-BOTTOM: #2a306a 1px solid }

/*die Headlines der homepage
marginUp marginNon comes in homepage with beige*/    
 .beige  {
    BACKGROUND-COLOR: #f8e2a8
    }  
 
 
 .marginUp {
    PADDING-LEFT: 2px;
    PADDING-TOP: 1px;
    PADDING-BOTTOM: 1px;
    MARGIN-TOP: 30px;
    MARGIN-BOTTOM: 2px;
    }
  .marginNon {
  	PADDING-LEFT: 2px;
    PADDING-TOP: 1px;
    PADDING-BOTTOM: 1px;
  	MARGIN-TOP: 1px;
  	MARGIN-BOTTOM: 15px;
    }
    
/*this is used for all text, what is not in a table or div 
and needs margin left and right*/
.marginLR{
MARGIN-LEFT: 20px;
MARGIN-RIGHT: 25px;
}

/*tables of the input forms*/

/*the design for tables like AnzeigeAufgeben*/
.whiteblock{
 width:500px;
 MARGIN-LEFT: 20px;
 BACKGROUND-COLOR: #F5F5F5;
 BORDER: #2a306a 1px solid;
 PADDING: 4px;
 MARGIN-BOTTOM: 5px;
 /* labels in form alway black*/
 color: #000000; 
}

input {
 FONT-SIZE: 12px; COLOR: #000000;
}

select {
FONT-SIZE: 12px; COLOR: #000000;
}

textarea {
FONT-SIZE: 12px; COLOR: #000000;
}



/*tags with id spacer*/
#spacer { width:556px; height:10px; }
#spacer20 { width:556px; height:20px; }
#spacer100 { width:556px; height:100px; }
#spacer250 { width:556px; height:250px; }


.highlight { color: #FF9900; background-color: #f8e2a8;}


/*first we put fixed for good browser*/
.nav { position:fixed;  }

/*then we put alsolute IE 5.5 IE6 */
* html .nav { position:absolute;  }


#top_nav { top:0px; left:0px; width:752px; height:153px;
      z-index:5; background-image: url(/images/top_nav.jpg); }
#top_nav1 { top:87px; left:460px; width:10px; height:20px; z-index:6;}
#top_nav2 { top:87px; left:510px; width:10px; height:20px; z-index:6;}
#top_nav3 { top:87px; left:556px; width:10px; height:20px; z-index:6;}
#top_nav4 { top:87px; left:626px; width:10px; height:20px; z-index:6;}
#top_nav5 { top:87px; left:679px; width:10px; height:20px; z-index:6;}

/*absolute position in browser, no scrolling*/
#left_nav {  top:153px; left:0px; width:184px; height:363px;
      z-index:5; background-image: url(/images/left_nav.jpg);}
#left_nav1 { top:203px; left:0px; width:120px; height:20px; z-index:6;}
#left_nav2 { top:229px; left:0px; width:120px; height:20px; z-index:6;}
#left_nav3 { top:254px; left:0px; width:120px; height:20px; z-index:6;}
#left_nav4 { top:278px; left:0px; width:120px; height:20px; z-index:6;}
#left_nav5 { top:303px; left:0px; width:120px; height:20px; z-index:6;}


#short_right_up_line { 
	top:107px; left:751px; 
	width:1px; height:129px;
    z-index:6; background-color:#000000; 
    }

#content { 
	position:relative; 
	top:170px; left:0px; 
	width:557px; 
		 
	MARGIN-LEFT: 0px; 
	PADDING-LEFT: 50px; 
	/*for space to slagan image*/
	PADDING-BOTTOM: 50px; 
	/*left fat blue, down blue and right black line*/
	BORDER-LEFT: #4181bf 144px solid;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #4181bf 3px solid;
	z-index:3; background-color:#FFFFFF; 
	}
		 
#slogan { 
	position:absolute; bottom:0px; right:0px;
	width: 347px; height:30px;
	MARGIN-BOTTOM:0px; PADDING-BOTTOM:0px;
	z-index:14;
	background-image: url(/images/slogan.gif);
	}
	
/*for sendMessage.pl*/
#message {
position:fixed; 
	BORDER: #2a306a 1px solid;
	top:200px; left:50px;
	width:400px; height400px;
	z-index:30; background-color:#FFFFFF;
	 
}	

/*for errormessages in inert form*/
#alarm{ display: none; 
		width: 200px;
		BACKGROUND-COLOR: #FF9900;
		BORDER: #FF0000 1px solid;
		z-index: 10;
		
}
#alarmtext{ 
COLOR: #000000;		
		BACKGROUND-COLOR: #FF9900;
}

.bubble {
    display: none;
    top:105px; left:400px; 
    width:187px; height:130px;
    background-image:url(/images/speackBubble.png);
    z-index:30;
    }

.innerbubble{      
     font-size: 10px; 
     color: #FF7700; 
     font-weight: bold;
     margin-left:30px;
     margin-right:20px;
     margin-top:35px;
     margin-bottom:30px;  
     z-index:30;
    }   

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*use: <DIV CLASS="s1 clearfix">
fixes that outer div dont grows with inner div */