@import url(core/base.css);
body {
	background			: 	#e8e8e8 url(../_images/neu/hintergrund.gif) repeat-y center top; 
	padding				: 	0;
	margin				: 	0;
	font				: 	77% sans-serif;
}
#pagetop {
	background-color	:	#e8e8e8;
	width				:	auto;
	
	}
	[id]#pagetop {
	background-image	:	url(../_images/neu/seitenoben.gif);
	background-repeat	:	no-repeat;
	background-position	:	bottom;
	background-color	:	#e8e8e8;
	height				:	25px;
	padding-top			:	5px;
	}
#pageContainer {
	background-color	:	#fff;
	margin				:	auto;
	min-width			: 	60em;
	width				: 	767px;
	padding				: 	0px 4px 4px 4px;
}
#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 14em #fff;
	border-right		: 	solid 14em #fff;
}
#outerColumnContainer1
{
	/* Das ist der outer Container für die Kontakt Seite */
	border-left			: 	solid 14em #FFFFFF;
	
}
#outerColumnContainer
{
	border-left-color	:	#FFFFFF; 		/* left column background color */
	border-right-color	: 	#FFFFFF;	/* right column background color */
	background-color	: 	#fff;			/* set the background color for the middle column here */
}
#innerColumnContainer
{
	/*border				:	solid 1px #fff;	Rahmen im Textfeld main */
	border-width		: 	0 1px;
	margin				: 	0 -1px;		/* compensate for the borders because of
				   						100% width declaration */
	width				: 	100%;
	z-index				: 	1;
}
#innerColumnContainer
{
	border-color		: 	#565;
}
#innerColumnContainer1
{
	/* border-left			: 	solid 1px #fff; Rahmen im Textfeld main */
	border-width		: 	0 1px;
	margin				: 	0 -1px;		/* compensate for the borders because of
				   						100% width declaration */
	width				: 	100%;
	z-index				: 	1;
}
#innerColumnContainer1
{
	border-color		: 	#565;  /* Kontakt Seiten Conatiner*/
}
/*====== Navigation  Oben =======*/
#navcontainer{
	}

#navlist ul{
	margin				:	0px;
	padding				:	0px;
	white-space			:	nowrap;
}

#navlist li{
	padding-left		:	1px;
	display				: 	inline;
	list-style-type		:	none;
	
}

#navlist a { 
	padding-left		:	1px;
}

#navlist a:link, #navlist a:visited{
	color				: 	#000;
	text-decoration		: 	none;
}

#navlist a:hover{
	border-bottom		: 	solid 4px #cc0000;
}

.topnavtext{
	font-family			: 	Verdana, Arial, Helvetica, sans-serif;
	margin				:	0px;
	padding-left		:	0px;
	text-align			:	right;
}

/*======== Navigation Oben ENDE ======*/
#navheader {
	background-color	:	#666666;
	border				: 	1px solid #fff;

}
/* ======= Navigation Links ANFANG =====*/
#navlistside {
	padding				: 	0 1px 1px 15px;
	margin-left			: 	2px;
	font				: 	9px Verdana, sans-serif;
	width				: 	15em;
	line-height			:	15px;
}

#navlistside li {
	list-style			: 	none;
	margin-top			:	15px;
	margin-bottom		:	4px;
	text-align			: 	left;
	background-color	:	#FFFFFF;
}

#navlistside li a{
	background-image	:	url(../_images/btn.gif);
	background-repeat	:	no-repeat;
	display				: 	block;
	padding				: 	0.25em 0em 0.25em 0.75em;
	text-decoration		: 	none;
}

#navlistside li a:link { 
	color				: 	#000;
	background-image	:	url(../_images/btn.gif);
	background-repeat	:	no-repeat; 
}
#navlistside li a:visited {
	color				: 	#000;
	background-image	:	url(../_images/btn.gif); 
	background-repeat	:	no-repeat;
}

#navlistside li a:hover{
	background-image	:	url(../_images/btn_down.gif);
	background-repeat	:	no-repeat;
	color				: 	#000;
}

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

#divide{
	background-color	:	#fff;
	width				:	auto;
	height				:	50px;
}
#divide1{
	background-image	:	url(../_images/neu/seitenunten.gif);
	background-position	:	top;
	background-repeat	:	no-repeat;
	background-color	:	#e8e8e8;
	width				:	auto;
	height				:	25px;
	padding-bottom		:	25px;
	}
	
#divide2{
	background-color	:	#fff;
	width				:	auto;
	height				:	8px;
}
/* ======= Bild Kategorie ======= */
#bildstart {
	background-image	: 	url(../_images/start.jpg);
	width				:	auto;
	height				:	149px;
	border-top			: 	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	margin-bottom		:	5px;
}
#bildcopy {
	background-image	:	url(../_images/copyright.jpg);
	width				:	auto;
	height				:	150px;
	border-top			: 	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	margin-bottom		:	5px;
}
#bilddesign {
	background-image	: 	url(../_images/design.jpg);
	width				:	auto;
	height				:	149px;
	border-top			: 	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	margin-bottom		:	5px;
}
#bilddruck {
	background-image	: 	url(../_images/druck.jpg);
	width				:	auto;
	height				:	149px;
	border-top			: 	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	margin-bottom		:	5px;
}
#bildschilder {
	background-image	: 	url(../_images/schilder.jpg);
	width				:	auto;
	height				:	149px;
	border-top			: 	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	margin-bottom		:	5px;
}
#bildweb {
	background-image	: 	url(../_images/webdesign.jpg);
	width				:	auto;
	height				:	149px;
	border-top			: 	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	margin-bottom		:	5px;
}
#bildkunden {
	background-image	: 	url(../_images/kunden.jpg);
	width				:	auto;
	height				:	149px;
	border-top			:	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	margin-bottom		:	5px;
}
#bildkontakt {
	background-image	: 	url(../_images/kontakt.jpg);
	width				:	auto;
	height				:	149px;
	border-top			: 	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	margin-bottom		:	5px;
}
#bilddownloads {
	background-image	: 	url(../_images/downloads.jpg);
	width				:	auto;
	height				:	149px;
	border-top			:	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	margin-bottom		:	5px;
}
/* ======= Bild Kategorie Ende ======= */

.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);
	border-top			: 	4px solid #fff;
	width				:	auto;
	height				:	107px;
}
#main {
	border-left			: 	14em solid #FFFFCC;
	border-right		: 	14em solid #FFFFCC;
	background			: 	#fff;
	margin				: 	0; 
	padding				: 	0;
}
#middle h3 {
	font-size			:	17px;
	color				:	#cc0000;
}
#middle h3, #middle p, #middle li {
	list-style-type		:	none;
	margin				:	0;
	padding				: 	0 4px;
}
#middle p{
	font-size			:	12px;			/* Schriftgröße Inhalt*/
}
#left, #middle, #right, #SOWrap {
	overflow			: 	visible;
	position			:	relative;
}
#SOWrap {
	float				: 	left;
	margin				: 	0 -1px 0 0;
	width				: 	100%;
	z-index				: 	3;
}
#middle {
	float				:	right;
	margin				: 	0 0 0 -1px;
	width				:	100%;
	z-index				: 	5;
}
#middle a:link{
	color				:	#cc0000;
	text-decoration		:	underline;
}
#middle a:visited{
	color				:	#cc0000;
}
#middle a:hover{
	text-decoration		:	none;
	color				:	#999999;
}	
#middle .bildlink, #middle .bildlink a:link, #middle .bildlink a:visited{ border:none; color:#FFFFFF; text-decoration		:	none;}
* html a.bildlink:link, a.bildlink:visited{border:none; color:#FFFFFF; text-decoration		:	none;}
.newscontainer{
	padding				: 	4px 0 4px 10px;
	}

#left{
	float				: 	left;
	margin				: 	0 1px 0 -14em;
	width				: 	14em;
	z-index				: 	4;
}
#right {
	float				: 	right;
	width				: 	14em;
	margin				: 	0 -14em 0 1px;
	z-index				: 	2;
}

/* ========== Kontakt Container ==Anfang=========*/
.kontakt{
	background-image	:	url(../_images/neu/kontaktoben.gif);
	background-repeat	:	no-repeat;
	background-position	:	top;
	font-size			:	11px;
	color				:	#666666;
	padding-top			:	12px;
	padding-left		:	5px;
	padding-bottom		:	0px;
	margin-top			:	3px;
	margin-left			:	5px;
	margin-right		:	5px;
	margin-bottom		:	5px;
}

.kontakt a:link{
	color				:	#cc0000;
	text-decoration		:	underline;
}
.kontakt a:visited{
	color				:	#cc0000;
}
.kontakt a:hover{
	text-decoration		:	none;
	color				:	#21262A;
}
.ende{
	background			:	url(../_images/neu/kontaktunten.gif);
	background-repeat	:	no-repeat;
	padding-bottom		:	0px;
	margin-left			: 	-9px;
	}
/* ========== Kontakt Container ==Ende=========*/

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

#footer {
	border-top			:	solid 1px #CCCCCC;
	margin				:	5px 0 0 0; 
	padding				: 	0 0.5em;
	background			:	#fff;
}
.footertext{
	font-size			:	x-small;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
	text-align			:	right;
	padding				:	5px 0px 5px 0;
	color				:	#CC9933;
}
.footertext a:link {
	text-decoration		:	none;
	color				:	#CC9933;
}
.footertext a:visited{
	text-decoration		:	none;
	color				:	#CC9933;
}
.footertext a:hover {
	text-decoration		:	underline;
	color				:	#cc0000;
}

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

.subheader {
	border-left			:	10px solid #AAB;
	border-bottom		: 	1px solid #AAB;
	color				:	#cc0000;
	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;
}
.subheader_long {
	border-left			:	10px solid #AAB;
	border-bottom		: 	1px solid #AAB;
	color				:	#cc0000;
	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				: 	220px;
}
.subinhalt {
	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				:	#cc0000;
}
.bild{
	float				:	left;
    padding				: 	0 4px 6px 3px;
	}
#validator { 
	background-color	:	#FFFFFF;
	border-top			: 	1px solid #CCCCCC;
	width				:	auto;
	padding				: 	5px;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
	color				:	#999999;
	font-size			:	9px;
}
#validator a:link {color:#FFFFFF}
#validator a:visited {color:#FFFFFF}
#validator a:hover{color:#FFFFFF}

.aligncenter p{
	text-align			:	center;}