/* Grundelemente */
/*
*{
 border:1px solid;
}
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-family: myriad pro, arial, helvetica, clean, sans-serif; font-weight: normal;}
body {font:13px myriad pro, arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100% myriad pro, arial,helvetica,clean,sans-serif;}
select, input, textarea {font:99% myriad pro, arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}


.clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;}
.clear {display:block;overflow:hidden;}
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hidetext {display:block;text-indent:-9999px;outline:0;}
.text-indent {text-indent:-32697px;}

/* Links */
a:link	 {color: #d53043;}
a:visited	{color: #9b142e;}
a:hover	 {color: #567531; text-decoration: none;}
a:focus	 {color: #567531; text-decoration: none;}
a:active	{color: #d53043;}

/* Kopf */
html {text-align:center;}
body {text-align:left;margin: 20px auto; background: #222 url(../images/bg.jpg); width: 789px; color: #333;}
#header a{
	position: relative;
	top:-5px; left:10px;
	margin: 0; padding: 0;
	font: bold 46px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #f0fff0;
	letter-spacing: -4px;
	text-decoration: none;
	}
/*#bild-logo{width: 789px; height: 251px; clear: both;}*/
#bild-logo{background: url(../images/home1.jpg) no-repeat; width: 789px; height: 251px; clear: both;}
#wrapper {background: #fff url(../images/content-bg.jpg) bottom repeat-x; float: left; clear: left;}

/* Hauptnavigation */
ul#main-nav{background: url(../images/nav-bg.jpg) repeat-x; width: 759px; height: 36px; list-style: none; padding-left: 30px;}
ul#main-nav li{float: left; }
ul#main-nav li#current {background: url(../images/nav-hover-bg.jpg) repeat-x;}
ul#main-nav li a{text-decoration: none; color: #fff; text-transform: uppercase; display: block; padding: 12px 10px 8px 10px; float: left;}
/*ul#main-nav li a:link{text-decoration: none; color: #fff; text-transform: uppercase; display: block; padding: 12px 10px 8px 10px;background: url(../images/nav-divider.jpg) ;}*/
ul#main-nav li a:visited{text-decoration: none; color: #fff; text-transform: uppercase; display: block; padding: 12px 10px 8px 10px;}
ul#main-nav li a:hover{background: url(../images/nav-hover-bg.jpg) repeat-x; color: black;}
ul#main-nav li a:focus{background: url(../images/nav-hover-bg.jpg) repeat-x; color: black;}
ul#main-nav li a:active{text-decoration: none; color: #fff; text-transform: uppercase; display: block; padding: 12px 10px 8px 10px; }
#rss img {width: 30px;padding-left: 10px;padding-top: 0px; margin-top: -8px;}
ul#main-nav #rss a:hover{background: url(../images/nav-hover-bg.jpgd) repeat-x; color: black;}


/* Seitennavigation */
#side-content {padding: 30px; width: 245px; float: right;}
#side-content h2 {font-size:153.9%; color: #d53043; margin: 5px 0 15px 0;}
#side-content h3 {font-size:138.5%; color: #222; margin: 5px 0 15px 0;}
#side-content p {margin: 10px 0 10px 0;}
#side-content ul, #main-content ol{margin: 10px 0 10px 30px;}
#side-content ul li {}
#side-content ul#cta-list{list-style: none; margin: 0;}
#side-content ul.side-nav{list-style: none; margin: 0;}
#side-content ul.side-nav li{}
#side-content ul.side-nav li a{display: block; width: 245px; border-bottom: 1px solid #bbb; padding: 3px 0 3px 0; text-decoration: none; color: #333;}
#side-content ul.side-nav li a:hover{color: #d53043; background: url(../images/hover-content.jpg) repeat-x;}
/*#side-content ul.side-nav li a:hover{color: #d53043; background: #eee;} */
/*#side-content ul.side-nav li.nav-spezial{}
#side-content ul.side-nav li.nav-spezial a{display: block; width: 245px; border-bottom: 1px solid #ccc; padding: 3px 0 3px 0; text-decoration: none; color: #333;}
#side-content ul.side-nav li.nav-spezial a{color: #d53043; background: url(../images/hover-bg-spezial.jpg) repeat-x;}
#side-content ul.side-nav li.nav-spezial a:hover{color: #d53043; background: url(../images/hover-bg-spezial-hover.jpg) repeat-x;}
*/

/*
#side-content-fotoalbum {padding: 20px; width: 148px; float: right;}
#side-content-fotoalbum h2 {font-size:153.9%; color: #d53043; margin: 5px 0 15px 0;}
#side-content-fotoalbum h3 {font-size:138.5%; color: #222; margin: 5px 0 15px 0;}
#side-content-fotoalbum p {margin: 10px 0 10px 0;}
#side-content-fotoalbum ul, #main-content ol{margin: 10px 0 10px 30px;}
#side-content-fotoalbum ul li {}
#side-content-fotoalbum ul#cta-list{list-style: none; margin: 0;}
#side-content-fotoalbum ul.side-nav{list-style: none; margin: 0;}
#side-content-fotoalbum ul.side-nav li{}
#side-content-fotoalbum ul.side-nav li a{display: block; width: 140px; border-bottom: 1px solid #ccc; padding: 3px 0 3px 0; text-decoration: none; color: #333;}
#side-content-fotoalbum ul.side-nav li a:hover{color: #d53043; background: url(../images/hover-content.jpg) repeat-x;}
*/

/* Content */
#main-content {padding: 30px; width: 411px; float: left;}
#main-content h1 {font-size:182%; color: #d53043;}
#main-content h2 {font-size:153.9%; color: #111; margin: 5px 0 15px 0;}
#main-content h3 {font-size:138.5%; color: #111; margin: 5px 0 15px 0;}
#main-content p {margin: 10px 0 10px 0;}
#main-content ul, #main-content ol{margin: 10px 0 10px 30px;}
#main-content ul li {}
#main-content form legend{display: block; text-indent: -9999px; width: 200px;}

#main-content_wide  {padding: 30px; width: 729px; float: left;}
#main-content_wide  h1 {font-size:182%; color: #d53043;}
#main-content_wide  h2 {font-size:153.9%; color: #111; margin: 5px 0 15px 0;}
#main-content_wide  h3 {font-size:138.5%; color: #111; margin: 5px 0 15px 0;}
#main-content_wide  p {margin: 10px 0 10px 0;}
#main-content_wide  ul, #main-content ol{margin: 10px 0 10px 30px;}
#main-content_wide  ul li {}
#main-content_wide  form legend{display: block; text-indent: -9999px; width: 200px;}

/*
#main-content_wide_fotoalbum  {padding-left: 30px; padding-bottom:30px; padding-top: 30px; padding-right: 15px; width: 540px; float: left;}
#main-content_wide_fotoalbum  h1 {font-size:182%; color: #d53043;}
*/
/*<#main-content_wide_fotoalbum  {padding: 30px; width: 600px; float: left;}*/

.img-float-left{float: left; margin: 5px 15px 15px 0;}
#content {padding: 30px 15px 30px 30px; width: 737px;}
#content h1 {font-size:182%; color: #d53043;}
#content h2 {font-size:153.9%; color: #111; margin: 5px 0 15px 0;}
#content h3 {font-size:138.5%; color: #111; margin: 5px 0 15px 0;}
#content p {margin: 10px 0 10px 0;}
#content ul, #content ol{margin: 10px 0 10px 30px;}
#content ul li {}
#content a:link img{margin: 0 4px 4px 0; border: 3px solid #000;}
#content a:visited img{margin: 0 4px 4px 0; border: 3px solid #000;}
#content a:hover img{margin: 0 4px 4px 0; border: 3px solid #d53043;}
#content a:focus img{margin: 0 4px 4px 0; border: 3px solid #d53043;}
#content a:active img{margin: 0 4px 4px 0; border: 3px solid #000;}



#sub-content {clear: both; background: url(../images/dotted-h.jpg) repeat-x; width: 729px; margin: 0 auto; padding: 20px 0 20px 0;}
#sub-content h2 {font-size:167%; color: #222; margin: 5px 0 15px 0;}
#sub-content h3 {font-size:138.5%; color: #222; margin: 5px 0 15px 0;}
.sub-section{float: left; width: 211px; margin-bottom: 20px; margin-right: 40px;}
.sub-section-last{float: right; width: 211px; margin-bottom: 20px;}
.sub-section ul, .sub-section-last ul{list-style: none;}
.sub-section ul li a, .sub-section-last ul li a{text-decoration: none; border-bottom: 1px solid #b3b3b3; display: block; padding: 2px 0 2px 0; color: #333; width: 211px;}
.sub-section ul li a:hover, .sub-section-last ul li a:hover{color: #d53043;}

#footer {clear:both; color: #fff; padding-top: 20px;}
#footer p {font-size:85%;}
#footer p a {color: #fff;}
/* =ctas ***************************** */
/*
#cta-services{background: url(../images/cta-services.jpg) no-repeat; width: 789px; height: 251px; clear: both;}
#cta-services a{display: block; width: 789px; height: 251px; text-indent: -9999px;}
*/



/* =banner imgs ***************************** */
#img-contact{background: url(../images/img-contact.jpg) no-repeat; width: 789px; height: 251px; clear: both;}
#img-contact p{display: block; text-indent: -9999px;}
#img-work-aspiring{background: url(../images/img-work-aspiring.jpg) no-repeat; width: 789px; height: 251px; clear: both;}
#img-work-aspiring p{display: block; text-indent: -9999px;}
/* =USPs ***************************** */ #usp-po-launch-date{background: url(../images/usp-po-launch-date.jpg) no-repeat; width: 245px; height: 245px;}
#usp-po-launch-date p{display: block; text-indent: -9999px;}
/* =blog ***************************** */ .hide{text-indent: -9999px;}
.article{border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.article h2 a{text-decoration: none; color: #d53043;}
/* =forms ***************************** */ form label{display: block;}
/* =twitter updates ***************************** */ ul#twitter_update_list{list-style: none; margin: 0;}



#userverwaltung table {
  border:0;

  width:600px;
}
#userverwaltung tr {
  border-bottom:1px solid #000;
}
#userverwaltung td {
  padding-left: 5px;
  padding-right: 5px;
}

#projekte{
 border:0px solid #888;
 padding-top:20px;
	width: 400px;
	/*height: 350px;*/
 }
#projekte.bild{
	padding-right:20px;
}
#projekte.typ{
	display:inline;
	/*font: bold 13px, Arial, Sans-serif;*/
}
#projekte.typtext{
	display:inline;
}


#foto_gallerie_rubrik{
	text-align: center;
	border:0px solid #888;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
 	display:inline;
 	height: 170px;
 }

#foto_gallerie_galleries{
	text-align: center;
	border:0px solid #888;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
 	display:inline;
/*	width: 160px;*/
 }

#foto_gallerie_album{
	text-align: center;
	border:0px solid #888;
	float:left;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
 	display:inline;

 }

#spacer{
	height: 90px;
}

#foto_gallerie{
  	width: 160px;
}

#foto_gallerie .typ{
	display:inline;
	/*font: bold 13px, Arial, Sans-serif;*/
}

#logging{
	font-size:75%;
	}
	

#newsbild img{
border:1px solid #888;
width: 250px;
}