/*----- CSS Reset -----*/
* 											{margin: 0; padding: 0}
ul, ol 										{list-style: none}
h1, h2, h3, h4, h5 							{font-weight: normal}
a 											{outline: none}
a img 										{border:none}

/*----- General Styles -----*/
body, html 									{height: 100%}
body 										{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ab9992}

br, .clear 									{clear:both}
.hide 										{display:none}
.left 										{float:left}
.right 										{float:right}
hr											{height:1px; border:none; background:#baa8a1; margin:10px 0px;}

a											{text-decoration:none; color:#b1103c}
a:hover										{text-decoration:underline}

.dunkel										{background:url(../img/dunkel_bg.gif) repeat-x #baa8a1 top; position:relative}
.button										{text-align:center; color:#eee7d3; text-transform:uppercase; font-size:1em; display:block}
.mini_button								{width:36px; height:36px; background:url(../img/button_kurz.gif); line-height:36px; text-align:center}

h3, .headline								{font-size:15px; font-weight:bold; color:#4f363d; margin-top:15px; display:block}

#top div, #panel_contents, #foot div, #content					{width:60%; max-width:600px; min-width:450px}

.top-left, .top-right, .bottom-left, .bottom-right {width:6px; height:6px; display:block; background:url(../img/ecken.jpg);  position:absolute}
.top-left	{top:0}
.top-right	{background-position:top right; top:0; right:0}
.bottom-left {background-position:bottom left; bottom:0; left:0}
.bottom-right {background-position:bottom right; bottom:0; right:0}

/*--- Top ---*/
#top, #foot									{width:100%; background:#4f363d; color:#fff; text-transform:uppercase; font-size:1em}
#top										{padding:10px 0px; z-index:90}
#top div									{margin:0px auto; text-align:center}
#top ul, #foot ul							{display:inline}
#top ul li, #foot ul li						{display:inline; margin:0px 10px}
#top a, #foot a								{color:#eee7d3}
#top a:hover, #foot a:hover 			    {color:#baa8a1; text-decoration:none}

#panel										{width:100%; margin-top:3px; height:60px; overflow: hidden; position:relative; z-index:98}
#panel_contents								{margin:0 auto}
#panel_contents .contents									{width:31%; margin:1%; margin-top:0px; float:left; display:none; text-align:center;}
#suchformular								{width:40%; margin:1%; margin-top:10px; float:right; display:block; text-align:center;}
.contents a									{color:#FFF; font-size:1.3em}
.panel_button								{background:url(../img/button_lang.gif); width:200px; height:30px;
											 line-height:30px; margin:0px auto; margin-top:-6px;  position:relative; z-index:99}
#top_button									{display:block; position:absolute; margin:-22px 0px 0px 0px; left:50%; z-index:10000;}
											  
#socialmedia								{text-indent:-10000px}
#socialmedia a 								{display:block; width:100%}
#twitter a 									{background:url(../img/twitter.jpg) center; height:28px}
#twitter a:hover 							{background:url(../img/twitterhover.jpg) center}
#xing a 									{background:url(../img/xing.jpg) center; height:50px}
#xing a:hover 								{background:url(../img/xinghover.jpg) center}
#deviantart a 								{background:url(../img/deviantart.jpg) center; height:53px}
#deviantart a:hover 						{background:url(../img/deviantarthover.jpg) center}
#flickr a 									{background:url(../img/flickr.jpg) center; height:40px}
#flickr a:hover 							{background:url(../img/flickrhover.jpg) center}

#search										{width:100%; padding:5px 0px; margin-right:-39px; height:20px; border:none; background: #fff; margin-top:3px; color:#ab9992}
#searchbutton								{text-indent:-1000px; border:none; background:url(../img/suche.jpg); cursor:pointer; border-left:3px solid #ab9992; width:39px;}

#logo 										{margin:0px auto; padding:70px 0px; padding-top:80px!important; position:relative; background:url(../img/punkt.gif) repeat-y right}
#logotext									{font-family:Impact; font-size:4.8em; color:#4f363d; text-transform:uppercase; word-spacing:-0.2em; line-height:1em}
#logotext strong							{color:#b1103c; margin:0 0 0 5px;}
#logotext a									{color:inherit}
#logotext a:hover							{text-decoration:none}
#slogan 									{color:#4f363d; font-weight:bold; font-size:1.5em}

#content									{margin:0px auto; background:url(../img/punkt.gif) repeat-y right #FFF; padding:0 0 70px 0; margin-top:-26px;
											 position:relative; z-index:2}
#inhalt										{margin-right:100px; background:#FFF; position:relative; z-index:3}
#content h1, #content h2, #content h3		{color:#4f363d; margin-top:30px; margin-bottom:5px}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover {text-decoration:none}
#content h1									{font-size:2.4em; margin-top:-40px; margin-bottom:0px;}
#content h1 strong							{font-size:2em; color:#ab9992; vertical-align:0.4em;}
#content h1 a								{font-weight:bold}
#content h2									{font-size:1.8em}
#content h3									{font-size:1.5em; font-weight:bold; margin-bottom:0px;}
#content p									{font-size:1.3em; margin:0px; margin-bottom:20px;}
#content ul									{font-size:1.3em;}
.wichtig, #content p						{text-align:justify}
.wichtig									{font-size:1.5em !important; margin-top:10px}
.wichtig strong, #content p strong			{color:#4f363d; font-weight:bold}
.sitelink									{text-transform:uppercase; font-size:10px}

#referenzen									{width:100%; height:200px; margin-left:-200%; position:relative; padding-left:200%}
#referenzen img, .bilder img				{border:3px solid #4f363d}

#slideshow #slidesContainer 				{margin:0; height:200px; width:100%; overflow:auto; position:relative; color:#4f363d;}
#slideshow #slidesContainer .slide 			{margin:0; height:200px; margin:8px 0px; float:left}
#slideshow #slidesContainer .slide div 		{float:left; margin-left:10px;}
#slideshow #slidesContainer .slide img 		{float:left;}
#slideshow #slidesContainer h3				{margin:0px;}
#slideshow #slidesContainer .slide a		{margin:0px; font-size:1.3em}
#slideshow #slidesContainer h4				{font-size:1.3em; font-weight:bold; margin-top:20px;}

.control									{cursor:pointer; z-index:100}
#leftControl, #rightControl					{font-weight:bold; font-size:2em; color:#eee7d3; position:absolute; margin-left:-18px; top:50%; margin-top:-18px}
#rightControl								{left:100%}


.leistungen									{width:48%; display:block}
.leistungen h3								{margin:15px 0 0 20px!important;}
.leistungen ul								{list-style:outside; margin:10px 20px 20px 30px; font-size:1.3em; color:#4f363d; padding:0px 10px}

#foot	 									{height:10px; padding:10px 0; display:block; position:relative;}
#foot ul 									{margin-right:2%;}
#foot div									{margin:0 auto; display:block; text-align:center; position:relative}

#cards										{width:40%; height:240px; background:url(../img/cards.jpg) no-repeat left top; position:absolute; left:60%; top:120px; z-index:1;
											 overflow:hidden; z-index:1}
#cards a									{width:100%; height:100%; display:block}

.referenz									{position:relative; margin-left:100px;}
.referenzen									{margin-top:0px!important; line-height:1em;}
.referenzen br								{clear:none}

.datum										{font-size:1.5em; position:absolute; width:200px; margin-left:-210px; text-align:right;}
.datum strong								{text-transform:uppercase; font-weight:bold; color:#ab9992; display:block}
.datum a									{font-style:italic;}
.datum em									{display:block; font-size:6.6em; color:#eee7d3; font-style:normal; font-weight:bold;}

.leistung									{position:absolute; margin-left:265px;}
.leistung strong							{font-size:1.5em; font-weight:bold;} 
.leistung ul								{list-style:outside; margin:5px; font-size:1.3em; color:#4f363d; padding:0px 10px;}


.meinung									{width:40%; float:right; padding:0 0 10px 20px; display:block; margin-right:-80px;}
.meinung h2									{margin:0px 0px 2px 0px!important;}
.meinung p a								{color:#ab9992; text-decoration:none; display:block; padding:6px;text-align:right}
.meinung p a:hover							{background:#ab9992; text-decoration:none; color:#eee7d3}
.meinung p									{color:#ab9992; margin:4px 0px!important;}
.meinung p em								{font-size:0.85em; color:#4f363d!important}
.meinung p strong							{font-size:3em; color:#eee7d3!important; float:left; margin:-30px 10px 10px 0px; display:block;}