/* CSS Document */

html {
		}
	
body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #191919 url(../images/body_bg.jpg) top center;
	color: #eee;
	
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */

p {
	font-size: 110%;
	line-height: 1.3em;
	margin: 0 0 1em 0
}

blockquote {
	padding: 0 0 0 75px
}

a {
	text-decoration:none;
	outline:none;
	color: #ccc;
	cursor: hand;
}

a:hover {
	color: #fff
}

img {
	border:none;
}

ul {
	margin: 0 0 0 15px
}

ol {
	margin: 0 0 0 25px
}

li {
	font-size: 110%;
	margin: 0 0 1em 0
}

hr {
	border:none;
	color:#666;
	background: #666;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 20px 0;
}

h1 {
	font-size: 240%;
	font-weight:normal;
	height: 45px;
	line-height: 45px;
	margin: 0 0 20px 0;
	background: url(../images/line.gif) left bottom repeat-x;
	text-transform: uppercase;
}

h2 {
	font-size: 200%;
	font-weight:normal;
	margin: 0 0 0.7em 0;
}

h3 {
	font-size: 170%;
	font-weight:normal;
	margin: 0 0 0.5em 0;
}

h4 {
	font-size:140%;
}

h5 {
	font-size:110%;
}

h6 {
	font-size: 110%;
	font-weight: normal;
}

label {
	font-size: 110%;
	display:block;
	height: 20px;
	line-height: 20px;
}

select {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
}
input {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	padding: 2px;
}
/* Klassen ########################################################## */

.bild {
	border: 1px solid #999;
	margin: 0 5px 5px 0;
}

.bild_text {
	float:left;
	margin: 0 20px 20px 0;
	border:1px solid #999;
}

.bild_text_ohne {
	float:left;
	margin: 0 20px 20px 0;
}

.bild_text_re {
	float:right;
	margin: 0 0 10px 10px;
	border:1px solid #999;
}
.bild_text_re_ohne {
	float:right;
	margin: 0 0 10px 10px;
}

.text_li {
	width: 270px;
	padding:0 10px 0 0;
	margin: 0 10px 0 0;
	float:left;
}

a.mehr{
	background: url(../images/mehr.png) 0px 1px no-repeat;
	padding: 10px 0 10px 30px;
}

a.mehr:hover {
	background-position: 0 -39px;
}

a.pdf {
	background: url(../images/a_pdf_bg.png) left center no-repeat;
	padding: 20px 0 20px 50px;
	line-height: 50px;
	margin: 20px 0 20px 0;
}

.line {
	background: url(../images/line.gif) top left repeat-x;
}

/* Shop ############################################################ */

.shop p.preis span{
	font-size:260%;
}

.shop form label{
display:inline;
}

.shop form input{
margin:0 0 0 10px;
}

/* Layout ########################################################## */
#wrap {
	
}

#container {
	background: url(../images/container_bg.jpg) top center repeat-x;
	overflow:hidden;
}
#container_start {
	background: url(../images/container_start_bg.jpg) top center repeat-x;
	overflow:hidden;
}

.content {
	width: 980px;
	margin:auto;
}


/*header --------------------------------- */

#header {
	background: #989F94 url(../images/header_bg.jpg) top center repeat-x;
	height: 258px;
	
}

#header .content {
	position:relative;
	
}

#umzug {
	width: 670px;
	height: 100px;
	position:absolute;
	top:0;
	left: 20%;
	background: url(../images/umzug_bg.png) no-repeat;
}

#header img {
	display:none;
}

#header a.logo {
	display:block;
	top:0;
	left:30px;
	width: 430px;
	height:250px;	
	text-indent: -3000px;
	outline:none;
}

#header ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#header ul li {
	padding:0;
	margin:0;
}

#header ul li a {
	position:absolute;
	outline:none;
	display:block;
	text-indent: -3000px;
}

#header ul li a.rss {
	top:20px;
	right: 40px;
	width: 35px;
	height: 35px;
	background: url(../images/a_rss_bg.png);
}

#header ul li a.home {
	top: 105px;
	left: 550px;
	width: 70px;
	height: 25px;
	background: url(../images/a_home_bg.png) 0 0 no-repeat;
}



#header ul li a.works {
	top: 100px;
	left: 655px;
	width: 145px;
	height: 40px;
	background: url(../images/a_works_bg.png) 0 0 no-repeat;
}

#header ul li a.shop {
	top: 100px;
	left: 825px;
	width: 115px;
	height: 35px;
	background: url(../images/a_shop_bg.png) 0 0 no-repeat;
	}

#header ul li a.news {
	top: 160px;
	left: 575px;
	width: 70px;
	height: 25px;
	background: url(../images/a_news_bg.png) 0 0 no-repeat;
}

#header ul li a.alex {
	top: 155px;
	left: 670px;
	width: 70px;
	height: 30px;
	background: url(../images/a_alex_bg.png) 0 0 no-repeat;
}

#header ul li a.contact {
	top: 160px;
	left: 765px;
	width: 100px;
	height: 25px;
	background: url(../images/a_contact_bg.png) 0 0 no-repeat;
}

#header ul li a.links {
	top: 120px;
	left: 840px;
	width: 50px;
	height: 20px;
	background: url(../images/a_links_bg.png) 0 0 no-repeat;
}

#header ul li a:hover {
	background-position: 0 -70px;
}
#header ul li a.aktiv {
	background-position: 0 -70px;
}
/*Inhalt --------------------------------- */


#content_wrap {
	width:980px;
	margin:auto;
	padding: 0px 0 20px 0;
}



#content {
	width: 560px;
	padding: 40px 0 60px 20px;
	float:left;
}

/*Partner*/

.partner {
	width: 250px;
	height: 190px;
	float:left;
	text-align:center;
	margin: 0 10px 10px 0;
	
}
.partner p {
	padding: 5px
}

/*Artnav*/

p.artnav_li {
	float:left;
	width: 45%;
}

p.artnav_re {
	float:right;
	width: 45%;
	text-align:right;
}


/*Bildergalerie*/

p.imgnav {
	text-align:center;
}

p.imgnav a{
	text-indent:-9999px;
	display:inline-block;
	width:50px;
	height:50px;
}

p.imgnav a.smd_slimbox_next{
	background:url(../css/nextlabel.png) no-repeat;
}

p.imgnav a.smd_slimbox_prev{
	background:url(../css/prevlabel.png) no-repeat;
}



.work_teaser{
	width:122px;
	text-align: center;
	font-size: 140%;
	margin: 0 10px 10px 0;
	float:left;
}

.work_teaser img{
	border:1px solid #999;
}


/*Startseite*/
#start {
	margin:auto;
	width: 980px;
	height:290px;
}

.scol {
	width: 284px;
	height: 260px;
	float:left;
	margin: 0 20px 0 20px;
	padding: 0 0 50px 0;
	position:relative;
}

.scol p {
	padding: 0 10px;
}

.scol p.link {
	width:264px;
	position:absolute;
	top: 220px;
	left:0;
	background: url(../images/line.gif) top left repeat-x;
	padding: 15px 10px 0 10px;
}


.scol h1.aha {
	background: url(../images/h1_aha_bg.png) no-repeat;
	text-indent:-3000px;
}

.scol h2.latest {
	background: url(../images/h2_latest_bg.png) no-repeat;
	font-size: 240%;
	font-weight:normal;
	height: 45px;
	line-height: 45px;
	margin: 0 0 20px 0;
	text-indent:-3000px;
}

.scol img.bild {
	border: 1px solid #999;
	margin: 0 5px 10px 5px;
}

/*Sidebar / Navi --------------------------------- */

#sidebar {
	width: 320px;
	padding: 40px 20px 40px 0;
	float:right;
}

.sb_content {
	padding: 00px 20px 0 40px;
}

/*Headlines Sidebar */

#sidebar h5 {
	height: 45px;
	line-height: 45px;
	margin: 0 0 20px 0;
	text-indent: -3000px;
}

#sidebar h5.works {
	background: url(../images/sb_h5_works_300_bg.png) 0 0 no-repeat;
}
#sidebar h5.news {
	background: url(../images/sb_h5_news_bg.png) 0 0 no-repeat;
}
#sidebar h5.contact {
	background: url(../images/sb_h5_contact_bg.png) 0 0 no-repeat;
}
#sidebar h5.links {
	background: url(../images/sb_h5_links_bg.png) 0 0 no-repeat;
}
#sidebar h5.aha {
	background: url(../images/sb_h5_aha_bg.png) 0 0 no-repeat;
}


#sidebar ul {
	margin: 0 0 0 0px;
	list-style-type:none;	
}

#sidebar ul li {
	font-size: 170%;
	margin:20px 0 20px 0;
	line-height:1em;
}

#sidebar ul li a {
	background: url(../images/sb_bullet.png) 0 8px no-repeat;
	padding: 10px 0 10px 40px;
	text-transform: uppercase;
}

#sidebar ul.works li a {
	background: url(../images/sb_bullet_works.png) 0 8px no-repeat;
}

#sidebar ul.links li  {
	font-size:110%;
	margin:20px 0 10px 0;
	line-height:1em;
}

#sidebar ul.links li a {
	background: url(../images/sb_bullet_links.png) 0 8px no-repeat;
}


#sidebar ul li a:hover {
	background-position: 0 -42px;
}

#sidebar ul li a.aktiv {
	background-position: 0 -42px;
}
/*Headlines Sidebar Zwei Spalten*/

/*

#col1 {
	width:220px;
	float:left;
}

#col2 {
	width:220px;
	float:right;
}


#sidebar h5 {
	height: 45px;
	line-height: 45px;
	margin: 0 0 20px 0;
}


#sidebar h5.works {
	background: url(../images/sb_h5_works_bg.png) 0 0 no-repeat;
}

#sidebar h5.grab {
	background: url(../images/sb_h5_grab_bg.png) 0 0 no-repeat;
}*/



/*Footer --------------------------------- */

#footer_wrap {
	height:400px;
	background: #000 url(../images/footer_wrap_bg.jpg) top center repeat-x;
	clear:both;
}

#footer {
	margin:auto;
	width: 980px;
	position:relative;
	height: 320px;
}



#footer img.logo {
	position:absolute;
	top: -42px;
	left: 405px;
}

/*Headlines*/

#footer h4 {
	font-weight:normal;
	padding:5px 0 10px 0;
	margin:0;
}

#footer h5 {
	height: 30px;
	line-height: 30px;
	margin: 0 0 10px 0;
	text-indent: -3000px;
}

#footer h5.meet {
	background: url(../images/footer_h5_meet_bg.gif) 0 0 no-repeat;
}
#footer h5.call {
	background: url(../images/footer_h5_call_bg.gif) top right no-repeat;
}

#footer h5 a {
	display:block;
}
/*links*/

.fcol1 {
	width: 320px;
	float:left;
	padding: 40px 0 0 20px;
}

.fcol1 div {
	background: url(../images/fcol1_div_bg.png) top left no-repeat;
	padding: 0 0 0 40px;
}

.fcol1 a.mehr{
	background: url(../images/mehr.png) 5px 1px no-repeat;
	padding: 10px 0 10px 40px;
}
.fcol1 a.mehr:hover {
	background-position: 5px -39px;
}

/*rechts*/
.fcol2 {
	width: 340px;
	float:right;
	padding: 40px 20px 0 0px;
}


.fcol2 p {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 0px 60px;
}

#call_content {
	background: url(../images/call_content_bg.png) top left no-repeat;
	padding: 0 0 20px 0;
}

#call_content p.phone {
	color: #ff6600;
	margin: 0 0 18px 0
}

#call_content p.phone span {
	display:block;
	width: 40px;
	float:left;
}

/*Impressum*/

#impressum {
	margin:auto;
	width: 940px;
	padding: 0 20px;
	
}

#impressum h6 {
	background: url(../images/impressum_bg.png) no-repeat;
	color: #a9a9a9;
	padding: 30px 0 20px 115px;
}

#impressum h6 span {
	display:none
}


#impressum a {
	color: #a9a9a9;
}
#impressum a:hover {
	color: #fff;
}

/*RN Logo*/
/*a.rn {
	display:block;
	height: 109px;
	width: 109px;
	position:absolute;
	right:30px;
	bottom: -70px;
	background: url(../images/rn_rec.png) 0 0 no-repeat;
	text-indent: -3000px;
}*/


/* Clearing ########################################################## */

.clear_li {
	clear:left;
}

.clear {
	overflow:hidden
}

* html .clear {
	height: 1%;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/* Diese Angabe ben?tigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Clearfix-Anpassung f?r IE */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatbox { overflow:hidden; }
/*##Suche, Artikel Startseite####*/