/*
	Style-Sheet fuer www.thomas-braun.de
	IT-On.NET  30.04.2009
*/

html{
	margin:					0;
	padding:				0px;
	height: 				100%;
}

body {
	margin:					0 auto 0 auto;
	padding-top:			0px;
	padding-bottom:			10px;
	font-family:			Arial, Helvetica, "Sans Serife";
	font-size:				14px;
	background-color:		#FFFFFF;
}

/**
	Seitenbereiche (Container)
*/
#container {
	width:					806px;
	margin:					0 auto 0 auto;
	background-color:		#FFFFFF;	
}

#head {
	padding:				0px 3px 0 3px;
	margin:					0px;
	height:					320px;
	background-image:		url(/images/bg_kopf.gif);
	background-position:	left 60px;
	background-repeat:		no-repeat;
}

#service {	
	float:					left;
	width:					300px;
	padding:				40px 0 10px 30px;
	color:					#444444;
}
#service a {
	color:					#444444;
	font-weight:			bold;
	text-decoration:		none;
}


#body {
	clear:					both;
	float:					left;
	width:					800px;
	min-height:				300px;
	padding:				20px 0 0 0;
	border: 				3px solid #E2E2E2;
	border-width:			0 3px 0 3px;
}


#content {
	float:					left;
	width:					550px;
	min-height:	 			300px;
	padding:				0 15px 10px 25px;
}

#left {
	float:					left;
	width:					235px;
	margin:					0 0 0 0;
	padding:				20px 0 0 0;
}

#right {
	float:					right;
	width:					170px;
	margin:					5px 20px 0 0;
	padding:				0 0 0 0;
	font-size:				0.9em;
}

#printhead {
	visibility: 			hidden;
	display: 				none;
	height:					0px;
}
#logo {
	float:					right;
	margin:					0 40px 0 0;
	border:					5px solid #FFFFFF;
}
#kopfbild {
	clear:					both;
	float:					left;
}
img.flagge {
	border:					0;
	margin-right:			10px;
	vertical-align:			top;
}

#footer {
	clear:					left;
	padding:				0 0 5px 0;
	font-size:				0.85em;
	color:					#888888;
	text-align:				center;
	background-image:		url(/images/bg_fuss.gif);
	background-position:	left bottom;
	background-repeat:		no-repeat;
}
#footer a {
	font-weight:			normal;
	text-decoration:		none;
}


div.menu {
	float:						left;
	width:						380px;
	height:						70px;
	margin:						0;
	padding:					0 0 0 20px;
}

div.menu ul {
	padding:					5px 0 0 0;
	margin:						0;
}
div.menu li {
	float:						left;
	padding: 					0 0 0 0;
	margin: 					0;
	list-style: 				none;
}

a.m1 {
	text-decoration: 			none;
	font-family:				Arial Narrow;
	font-weight:				bold;
	font-size:					1.3em;
	color:						#6E0610;	
	padding: 					0 5px 0 5px;
	display:					inline;
}
a.m1:hover {
	color:						#444444;
	text-decoration:			underline;
}
div.menu ul.m2 {
	margin-bottom:				20px;
}
a.m2, a.m3 {
	padding:					0px 0 3px 15px;
	text-decoration:			none;
	font-size:					0.85em;
	display:					block;
	color:						#444444;
}
a.m3 {
	padding-left:				25px;
	font-style:					italic;
}
a.m4 {
	padding-left:				35px;
	font-style:					italic;
}
div.menu li.m1 {
	display:					inline;
	list-style:					none;
	padding:					3px 0 3px 0;
}
div.menu li.m2 {
	list-style:					none;
	padding:					2px 0 2px 0;
}

a.m2:hover, a.m2:focus {
	color:						#000000;
	text-decoration:			underline;
}
li.marked a.m2 {	border-color:	#DDDDDD; }


a.marked {
	color:						#000000;
}
a.open {
	color:						#888888;
}



/** Bild im Inhalt (Kasten um Bild und Untertitel) **/
.bild {
	text-align:				left;
	border:					1px solid #AAAAAA;
}
.bilduntertitel {
	font-size:				0.87em;
	padding:				2px 0 0 2px;
	max-width:				100%;
	margin-bottom:			1px;
	color:					#888888;
}
img.rechts {
	float:					right;
	margin:					0 0 5px 5px;
}
img.links {
	float:					left;
	margin:					0 5px 5px 0;
}


/**
	Textgestaltungen
*/
div.textblock {
	padding:				0 0 0 0;
	margin:					0 0 0 0;
}

#right div.text {
	padding:				3px 3px 0 5px;
	font-size:				0.95em;
}

h1 {
	font-size: 				1.5em;
	margin:		 			0 0 15px 0;
	color:					#4B4B4B;
}

h2, h3 {
	font-size: 				1.2em;
	color:					#4B4B4B;
	padding-bottom:			0;
	margin-bottom:			3px;
	line-height:			130%;
}

#right h1, #left h1 {
	margin:					0;
	padding:				3px 0 3px 5px;
	background-color:		#888888;
	font-size:				0.95em;
	color:					#FFFFFF;
}
	
h3 {
	font-size: 				1em;
}

.small, .klein {	font-size: 0.85em; }
.tiny, .winzig {	font-size: 0.75em; }

/* Farben */
.grau		{ 	color:				#4B4B4B;	}
.bggrau		{	background-color:	#4B4B4B; 	}
.hellgrau	{ 	color:				#C8C8C8;	}
.bghellgrau	{	background-color:	#c8c8c8; 	}
.rot		{ 	color:				#6E0610;	}
.bgrot		{ 	background-color:	#6E0610;	}


.hidden 		{	visibility: hidden; display: none; }


br.min {
	line-height:			0.2em;
}
p {
	margin-top:				0px;
}

/* Listenaufzaehlung */
#content ul {
	padding-top:			0;
	margin-top:				0;
}
#content li {
	margin:					2px 0px 2px 0px;
}

/* Block-Elemente innerhalb von Texten */
.kasten {
	width:					167px;
	margin:					0px;
	padding: 				0;
	background-color:		#EAEBEB;
}
.kasten div.oben {
	background:				url(/images/bg_kasten_o.gif) left top  no-repeat;
	line-height:			5px;
}
.kasten div.unten {
	background:				url(/images/bg_kasten_u.gif) left bottom  no-repeat;
	line-height:			5px;
}
.kasten p {
	padding:				4px 4px 0 4px;
	margin-bottom:			0;
}

div.halb {
	width:					47%;
	margin-right:			2%;
	float:					left;
}

a {
	color:					#6E0610;
}

a:hover, #drucken a:hover , a:focus, a:active{
	color:					#6E0610;
	text-decoration:		none;
}

/*
div#sitemap a.m1 {
	color:					#000000;
	border-bottom:			1px dotted #000000;
	width:					90%;
}
div#sitemap a.m2 {
	border-width:			0;
}
*/

a.pdf {
	background-image:		url(/images/ico_pdf.gif);
	background-position:	right;
	background-repeat:		no-repeat;
	padding-right:			20px;
}



/* Formularfelder */
form.formular {
	background-color:		#F0F0F0;
	width:					480px;
}
input.lang, textarea.lang {
	width:					280px;
}
input.kurz {
	width:					50px;
}
input.fehler, textarea.fehler, div.checkboxfehler {
	border:					2px solid #BB4039;
}
div.formularfehler {
	font-weight:			bold;
	color:					#6E0610;
	padding:				10px;
	background-color:		#E2E2E2;
}
form span.pflicht {
	font-weight:			bold;
}
div.formularfuss, td.formularfuss {
	background-color:		#C8C8C8;
	padding:				5px;
	text-align:				right;
}
div.formularkopf, td.formularkopf {
	background-color:		#C8C8C8;
	padding:				5px;
	font-weight:			bold;
}
input.knopf {
	background-color:		#6E0610;
	border:					2px solid #FFFFFF;
	color:					#FFFFFF;
}
input.knopf:hover {
	border-color:			#888888;
}


/* Einstellungen fuer die Druckausgabe */
@media print {
	body, #container, #head, #body  {
		width:					700px;
		background-color:		white;
		border:					0;
	}
	#head {
		height:					auto;
	}
	#logo {
		margin-right:			0;
	}

	#printhead {
		visibility: 			visible;
		display: 				block;
		height:					60px;
		text-align:				right;
	}
	
	.noprint, #left, #right, div.menu {
		visibility: 			hidden;
		display:		 		none;
		height: 				1px;
		width: 					1px;
		z-index:		 		2;
	}
}