@import url(core/base.css);
body {
	background-image	:	url(../_images/bg_body.jpg);
	background-repeat	:	repeat-x;
	background-color	: 	#FFFFFF;
	font				: 	77% sans-serif;
	text-align			:	center;
}
#pageContainer {
	background-color	:	#FFFFFF;
	border				: 	solid 1px #CCCCCC;
	margin				:	auto;
	margin-top			:	15px;
	min-width			: 	60em;
	width				: 	767px;
	padding				: 	0px 4px 4px 4px;
	text-align			:	left;
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left			: 	solid 15em #FFFFFF;  
	border-right		: 	solid 14em #FFFFFF;
}
#outerColumnContainer1
{
	/* Das ist der outer Container für die Kontakt Seite */
	border-left			: 	solid 15em #FFFFFF;
	margin-top			: 	15px;
}
#outerColumnContainer
{
	margin-top			: 	15px;
	border-left-color	:	#FFFFFF; 		/* left column background color */
	border-right-color	: 	#FFFFFF;	/* right column background color */
	background-color	: 	#FFFFFF;			/* set the background color for the middle column here */
}
#innerColumnContainer
{
	border				: 	solid 1px #FFF;
	border-width		: 	0 1px;
	margin				: 	0 -1px;		/* compensate for the borders because of 100% width declaration */
	width				: 	100%;
	z-index				: 	1;
}
#innerColumnContainer
{
	border-color		: 	#FFFFFF;
}
#innerColumnContainer1
{
	border-left			:	solid 1px #fff;
	border-width		: 	0 1px;
	margin				: 	0 -1px;		/* compensate for the borders because of 100% width declaration */
	width				: 	100%;
	z-index				: 	1;
}
#innerColumnContainer1
{
	border-color		: 	#FFFFFF;  /* Kontakt Seiten Conatiner*/
}

#logoheader {
	background-image	:	url(../_images/logo.gif);
	background-repeat	:	no-repeat;
	width				: 	100%;
	height				:	61px;
	margin				:	4px 5px -9px 0px;
}
#datum {
	font				:	Georgia, "Times New Roman", Times, serif;
	font-size			:	10px;
	text-align			:	right;
	color				:	#000000;
	padding				: 	0px 3px 2px 0px;
}
#schatten {
	background-image	:	url(../_images/bg_toplinie.gif);
	background-position	:	top;
	background-repeat	:	repeat-x;
	width				:	auto;
	height				:	5px;
}
/*====== Navigation  Oben =======*/
#menu {
	margin				: 	0px;
	padding				: 	8px 0px 0px 15px;
}
#menu a{
	margin				: 	0px 5px 0px 10px;
	padding				: 	2px 3px 2px 3px;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
	font-size			: 	9px;
	text-align			:	right;
	border-left			: 	solid #FFF 1px;
	border-right		: 	solid #FFF 1px;
	border-bottom		: 	none;
	color				: 	#FFFFFF;
	text-decoration		: 	none;
}
#menu a:hover, #menu .selected{
	color				: 	#1F1F1F;
	background-color	: 	#FFFFFF;
	border-left			: 	solid #FFD18C 1px;
	border-right		: 	solid #FFD18C 1px;
}

#navbar {
	background-image	:	url(../_images/bg_headmenu.gif);
	height				:	32px;
	margin				:	0px;
	padding				:	8px 0px 0px 0px;
	width				:	100%;
	text-align			:	right;
}

/*======== Navigation Oben ENDE ======*/

/* ======= Navigation Links ANFANG =====*/
#navlist {
	padding				: 	1px;
	margin				: 	0px;
	font				: 	11px verdana, sans-serif;
	width				: 	170px;
	color				: 	gray; 
}
#navlist li {
	list-style			: 	none;
	margin				: 	6px 0px 0px 0px;
	text-align			: 	left;
}

#navlist li a {
	text-align			:	left;
	display				: 	block;
	width				: 	158px;
	margin				: 	0px;
	padding				: 	6px 0px 6px 13px;
	text-decoration		: 	none;
	line-height			: 	15px;
	}
	*html #navlist li a {
	w\idth				: 	175px;
	}
#navlist li a:link { 
	color				: 	#000; 
	text-decoration		:	underline;
	}
#navlist li a:visited { 
	color				: 	#000000;
	text-decoration		:	underline;
	}
#navlist li a:hover {
	margin				:   0px;
	padding				:	5px 4px 5px 9px;
	font-weight			:	normal;
	color				: 	#000000;
	background			: 	#FFFFFF;
	border-top			: 	1px solid #CCC;
	border-bottom		: 	1px solid #CCC;
	border-left			: 	4px solid #3300CC;
	text-decoration		:	none;
	}
	*html #navlist li a:hover{
	border-right		: 1px solid #CCC;
	}

#navlist1 {
	padding				: 	1px;
	margin				: 	0px 0px 0px 0px;
	font				: 	11px verdana, sans-serif;
	width				: 	170px;
	color				: 	gray; 
}
#navlist1 li {
	list-style			: 	none;
	margin				: 	6px 0px 0px 0px;
	text-align			: 	left;
}

#navlist1 li a {
	text-align			:	left;
	display				: 	block;
	width				: 	157px;
	margin				: 	0px;
	padding				: 	6px 4px 6px 9px;
	text-decoration		: 	none;
	line-height			: 	15px;
	}
	*html #navlist1 li a {
	w\idth				: 	175px;
	border-top			: 	1px solid #CCC;
	border-bottom		: 	1px solid #CCC;
	border-left			: 	4px solid #FF0000;
	}

#navlist1 li a:link { 
	color				: 	#000000;
	background			: 	#ffffff;
	border-right		: 	1px solid #3300CC;
	border-top			: 	1px solid #3300CC;
	border-bottom		: 	1px solid #3300CC;
	border-left			: 	4px solid #3300CC; 
	
	}
	*html #navlist1 li a:link {
	border-right		: 1px solid #3300CC;
	}
#navlist1 li a:visited { 
	color				: 	#000000;
	background			: 	#FFFFFF;
	border-right		: 	1px solid #fff;
	border-top			: 	1px solid #3300CC;
	border-bottom		: 	1px solid #3300CC;
	border-left			: 	4px solid #3300CC; 
	}
	*html #navlist1 li a:visited {
	border-right		: 	1px solid #3300CC;
	}
#navlist1 li a:hover{	
	font-weight			:	normal;
	color				: 	#000000;
	background			: 	#FFFFFF;
	border-right		: 	1px solid #fff;
	border-top			: 	1px solid #3300CC;
	border-bottom		: 	1px solid #3300CC;
	border-left			: 	4px solid #3300CC;
	}
	*html #navlist1 li a:hover{
	border-right		: 	1px solid #3300CC;
}
#navlist img{
	padding				:	1px;
}

#left{
	float				: 	left;
	margin				: 	0 1px 0 -15em;
	width				: 	14em;
	z-index				: 	4;
}
#left table {
	background-image	:	url(../_images/boxLeft_bg.jpg);
	background-position	:	bottom;
	background-repeat	:	no-repeat;
	font-size			:	12px;
	font-family			:	Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color				:	#000000;
	font-weight			:	bold;
	border				: 	1px solid #CCCCCC;
	letter-spacing		: 	1px;
	margin				:	3px 0px 15px 0px;
	}
	#left table img { 
	margin-left			: 	0px;}
#navcontainer {
	}

/* ======= Navigation Links ENDE ======= */

/* ========== Kontakt Container ==Anfang=========*/
#right {
	float				: 	right;
	width				: 	14em;
	margin				: 	0 -14em 0 1px;
	z-index				: 	2;
}
.kontakt{
	background-image	:	url(../_images/boxTop_bg.jpg);
	background-repeat	:	no-repeat;
	background-position	:	bottom;
	font-size			:	11px;
	color				:	#666666;
	padding				: 	5px 0px 30px 5px;
	border				: 	1px solid #CCCCCC;
	background-color	:	#E5E5E5;
	margin-top			:	3px;
	margin-left			:	5px;
	margin-right		:	0px;
	margin-bottom		:	21px;
}
.kontakt strong{
	font-size			:	12px;
	font-family			:	Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color				:	#000000;
	font-weight			:	bold;
	letter-spacing		: 	1px;
}
.kontakt a:link{
	color				:	#3300CC;
	text-decoration		:	underline;
	}
.kontakt a:visited{
	color				:	#3300CC;
	}
.kontakt a:hover{
	text-decoration		:	none;
	color				:	#000;
}
.kontakt table {
	font-size			:	11px;
	color				:	#666666;
}
	.kontakt  a:link img 	{ border:none;}
	.kontakt  a:visited img 	{ border:none;}
	.kontakt a:hover img 	{ border:none;}
/* ========== Kontakt Container ==Ende=========*/

#divide{
	background-color	:	#fff;
	width				:	auto;
	height				:	20px;
}
#divide1{
	background-image	:	url(../_images/bg_navlinks.gif);
	border-right		: 	47.35em solid #FFFFFF;
	width				:	auto;
	height				:	17px;
}
#divide2{
	background-image	:	url(../_images/bg_navlinks.gif);
	width				:	auto;
	height				:	50px;
}

.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding				: 	0 1em;
}

* html #pageContainer {
	/* \*/
	
	/* verhindert float-Probleme beim IE/Win siehe Referenz zu float */
}
#header {
	margin				:	0; 
	padding				:	0.5em 1em;
	background-image	: 	url(../_images/logoheader.gif);
	width				:	auto;
	height				:	107px;
	}
#main {
	border-left			: 	15em solid #FFFFCC;
	border-right		: 	14em solid #FFFFCC;
	background			: 	#fff;
	margin				: 	0; 
	padding				: 	0;
	}
#main_content {
	border-left			: 	15em solid #FFFFCC;
	background			: 	#fff;
	margin				: 	0; 
	padding				: 	0;
	}
#middle_content {
	float				: 	right;
	margin				: 	6px 0 0 0;
	width				: 	98%;
	z-index				: 	5;
	text-align			:	left;
	clear				:	both;
	}
	#middle_content img{
	float				:	right;
	margin-right:10px;
	}
	
	#middle_content  a:link img 	{ border:none;}
	#middle_content  a:visited img 	{ border:none;}
	#middle_content a:hover img 	{ border:none;}
	
	#middle_content h1	{font-size:18px;}
	#middle_content h2	{font-size:16px;}
	#middle_content h3	{font-size:14px;}
#middle {
	float				: 	right;
	margin				: 	7px 0 0 -1px;
	width				: 	100%;
	z-index				: 	5;
	text-align			:	justify;
	}
	#middle h3 {
	font-size			:	17px;
	color				:	#3300CC;
	}
	#middle h4 {
	color				:	#999999;
	text-align			:	center;
	}
	#middle h3, #middle p, #middle li {
	list-style-type		:	none;
	margin				:	0;
	padding				: 	0 4px;
	}
	#middle p{
	font-size			:	12px;			/* Schriftgröße Inhalt*/
	}
	#middle table {
	font-size			:	12px;
	}
	#middle a:link{
	color				:	#3300CC;
	text-decoration		:	underline;
	}
	#middle a:visited{
	color				:	#3300CC;
	}
	#middle a:hover{
	text-decoration		:	none;
	color				:	#999999;
	}	
	#middle a.laatzen { color:#000000;}
	#middle a.laatzen:link {
	color				:	#000000;
	text-decoration		:	none;
	cursor				:	text;
	}
	#middle a.laatzen:visited {
	color				:	#000000;
	text-decoration		:	none;
	cursor				:	text;
	}
	#middle a.laatzen:hover {
	color				:	#000000;
	text-decoration		:	none;
	cursor				:	text;
	}
	
#left, #middle, #right, #SOWrap {
	overflow			: 	visible;
	position			: 	relative;
}
#SOWrap {
	float				: 	left;
	margin				:	0 -1px 0 0;
	width				: 	100%;
	z-index				: 	3;
}



.newscontainer{
	padding				: 	4px 0 4px 10px;
	
}

/*========== Footer ========*/
#footer {
	border-top			: 	solid 1px #CCCCCC;
	margin				:	5px 0 0 0; padding: 0 0.5em;
	background			:	#fff;
}
.footertext{
	font-size			:	9px;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
	text-align			:	right;
	padding				: 	5px 0px 5px 0;
	color				:	#999999;
	}
.footertext a:link {
	text-decoration		:	none;
	color				:	#999999;
	}
.footertext a:visited{
	text-decoration		:	none;
	color				:	#999999;
}
.footertext a:hover {
	text-decoration		:	underline;
	color				:	#3300CC;
}

/*========== Footer Ende ========*/

.subheader {
	border-left			:	10px solid #AAB;
	border-bottom		: 	1px solid #AAB;
	color				:	#990000;
	font-weight			:	bold;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
	padding-top			: 	5px;
	padding-left		: 	4px;
	margin-left			:	4px;
	margin-top			:	15px;
	height				: 	20px;
	width				: 	200px;
}
.subinhalt {
	border-bottom		: 	1px dashed #666666;
	margin				: 	3px 4px 3px 4px;
	padding				: 	4px 0 15px 3px;
}


.cleaner {
	clear				:	both;
	height				:	1px;
	font-size			:	1px;
	border				:	0px none;
	margin				:	0; 
	padding				:	0;
	background			:	transparent;
}
h1,h2 { 
	font-size			: 	1.7em;
	margin				: 	0; 
}
p { margin				: 	0.5em 0; }

.zurueck{
	font-size			:	x-small;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
	text-align			:	left;
	padding				: 	5px 0px 5px 0;
	color				:	#CC9933;
	}
	.zurueck a:link {
		text-decoration	:	underline;
		color			:	#CC9933;
		}
	.zurueck a:visited{
		text-decoration	:	underline;
		color			:	#CC9933;
		}
	.zurueck a:hover {
		text-decoration	:	none;
		color			:	#990000;
		}
.bild{
	float				:	left;
    padding				: 	3px;
	margin				: 	3px 3px 12px 0px;
	border				: 	1px solid #CCC;
	}

#validator { 
	background-color	:	#FFFFFF;
	border-top			: 	1px solid #CCC;
	width				:	auto;
	padding				: 	5px;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
	color				:	#999999;
	font-size			:	9px;
	text-align			:	center;
	}
	#validator a:link 	{color:#FFFFFF;}
	#validator a:visited{color:#FFFFFF;}
	#validator a:hover	{color:#FFFFFF;}
	#validator td {
		text-align		:	center;
		font-size		:	9px;
		font-family		:	Verdana, Arial, Helvetica, sans-serif;
		color			: 	#CCC;
	}
.aligncenter p{
	text-align			:center;
	}
hr{
	display				:	block;
    background			:	inherit;
    overflow			:	hidden;
    line-height			:	1px;
    font-size			:	1px;  
    border-top			:	1px solid #f2f2f2;
	}