/* Begin Structure & Typography & Colors */

html {height: 100%; width: 100%; overflow:hidden;}

body {
    background:url(images/bg.gif) repeat;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	color: #D3D3D3;
	text-transform: none;
	text-align: left;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden; 
	
	}
	

#scroller {
	Z-INDEX: 1; LEFT: 0px; OVERFLOW-y: scroll; overflow-x:hidden; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%
	}
html>body #scroller {overflow:auto;}

#border {background:url(images/border.gif) top left repeat-y; width:970px; height:100%; margin: 0 auto; min-height:100%}	
html>body #border {height:auto;}


#page {
position:relative;
    font-size: 1.2em;
	text-align: left;
	background:#171717 url(images/bg.png) top left no-repeat;
	margin: 0px auto;
	padding: 0;
	min-height: 100%;
	height: 100%;
	width: 900px;

	
	
	}
html>body #page {height:auto;}


strong {
font-weight:bold;
}
p {margin: 0px 0px 15px 0px; padding: 0px; line-height: 16px;}	

#header {

z-index: -1;
top: 0px;
left: 0px;
	margin: 0; 
	padding: 0; 
	width: 900px;
	height: 458px;
	}
html>body #header {
position: relative;
z-index: 2;
top: 0px;
left: 0px;
	margin: 0; 
	padding: 0; 
	width: 900px;
	height: 458px;
	}


#suche {
float:right;
padding-right:10px;
background:url(images/searchbg.gif) no-repeat top right;
width: 347px;
height: 45px;
text-align:right;
}
html>body #suche {width:299px;padding:0px 10px 0px 38px;}


#willkommen {
position:relative;
z-index:5;
padding:0px;
margin-left: 20px;
float:left;
margin-top: 270px;
width: 810px;
margin-right: 10px;
}

html>body #willkommen {margin-left: 40px;
}


#startnews {
float:left;
width:810px;
margin: 30px 10px 30px 20px;

}
html>body #startnews {margin-left:40px;
}

#beitraglinks {width:350px; float:left;}
#beitragrechts {width: 350px; float:right;}

#beitraglinks ul, #beitragrechts ul { list-style: none; border-top: 1px solid #989898; margin: 5px 0 0 0; }
#beitraglinks ul li, #beitragrechts ul li{ border-bottom: 1px solid #989898; display:block;}
html>/**/body #beitraglinks ul li {margin-left: -40px;}
html>/**/body #beitragrechts ul li {margin-left: -40px;}


#beitraglinks ul li a, #beitragrechts ul li a {display: block; padding: 4px 10px; }
#beitraglinks ul li a:hover, #beitragrechts ul li a:hover { background: #525151; text-decoration:none; }

.pageuebstart {background: url(images/ueb.gif) center left no-repeat;
margin:0;
padding-left: 22px;
width:620px;
height:18px;
}
html>body .pageuebstart {margin-bottom:5px;}
/*SIDEBAR--------------------------------------------------------------------*/

#sidebar
{position:relative;
z-index: 7;
	margin-top:-420px;
	padding-top: 0px;
	width: 520px;
	height: 30px;
	text-align:left;
	}
html>body #sidebar
{ margin-left:0px;}

#tags {background: #474747; border: 1px solid #6a6a6a; margin-top: 30px;}
#tags ul {list-style: none;}
#tags li {list-style: none; line-height: 1.2;}



#menu { width: 520px; float:left; display:block}

#menu ul { list-style: none; margin: 0; padding: 0; float: left; display:block;} 


#menu li a{ font: normal 14px arial, helvetica, sans-serif; 
  text-align:center;
  display: block; 
  margin: 0; padding: 2px 3px;
  color: #ffffff; text-decoration: none;
  } 
 
#menu li a:hover {border-bottom: #AEAEAE 3px solid}

#menu .home {margin: 0px 25px 0px 22px; width:47px;}
#menu .home a {border-bottom: #FD0000 3px solid;}

#menu .referenzen {margin: 0px 20px 0px 17px; width: 87px;}
#menu .referenzen a {border-bottom: #DD494B 3px solid;}

#menu .leistungen {margin: 0px 20px 0px 17px; width: 80px;}
#menu .leistungen a {border-bottom: #F63B01 3px solid;}

#menu .links {margin: 0px 20px 0px 17px; width: 37px;}
#menu .links a {border-bottom: #FE7D4B 3px solid;}

#menu .kontakt {margin: 0px 20px 0px 20px; width: 57px;}
#menu .kontakt a {border-bottom: #FFE291 3px solid;}


/*SIDEBAR--------------------------------------------------------------------*/

#content {
margin-left: 20px;
float:left;
height:400px;
margin-top: 270px;
width: 810px;
margin-right: 10px;
margin-bottom: 35px;
}

html>body #content {
position:relative;
z-index: 5;
height: auto;
margin-right: 20px;
margin-left: 40px;
margin-bottom: 30px;
}

.narrowcolumn {/*content seiten*/
	line-height:16px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	margin-top:0px;
	
}


.entry {
   font-size: 1.1em;
   position:relative;
	border-top:#CBCBCB 1px dashed;
    padding: 30px 10px 10px 10px;
		
	}
.entry2 { /*kategorien*/
    font-size: 1.1em;
   position:relative;
	border-top:#CBCBCB 1px dashed;
	
    padding: 10px 10px 10px 10px;
	
	}
.entry3 /*beitrag single*/{
font-size: 1.1em;
   position:relative;
	border-top:#CBCBCB 1px dashed;
	
    padding: 10px 10px 10px 10px;}
	
html>body .entry2 {margin-right:10px;}
html>body .entry3 {margin-right:10px;}

.detail{font:color:#FF0000; font-weight:bold;padding-left:20px; 
border-bottom:#B0B0B0 1px dashed;background:url(images/link.gif) no-repeat center left;}
.detail:hover {background:url(images/link.gif) no-repeat center left #CCCCCC;}

.pageueb {background: url(images/ueb.gif) center left no-repeat;
margin:0;
padding-left: 22px;
width:620px;
height:18px;

}
h1 {/*überschrift seiten*/
font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.8em;
	text-align: left;
	margin: 0 0 0 0;
	color:#FA4601;
	text-transform:uppercase;
	}
h1 a {color:#FF8304;}
h1 a:hover {text-decoration:underline;}		

h2 {
font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	margin: 0 0 15px 0;
	color:#FF8304;
	text-transform: uppercase;
	}
h2 a {}	
h2 a:hover {text-decoration: overline;}

h3 {font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	margin: 0 0 0px 0;
	color:#FF8304;
	text-transform: uppercase}
	
h4 {font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	margin: 0 0 0 0;
	color:#E4E4E4;}

.browserbild {padding: 3px; border: #B2B1B1 1px solid; margin-right: 15px;}


.widecolumn .entry {
	line-height: 13px;
	background: #ffffff;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border:#A8B0BE 1px dashed;
	font-size:1.1em;
	}

.widecolumn {
	line-height: 1.6em;
	padding: 10px 0 20px 0;
	margin: 5px 0 0 0px;
	width: 470px;
	text-align:left;
	}
.postmetadata {
	text-align: left;
	padding-top: 5px;
	color: #CCCCCC;
	font-size: 0.9em;
	}
	


.widecolumn .post {
	margin: 0;
	}
.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}
.alt {
	background-color: #2D2D2D;
	border-top: 1px solid #A5A5A5;
	border-bottom: 1px solid #A5A5A5;
	margin: 0;
	padding: 10px;
	}
html>body .alt {margin-right: 10px;}

#footer {
	padding: 15px 0 0 25px;
    border-top: #CBCBCB 1px dashed;
    margin: 0 20px 0 25px;
	width: 830px;
	clear: both;
	}
#footerp {
width: 293px;
	margin: 0px 0px 0 0;
	padding: 0px 0px 10px 0;
	text-align: right;
	font-size: 0.9em;
	font-weight:bold;
	}
html>body #footerp {width:788px;}

#footerlink {float: left;font-size:0.9em; width:510px;margin:0px 0 10px 0px;}	



.post {
	padding: 0 0 10px 0;
	margin-bottom:15px;
	}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #CCCCCC;
	}


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em  Arial, Helvetica, sans-serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	
	}

.commentmetadata {
	font-weight: normal;
	}


.nocomments, blockquote, strike {
	color: #ffffff;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a {/*linkfarbe*/
	color: #FEAF6D;
	text-decoration: none;
	outline: none;
	}

a:hover {/*linkfarbe*/
	color: #FEAF6D;
	text-decoration: underline;
	outline: none;
	}

#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/*----------------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------------------*/
	
/* End Structure & Typography & Colors */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
font-weight: bold;
	font-size: 1.2em;
	float: right;
	}

.alignleft {
font-weight: bold;
	font-size: 1.2em;
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: disc;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before{
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
width: 300px;
margin-top: 12px;
margin-bottom: 15px;
text-align:right;
}

#s {
width: 180px;
height: 16px;
background:#ffffff;
border:#000000 1px solid;

}
#searchsubmit {
width: 60px;
height: 20px;
background:#7F0B0B;
border:#000000 1px solid;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight: bold;
color:white;
}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

input {
border:#A5A5A5 1px solid;
color:#ffffff;
	
	padding: 2px;
	margin: 5px 5px 1px 0;
	background:#2D2D2D;
	}

textarea {
border:#A5A5A5 1px solid;
color:#ffffff;
    background:#2D2D2D;
	width: 300px;
	padding: 2px;
	}

submit {
    background:#FD6001;
	border:#A5A5A5 1p solid;
	color:#ffffff;
	margin: 0;
	float: left;
	width: 150px;
	}
/* End Form Elements */



.commentlist ol {
	padding: 0;
	margin:0;
	text-align: left;
	}

.commentlist li {
	margin: 15px 0 3px -40px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}











/* Begin Calendar
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover {  Doesn't work in IE 
	background-color: #fff; }
 End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.2em;
	}
html>body .navigation {font-weight:bold; font-size: 1.2em}

/* End Various Tags & Classes*/


.ddsg-sitemap {line-height: 30px;}
.ddsg-pagenav {}
.ddsg-cats {font-family:Arial, Helvetica, sans-serif; font-size:1.3em; color:#333333; font-weight:bold;}
.ddsg-xml-link {font-weight:bold;}
.ddsg-excerpt {line-height: 1.4em;}

.mC {width:720px; margin:5px; }
.mH {color:#60c; cursor:pointer;  font-weight:normal; }
.mL {display: block; margin-bottom:10px;}
.mO {margin-left:10px; display:block;}

#imp-links {}
#imp-links:after { clear: both; content: ""; display: block; height: 0; }
#imp-links .clearfloat { clear: both; height: 0; overflow: hidden; }

/* Clearing the list style from kubrick theme */
html>body #imp-links ul { text-indent: 0; padding: 0; }
html>body #imp-links li { margin: 0; }
#imp-links ul li:before { content: ""; }
/* Clearing the list style from kubrick theme finished */

#imp-links ul.cat_list { list-style: none; text-align: center; padding: 0; margin: 0 0 20px 0; }
#imp-links ul.cat_list li { display: inline; margin: 0 10px; }
#imp-links ul.cat_list li a, #imp-links ul.cat_list li a:visited { padding: 3px 0; }
#imp-links ul.cat_list li a:hover { text-decoration: underline; }

#imp-links .imp-links-list { width: 45%; margin: 0 0 25px 25px; }
#imp-links .imp-links-list-left { float: left;}
#imp-links .imp-links-list-right { float: right; }

#imp-links .imp-links-list h3 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #FF8304; }
#imp-links .imp-links-list ul { list-style: none; border-top: 1px solid #989898; margin: 5px 0 0 0; }
#imp-links .imp-links-list ul li { border-bottom: 1px solid #989898; }
#imp-links .imp-links-list ul li a, #imp-links .imp-links-list ul li a:visited { display: inline-block; }
#imp-links .imp-links-list ul li a, #imp-links .imp-links-list ul li a:visited { display: block; padding: 4px 10px; }
#imp-links .imp-links-list ul li a:hover { background: #525151; }

.referenzen2 {width: 690px; background: #171717; padding: 10px; border: 1px dashed #fff; float:left; margin: 10px;}

.ngg-album-wallpaper {float:left;
height:200px;
margin: 3px;
padding-top: 4px;
text-align:left;
width:120px;
background: #232323; border: 1px dotted #656565;}

.ngg-album-wallpaper:hover {background: #3c3c3c;}

.ngg-album-wallpaperbox {background:transparent url(albumset.gif) no-repeat scroll 0 50%;
height:120px;
margin:0 0 6px !important;
width:120px;}

.ngg-album-link-wallpaper {text-align: left; }

.ngg-album-desc-wallpaper {padding: 4px;}
.wallpaper_count {padding: 4px; font-size: 11px;}

.ngg-gallery-thumbnail-box-wallpaper {float: left; width: 170px; height: 250px; background: #232323; border: 1px dotted #656565;
										margin-right: 10px; margin-bottom: 20px;}
.ngg-gallery-thumbnail-wallpaper {text-align:center;}
.klammer {background:transparent url(images/paper-clip-mini.png) no-repeat scroll 0 0;
display:block; height:40px; left:4px; position:relative; top:-10px; width:30px; z-index:3; }
*+html .klammer {left: 0; margin-left: -100px;} 

.ngg-gallery-thumbnail-wallpaper img {padding: 3px; background: #fff; border: 1px dotted #666;}
.ngg-gallery-thumbnail-wallpaper img:hover {background: #eeeeee; }

.ngg-galleryoverview {padding-top: 15px;}
.wallpaper-title {background:#000000 none repeat scroll 0 0;
border:2px solid #999999;
color:#FFFFFF;
margin-left:8px;
margin-top:-46px;
position:absolute;
width:150px;}

.handybilder {position: absolute; top: 200px; left: 580px; background: url('images/handybilder.png') top left no-repeat; width: 335px; height: 157px;}