@font-face {
    font-family: 'DroidSansMonoRegular';
    src: url('/fonts/DroidSansMono-webfont.eot');
    src: url('/fonts/DroidSansMono-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DroidSansMono-webfont.woff') format('woff'),
         url('/fonts/DroidSansMono-webfont.ttf') format('truetype'),
         url('/fonts/DroidSansMono-webfont.svg#DroidSansMonoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CousineRegular';
    src: url('/fonts/Cousine-Regular-Latin-webfont.eot');
    src: url('/fonts/Cousine-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Cousine-Regular-Latin-webfont.woff') format('woff'),
         url('/fonts/Cousine-Regular-Latin-webfont.ttf') format('truetype'),
         url('/fonts/Cousine-Regular-Latin-webfont.svg#CousineRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CousineItalic';
    src: url('/fonts/Cousine-Italic-Latin-webfont.eot');
    src: url('/fonts/Cousine-Italic-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Cousine-Italic-Latin-webfont.woff') format('woff'),
         url('/fonts/Cousine-Italic-Latin-webfont.ttf') format('truetype'),
         url('/fonts/Cousine-Italic-Latin-webfont.svg#CousineItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CousineBold';
    src: url('/fonts/Cousine-Bold-Latin-webfont.eot');
    src: url('/fonts/Cousine-Bold-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Cousine-Bold-Latin-webfont.woff') format('woff'),
         url('/fonts/Cousine-Bold-Latin-webfont.ttf') format('truetype'),
         url('/fonts/Cousine-Bold-Latin-webfont.svg#CousineBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CousineBoldItalic';
    src: url('/fonts/Cousine-BoldItalic-Latin-webfont.eot');
    src: url('/fonts/Cousine-BoldItalic-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Cousine-BoldItalic-Latin-webfont.woff') format('woff'),
         url('/fonts/Cousine-BoldItalic-Latin-webfont.ttf') format('truetype'),
         url('/fonts/Cousine-BoldItalic-Latin-webfont.svg#CousineBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'BitstreamVeraSansMonoRoman';
    src: url('/fonts/VeraMono-webfont.eot');
    src: url('/fonts/VeraMono-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/VeraMono-webfont.woff') format('woff'),
         url('/fonts/VeraMono-webfont.ttf') format('truetype'),
         url('/fonts/VeraMono-webfont.svg#BitstreamVeraSansMonoRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSansMonoOblique';
    src: url('/fonts/VeraMono-Italic-webfont.eot');
    src: url('/fonts/VeraMono-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/VeraMono-Italic-webfont.woff') format('woff'),
         url('/fonts/VeraMono-Italic-webfont.ttf') format('truetype'),
         url('/fonts/VeraMono-Italic-webfont.svg#BitstreamVeraSansMonoOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSansMonoBold';
    src: url('/fonts/VeraMono-Bold-webfont.eot');
    src: url('/fonts/VeraMono-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/VeraMono-Bold-webfont.woff') format('woff'),
         url('/fonts/VeraMono-Bold-webfont.ttf') format('truetype'),
         url('/fonts/VeraMono-Bold-webfont.svg#BitstreamVeraSansMonoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSansMonoBdOb';
    src: url('/fonts/VeraMono-Bold-Italic-webfont.eot');
    src: url('/fonts/VeraMono-Bold-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/VeraMono-Bold-Italic-webfont.woff') format('woff'),
         url('/fonts/VeraMono-Bold-Italic-webfont.ttf') format('truetype'),
         url('/fonts/VeraMono-Bold-Italic-webfont.svg#BitstreamVeraSansMonoBdOb') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  	height:             	100%;
 	margin:             	0;
  	padding:            	0;
  	background-color:   	#FFFFFF;
  	color:              	#979797;
  	font-size:          	100.01%;
  	min-width:          	47em;  /*damit das layout nicht zusammenfällt bei zu kleinem fenster*/
  	font-family:        	'DroidSansMonoRegular',Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
  	font-weight:        	lighter;
}
h3 {
  	font-weight:       	bold;
	margin-bottom:		0;
	padding-bottom:		0;
}
h4 {
	margin-top:		0;
	padding-top:		0;
}
h4, h5 {
  	font-style:         	italic;
}
p {
  	font-family:        	'CousineRegular',Verdana, Arial, Helvetica, sans-serif;
  	font-size:          	93%;
}
.kleiner {
  	font-size:	      	90%;
}

.nochkleiner {
  	font-size:		60%;
}

.datum {
  	font-size:		70%;
	margin:			0;
}

img {
  	border:             	0px none;
}

table {
 	border-collapse:     	collapse;
 	border:              	1px solid #516F86;
 	width:               	95%;
 	margin:              	7px auto;
}

th, td {
 	border:              	1px  #516F86 solid;
 	padding:             	0;
 	margin:              	0;
}

th p, td p {
 	padding:             	0;
 	margin:              	0;
}

.unsichtbar {
  	display:            	none;
}
.rot {
  	background-color:   	#FFFFFF;
  	color:              	#FF0000;
}
.gruen {
  	background-color:   	#FFFFFF;
  	color:              	#00FF00;
}
.fett {
  	font-weight:        	bolder;
}
.kursiv {
  	font-style:         	italic;
}
.zentrieren {
 	text-align:          	center;
}
.rechts {
 	text-align:          	right;
}


.rahmen {
  	margin:            	0.5em;
  	padding:            	0.5em;
  	border-color:       	#80FF00; 
  	border-style:       	dotted;
  	border-width:       	1px;
  	background-color:   	#FFFFFF;
  	color:              	#516F86;
}
.rahmen2 {
  	margin:             	0.5em;
  	padding:            	0.5em;
  	border-color:       	#80FF00; 
  	border-style:       	dotted;
  	border-width:       	1px;
  	background-color:   	#D5FAD5;
  	color:              	#516F86;
}
.rahmen3 {
  	margin:             	0.5em;
  	padding:            	0.5em;
  	border-color:       	#80FF00; 
  	border-style:       	dotted;
  	border-width:       	1px;
  	background-color:   	#F1FEF1; 
  	color:              	#516F86;
}
.code {
  	margin:             	0.5em;
  	padding:            	0.5em;
  	border-color:       	#80FF00; 
  	border-style:       	dotted;
  	border-width:       	1px;
  	background-color:   	#F1FEF1;
  	color:              	#516F86;
  	font-family:        	'BitstreamVeraSansMonoRoman', monospace; 
  	border-left:        	3px solid #80FF00;
}
.quote {
  	margin:             	0.5em;
  	padding:            	0.5em;
  	background-color:   	#F1FEF1;
  	background-color:   	#8697B9;
  	color:              	#DDDDDD;
  	border-color:       	#004080; 
  	border-style:       	dotted;
  	border-width:       	1px;
  	border-left:        	3px solid #004080;
}

.warn {
  	margin:             	0.5em;
  	padding:            	0.5em;
  	background-color:   	#FFCCCC;
  	color:              	#516F86;
  	border-color:       	#CC6666; 
  	border-style:       	dotted;
  	border-width:       	1px;
  	border-left:        	3px solid #CC6666;
}


.tagsbar {
  	color:              	#C7C7C7;
	font-size:		0.9em;
	float:			left;
}
.tagsbar a {
  	color:              	#516F86;
	text-decoration:    	none;
}
.tagsbar a:hover {
  	text-decoration:    	underline;
  	color:              	#80FF00;
}

* html .rahmen, * html .rahmen2, * html .rahmen3, * html .code , * html .quote, * html .rahmen_content { /* nur für den IE6 */	
  	border-style:       	solid;							 /* nur für den IE6 */	
}										 /* nur für den IE6 */	



.rahmen_button {
  	border:        		1px outset #516F86;
	padding:		0.2em;
  	background-color:   	#DDDDDD;
  	color:              	#516F86;
  	text-decoration:    	none;
}
.rahmen_button:active {
  	border:        		1px inset #516F86;
  	background-color:   	#C0C0C0;
}	


#logo {
  	height:             	100px;
  	width:              	100%;
  	margin:             	0;
  	padding:            	0;
  	background-image:   	url("img/logo_balken_dark.png");
}
* html #logo img {    		/* nur für den IE6 */	
  	float:	      		left;	/* nur für den IE6 */	
}				/* nur für den IE6 */	


#menu_oben {
  	float:              	left;
  	width:              	100%;
  	height:             	100%;
  	font-size:          	93%;
  	line-height:        	normal;
  
  	border-color:       	#80FF00; 
  	border-style:       	solid;
  	border-width:       	1px 0 1px 0;
}
#menu_oben ul {
  	height:             	35px;
  	margin:             	0;
  	padding:            	10px 10px 0;
  	list-style-type:    	none;
  	background-color:   	#003333;
  	color:              	#FFFFFF;
}
#menu_oben li {
  	height:             	35px;
  	float:              	left;
  	margin:             	0;
  	padding:            	0;
}
#menu_oben a{
  	text-decoration:    	none;
  	padding:            	5px 15px 4px;
  	display:            	block;
  	color:              	#FFFFFF;
  	background-color:   	#003333;
}
#menu_oben a:hover {
  	color:              	#979797;
  	background-color:   	#003333;
}



.rahmen_content {
	border-top:             1px  #516F86 solid;
	padding:		7px;
  	margin-top:		15px;
  	/* background-color:   	#F9FFF9; */
}




#menu_holder {
  	float:              	left;
  	width:              	220px;
  	margin:             	15px 0 0 25px;
	padding-top:		7px;
}
* html #menu_holder { 				/* nur für den IE6 */	
  	margin:             	35px 0 0 12px;		/* nur für den IE6 */	
}						/* nur für den IE6 */	

#menu2, #menu3, #menu4, #menu5, #menu6 {

  	margin:             	7px 0 7px 0;
  	padding:            	0;
	border-top:             1px  #516F86 solid;
  	width:              	220px;
}
#menu4, #menu2 {
	font-size:          	0.9em;
	line-height: 		1.5;
	padding-bottom:		0.5em;
}

#menu4 li {
	margin:			0;
	padding:		0;
	list-style-position:	inside;
	list-style-type:	none;
	display:		inline;
}
#menu4 ul {
	margin:			0.5em 0 0.5em 0;
	padding:		0;
	list-style-position:	inside;
	list-style-type:	none;
	display:		inline;
}

* html #menu2, * html #menu3, * html #menu4, * html #menu5, * html #menu6 { 	/* nur für den IE6 */	
  	border-style:       	solid;							/* nur für den IE6 */	
}										/* nur für den IE6 */	
#menu2 ul, #menu3 ul, #menu4 ul, #menu5 ul, #menu6 ul  {
  	list-style-type:    	square;
  	padding:            	0.5em;
  	margin:             	0 0.5em 0 1em;
}

* html #menu2 li, * html #menu5 li{     /* nur für den IE6 */	
  	list-style-type:    	circle;		/* nur für den IE6 */	
}					/* nur für den IE6 */	

#menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a {
  	text-decoration:    	none;
  	color:              	#516F86;
}
#menu2 p, #menu3 p, #menu4 p, #menu5 p, #menu6 p {
  	margin:             	7px 0 0 0;
  	padding:            	0;
}
#menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover {
  	text-decoration:    	underline;
  	color:              	#80FF00;
}


#main {
  	margin:             	50px 35px 0 250px; /*30px abtand plus breite menu plus abstand menu links*/
  	padding:            	17px;
 	 color:              	#516F86;
  	max-width:          	57em;             /*damit textinhalt leserlich und nciht zu breit*/
  	min-height:         	35em;
  	line-height:	      	1.4;
}
* html #main { 					/* nur für den IE6 */	
  	margin:             	10px 35px 0 250px;	/* nur für den IE6 */	
  	border-style:       	solid;			/* nur für den IE6 */	
}						/* nur für den IE6 */	

#main h2 a, #main h3 a, #main h4 a {
  	color:              	#516F86;
  	text-decoration:    	none;
}
#main h2 a:hover, #main h3 a:hover, #main h4 a:hover {
  	color:              	#80FF00;
  	text-decoration:    	underline;
}
#main h2 {
  	margin-bottom:		0;
  	padding-bottom:		0;
}

#main ul {
  	list-style-type:    	square;
  	padding:            	0.5em;
  	margin:             	0 0.5em 0 1em;
}
#main li {
  	padding:            	0;
  	margin:             	0;
}
#main li p {
  	padding:            	0;
  	margin:             	0;
}

#footer {
  	clear:              	both;
  	height:             	130px;
  	width:              	100%;
  	/*background-image:   	url("img/footer_balken_dark.png"); */
	background-color:	#003333;
	border-top:             1px  #80FF00 solid;
	margin-bottom:		0px;
}
#footer p {
 	line-height:        	100px;
  	vertical-align:     	middle; 
}
#footer a{
  	text-decoration:    	none;    
  	color:              	#979797;
}
#footer a:hover {
  	color:              	#FFFFFF;
	background-color:	#003333;
}





/*html fuer ohne bb-code*/

b {
  	font-weight:        	bolder;
}
i {
  	font-style:         	italic;
}
u {
  	text-decoration:	underline;
}

pre {
  	margin:             	0.5em;
  	padding:            	0.5em;
  	border-color:       	#80FF00; 
  	border-style:       	dotted;
  	border-width:       	1px;
  	background-color:   	#F1FEF1;
  	color:              	#516F86;
  	font-family:        	'BitstreamVeraSansMonoRoman', monospace; 
	/*Overflow:		scroll;*/
}