html, body {
	margin: 0;
	padding: 0;
}
body {
	background-color: #222;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #3D3536;
	background-image:url(/templates/images/web/background.png);
	background-repeat: repeat;
}
p {
	margin: 0;
	padding: 0 0 30px 0;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}
ol { margin: 0 0 15px 25px; }
ul { margin: 0 0 15px 15px; }
object, embed {
	margin: 0; 
	padding: 0;
	cursor: pointer;
}
form, input, label, select, textarea {
	margin: 0;
	padding: 0;
}
img, a img {
	border: 0;
}
a:link, a:visited, a:active { 
	color: #788D90;
	text-decoration: none;

	
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;*/
}
div.content-text a:link, div.content-text a:visited, div.content-text a:active { 
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;*/
}

a:hover { 
	color: #AAD3D8;
	text-decoration: none;
	border-bottom-width: 0;
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;*/
}



h1, h2, h3, h4, h5 {
	margin: 0 0 23px 0;
	padding: 0;
	font-size: 16px;
	color: #666666;
}
h1 {
	margin: 0 0 30px 0;
	font-size: 16px;
}
h2 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 14px;
}
h3 {
	margin: 0 0 6px 0;
	font-weight: bold;
	font-size: 12px;
}
div{
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
/* Schriftarten */
.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.times {
	font-family: "Times New Roman", Times, serif;
}
.arial {
	font-family: Arial, Helvetica, sans-serif;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.tright { text-align: right; }
.vsuper {
	vertical-align:top;
	font-size: 9px;
}
.vbottom {
	vertical-align: text-bottom;
	font-size: 9px;
}
.uppercase { text-transform: uppercase; }
.floatl { float: left; }
.floatr { float: right; }
.fixfloat {
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
.hidden { overflow: hidden; }
/* Farben */
.bg-dark { background-color: #788D90; }
.bg-dgreen { background-color: #94BDC3; }
.bg-mint { background-color: #AAD3D8;}
.bg-special { background-color: #DCF4F8;}
.bg-lgrey { background-color: #E1DFDF; }
.bg-turquoise { background-color: #D6EAED; }
.bg-blue { background-color: #AAD3D8; }
.bg-mgrey { background-color: #C3C5C8; }
.bg-dgrey { background-color: #AEAFB2; }
.bg-white { background-color: #FFFFFF; }
.za0 { background-color: #AAD3D8; }
.za1 { background-color: #DCF4F8; }

.white { color: #FFFFFF; }

/* min-height */
.minh-10 {
	height: 10px;
	overflow: visible;
}
html>body .minh-10 {
	height: auto;
	min-height: 10px;
}
/* Höhen und Breiten */
.h-199 { height: 199px; }
.h-200 { height: 200px; }
.w-100 { width: 100px; }

/* Innen- und Aussenabstaende */
.ml-1 { margin-left: 1px; }
.mr-1 { margin-right: 1px; }
.mt-1 { margin-top: 1px; }
.mb-1 { margin-bottom: 1px; }
.mt-7 { margin-top: 7px; }
.mr-2 { margin-right: 2px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.ml-15 { margin-left: 15px; }
.mb-15 { margin-bottom: 15px; }
.mb-10 { margin-bottom: 10px; }
.pt-5 { padding-top: 5px; }
.pb-7 { padding-bottom: 7px; }
.p-7-0 { padding: 7px 0; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.p-15 { padding: 15px; }
.p-0-15 { padding: 0 15px; }
.p-0-30 { padding: 0 30px; }
.p-0-23 { padding: 0 23px; }
.pl-10 { padding-left: 10px;}

/* Rahmen */
.bob-1 { border-bottom: 1px solid #FFFFFF; }
.bol-1 { border-left: 1px solid #FFFFFF; }
.bor-green { border-right: 1px solid #A9D2D6; }

/* Seitenaufbau */
#main-container {
	margin: auto;
	width: 930px;
	height: 500px;
	overflow: visible;
}

#main-container a.link-start{	
	font-size: 20px;
	margin: 0 3px 4px 0;
	display: block;
}

#main-container a.link-start:hover{
	margin: 0 0 4px 0;
}
/*
// zerreist sonst auch die höhe
#main-container a.link-standart-aktiv:hover{
	margin-right: -3px;
}
*/
#main-container a.link-start-aktiv{
	font-size: 30px;
	font-weight: bold;
	margin-right: -3px;
}

#navi-unterpunkte a.link-start{
	font-size: 13px;
}
#navi-unterpunkte a.link-start-aktiv{
	font-size: 13px;
	font-weight: normal;
}




#navi-unterpunkte{
	margin-bottom: 10px;
}

html>body #main-container {
	height: auto;
	min-height: 500px;
}
#head_container{
	height: 22px;
	color: #3D3536;	
}

div.head_bilder{
	border: 7px solid #322C2C;
}

#left-navi a:link,#left-navi a:visited, #left-navi a:active, #left-navi a:hover{
	font-size: 20px;
	margin: 0 3px 4px 0;
	padding: 0;	
	display: block;
}

#left-navi a:hover, #left-navi a.link-standart-aktiv:link, #left-navi a.link-standart-aktiv:visited, #left-navi a.link-standart-aktiv:active, #left-navi a.link-standart-aktiv:hover {
	margin: 0 0 4px 0;
}
#left-navi a.navL2:link, #left-navi a.navL2:visited, #left-navi a.navL2:active, #left-navi a.navL2:hover {
	margin: 0 3px 1px 0;
}
#left-navi a.navL2:hover, #left-navi .div-navL1 a.link-standart-aktiv:link, #left-navi .div-navL1 a.link-standart-aktiv:visited, #left-navi .div-navL1 a.link-standart-aktiv:active, #left-navi .div-navL1 a.link-standart-aktiv:hover  {
	margin: 0 0 1px 0;
}
.div-navL1 {
	padding-bottom: 5px;
	height: 10px;
	overflow: visible;
	margin-bottom: 15px;
}
html>body .div-navL1 {
	height: auto;
	min-height: 10px;
}
div.bild1{
	border-top: 7px solid #EEE56B;
	border-left: 7px solid #EEE56B;
	border-bottom: 7px solid #EEE56B;
	width:300px;
	height:300px;
	overflow: hidden;
}
div.bild2{
	
	border: 7px solid #EEE56B;
	width: 300px;
	height: 300px;
	overflow: hidden;
}
div.bild-head{
	width:623px;
	height:296px;
	overflow: hidden;
	padding-left: 7px;
	padding-top: 2px;
}

div.avatar-pic{
	width:623px;
	height:296px;
	overflow: hidden;
	padding-left: 7px;
	padding-top: 7px;
}
#head-container2{
	height: 339px;
	width: 930px;
	/*border: 1px solid #FFF;*/
}
#head_container a{
	color: #3D3536;
	text-decoration: underline;
	height: 22px;
}
div.head_stellwerk{
	padding-left: 20px;
	font-size: 14px;
}
div.anschrift_head{
	padding-top: 4px;
	text-align: right;	
	padding-right: 10px;
	font-size: 11px;
	
}
div.padding_head{
	height: 150px;
}
div.navi-out{
	width: 170px;
	text-align: right;
	/*color: #EEE56B;*/
	/*border: 1px solid #EEE56B;*/
	
	padding-right: 20px;
	padding-top: 107px;
	/*vertical-align:middle; geht nicht da bild */
}
div.navi-out-standart{
	width: 170px;
	text-align: right;
	/*color: #EEE56B;*/
	/*border: 1px solid #EEE56B;*/
	padding-right: 20px;
	padding-top: 0px;
}
div.border-pfeil{
	text-align: right;
	/*padding-bottom: 24px;*/
	height: 107px;
}

div.navi-unterpunkte{
	font-size: 10px;
	
}

/* Fomular */
form {
	margin: 0;
	padding: 0;
	}

form fieldset{
	border: 0;
	margin: 0;
	padding-left: 8px;

	
}
input {
	margin: 0;
	padding: 0;
}
button {
	margin: 0;
	padding: 0;
}
textarea {
	margin: 0;
	padding: 0;
}
label{
	margin: 0;
	padding: 0;
}
legend{
	margin: 0;
	padding: 0;
	display: none;
}
input.tyFormHidden{
	margin: 0;
	padding: 0;
	display: none;
}

input.input-text{
	background-color: #4f4646;
	border: 0;
	width: 306px;
	height: 25px;
	color: #EEE56B;
	padding-left: 5px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	
	font-size: 12px;
	padding-top: 5px;
	
	  
}

button.input-text{
	background-color: #4f4646;
	border: 0;
	width: 306px;
	height: 26px;
	color: #EEE56B;
	margin: 0;
	padding: 0;
	overflow: visible;
	
	text-align:left;
	padding-left: 5px;	
	margin-left: 0;

}
div.buttons{
	margin-top: 5px;
	width: 306px;
	padding-left: 8px;
}

textarea.input-text{
	background-color: #4f4646;
	border: 0;
	width: 306px;
	height: 336px;
	color: #EEE56B;
	padding-left: 5px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	padding-top: 5px;
}

div.div-input-text div.form-label{
	font-size: 15px;
	height: 26px;
	line-height: 26px;
	padding-left: 5px;
}

#site-container {
	width: 639px;
	
	padding: 0;
	overflow: visible;
	color: #EEE56B; 
	background-color: #322c2c;
	/*background-color: green;*/
	
	padding-top: 5px;
	margin-bottom: 30px;
	padding-bottom: 5px;
}

#haupt_content{
	color: #EEE56B;
	

}
div.content-projekt{
	position: relative;
	height: 720px;
	overflow: visible;
	padding-bottom: 5px;
}
html>body div.content-projekt{
	height: auto;
	min-height: 720px;
}
div.projektauflistung{
	background-color: #433a3a;
	margin: 3px 7px;
	display: block;
	height: 25px;
	width: 625px;
	
}
div.projektauflistung-projekte_titel{
	background-color: #433a3a;
	font-size: 28px;
	line-height: 45px;
	/*margin: 7px;*/
	margin: 3px 7px;
	padding: 0 7px;	
	padding-top: 2px;
	width: 611px;

}

html>div.projektauflistung-projekte_titel{
	
}
div.kuerzel{
	width: 210px;
	padding-top: 35px;
	padding-left: 37px;
	font-size: 28px;
	height: 104px;
	overflow: hidden; 
	padding-right: 37px;
	
}
div.projekt-titel{
	padding-top: 35px;
	width: 310px;
	height: 104px;
	font-size: 20px;
	overflow: hidden;
	padding-right: 37px;
}
div.bilderordner{
	padding-left: 37px;
	padding-right: 37px;
	width: 210px;
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	
}
div.form-left{
	padding-left: 37px;
	padding-right: 37px;
	width: 210px;
	height: 553px;
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	
}
div.content-text-big{
	padding-left: 37px;
	width: 500px;
	height: 300px;
	padding-right: 37px;
	padding-bottom: 10px;
	overflow: hidden;
}
div.content-text{	
	line-height: 18px;
	width: 280px;
	padding-right: 37px;
	padding-bottom: 10px;
	overflow: hidden;
	height: 100%;
}

div.formular-image{
	bottom: 0;
	left: 37px;
	position: absolute;
}

div.bild-head{
	text-align:center;
}

div.pfeil-klein{

	
}
div.little-projektpics
{
	width: 72px;
	height: 72px;
	overflow: hidden;
	border: 4px solid #262222;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-right: 16px;
	
}


a{
	color: #EEE56B;
}

/* Pfeile */

div.pfeil-Architektur{
	background: transparent url(/templates/images/web/Pfeillogo_gelb.gif) no-repeat;
	width:170px;
	height:50px;
	text-align: right;
	background-position: right;
}
div.pfeil-Design{
	background: transparent url(/templates/images/web/Pfeillogo_gruen.gif) no-repeat;
	width:170px;
	height:50px;
	text-align: right;
	background-position: right;
}
div.pfeil-Grafik{
	background: transparent url(/templates/images/web/Pfeillogo_blau.gif) no-repeat;
	width:170px;
	height:50px;
	text-align: right;
	background-position: right;
}
div.pfeil-Marketing{
	background: transparent url(/templates/images/web/Pfeillogo_pink.gif) no-repeat;
	width:170px;
	height:50px;
	text-align: right;
	background-position: right;
}
div.pfeil-Misc{
	background: transparent url(/templates/images/web/Pfeillogo_gruen.gif) no-repeat;
	width:170px;
	height:50px;
	text-align: right;
	background-position: right;
}
/* LINKS */
div.color-Architektur{
	color: #EEE56B;
}

.projektauflistung a:link, .projektauflistung a:visited, .projektauflistung a:active, .projektauflistung a:hover {
	display: block;	
	height: 25px;
	line-height: 25px;
	padding: 0 7px;
}
div.color-Architektur a:link, div.color-Architektur a:visited, div.color-Architektur a:active{
	color: #EEE56B;
	
}
div.color-Architektur a:hover{
	color: #433a3a;
	background-color: #EEE56B;
}
div.color-Design {
	color: #bcd566;
}
div.color-Design a:link, div.color-Design a:visited, div.color-Design a:active{
	color: #bcd566;
}
div.color-Design a:hover{
	color: #433a3a;
	background-color: #bcd566;
}
div.color-Grafik{
	color: #9be5ec;
}
div.color-Grafik a:link, div.color-Grafik a:visited, div.color-Grafik a:active{
	color: #9be5ec;
}
div.color-Grafik a:hover{
	color: #433a3a;
	background-color: #9be5ec;
}
div.color-Marketing{
	color: #ef9ae2;
}
div.color-Marketing a:link, div.color-Marketing a:visited, div.color-Marketing a:active{
	color: #ef9ae2;
}
div.color-Marketing a:hover{
	color: #433a3a;
	background-color: #ef9ae2;
}


div.color-impressum-Architektur{
	background-color: #EEE56B;
}
div.color-impressum-Design{
	background-color: #bcd566;	
}
div.color-impressum-Grafik{
	background-color: #9be5ec;
}
div.color-impressum-Marketing{
	background-color: #ef9ae2;
}
div.color-impressum-Misc{
	background-color: #bcd566;
}


div.color-navi-out-Architektur a:link, div.color-navi-out-Architektur  a:visited, div.color-navi-out-Architektur  a:active, div.color-navi-out-Architektur  a:hover{
	color: #EEE56B;
}

div.color-navi-out-Design a:link,div.color-navi-out-Design a:visited,div.color-navi-out-Design a:active,div.color-navi-out-Design a:hover{
	color: #bcd566;
}
div.color-navi-out-Grafik a:link,div.color-navi-out-Grafik a:visited,div.color-navi-out-Grafik a:active,div.color-navi-out-Grafik a:hover{
	color: #9be5ec;
}

div.color-navi-out-Marketing a:link,div.color-navi-out-Marketing a:visited,div.color-navi-out-Marketing a:active,div.color-navi-out-Marketing a:hover{
	color: #ef9ae2;
}
div.color-Misc{
	color: #bcd566;
}
div.color-Misc a:link, div.color-Misc a:visited, div.color-Misc a:active {
    color: #bcd566;
}
div.color-Misc a:hover {
    background-color: #bcd566;
    color: #433A3A;
}

	/* für pager */

a img { border: 0; }
#pagerContainer-pager{
	padding: 10px;
	border: 1px solid black;
	position: relative;
	margin: auto;
}
#hoverNav-pager{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1px;
	z-index: 10;
	background-color:transparent;
	padding-bottom: 5px;
}


#pagerContainer-pager>#hoverNav-pager{ left: 0;}
#hoverNav-pager a{ outline: none;}

#prevLink-pager, #nextLink-pager{
	position: absolute;
	width: 50px;
	height: 100%;
	background: transparent url(/templates/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	cursor: pointer;
}
#prevLink-pager .linktext, #nextLink-pager .linktext2 {
	display: none;
}
#prevLink-pager { left: -76px; background-color: transparent;}
#nextLink-pager { right: -710px; background-color: transparent; }
a#prevLink-pager:hover { left: -76px; width: 92px; background-color: #322c2c; text-align: left; }
a#nextLink-pager:hover { right: -710px; width: 92px; background-color: #322c2c; text-align: right; }
a#prevLink-pager:hover .linktext { display: block; }
a#nextLink-pager:hover .linktext2  { display: block; }


img.pager_right{
	height:72px;
	width:49px;
	margin-top: 36px;
	margin-right: 20px;
}
img.pager_left{
	height:72px;
	width:49px;
	margin-top: 36px;
	margin-left: 24px;
}


html>body #site-container {
	height: auto;
	min-height: 400px;
}
#head-container {
	width: 980px;
	height: 78px;
	overflow: hidden;
	position: relative;
}
#head-logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 270px;
	height: 78px;
	overflow: hidden;
}
#head-img {
	position: absolute;
	left: 270px;
	top: 0;
	width: 550px;
	height: 78px;
	overflow: hidden;
	position: relative;
}
#main-nav-container {
	width: 980px;
	height: 33px;
	overflow: hidden;
	border-bottom: 1px solid #9D989A;
	background-image: url(/templates/pics/main-nav-bg.png);
	background-repeat: repeat-x;
	position: relative;
}
#search-container {
	position: absolute;
	left: 0;
	top: 0;
	padding: 7px 0 0 10px;
	width: 207px;
	height: 26px;
	border-right: 1px solid #9D989A;
}
#main-nav {
	position: absolute;
	left: 218px;
	top: 0;
	width: 593px;
}
#main-nav-right {
	position: absolute;
	left: 820px;
	top: 0;
	width: 160px;
	height: 33px;
	background-image: url(/templates/pics/main-nav-right-bg.png);
	background-repeat: repeat-x;
}
#short-sitemap-container {
	width: 800px;
	height: 17px;
	padding: 4px 170px 0 10px;
	overflow: hidden;
	position: relative;
	background-image: url(/templates/pics/breadcrumb-bg.png);
	background-repeat: repeat-x;
}
#short-sitemap-container-right {
	position: absolute;
	left: 820px;
	top: 0;
	width: 160px;
	height: 21px;
	overflow: hidden;
	background-image: url(/templates/pics/breadcrumb-right-bg.png);
	background-repeat: repeat-x;
	background-color: #CCE5E9;
}
#shop-search-container {
	width: 820px;
	height: 42px;
	overflow: hidden;
	position: relative;
	border-top: 3px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	position:relative;
}
#content-container {
	width: 980px;
	height: 300px;
	padding: 1px 0 20px 0; 
	overflow: visible;
	background-image: url(/templates/pics/content-bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
html>body #content-container {
	height: auto;
	min-height: 300px;
}
#sub-navigation {
	width: 190px;
	height: 10px;
	overflow: visible;
	margin-top: -1px;
}
#content {
	width: 603px;
	margin-left: 27px;
	height: 10px;
	overflow: visible;
	position: relative;
}
#content-right {
	width: 160px;
	height: 10px;
	overflow: visible;
}
html>body #sub-navigation, html>body #content, html>body #content-right {
	height: auto;
	min-height: 10px;
}
#foot-container {
	background-image: url(/templates/pics/foot-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 800px;
	height: 27px;
	padding: 13px 170px 0 10px;
	text-align: center;
	font-size: 11px;
	color: #666666;
	background-color: #E1DFDE;
	position: relative;
}
#foot-container-right {
	position: absolute;
	width: 160px;
	height: 50px;
	left: 820px;
	top: -10px;
	background-image: url(/templates/pics/foot-right-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#foot-container .pipe { color: #5CBAD3; }

#sw-main-nav ul, #sw-main-nav li { margin:0; padding:0; }
#sw-main-nav a:link, #sw-main-nav a:visited, #sw-main-nav a:active, #sw-main-nav a:hover {
	color: #000000;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 19px;
	line-height: 25px;
	text-align: right;
	margin-right: 5px;
}
#sw-main-nav a:hover {
	margin-right: 0px;
}

div.content-text a:hover { 
	color: #EEE56B;
	border-bottom-width: 0;
	background-color: transparent;
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;*/
}
#imagePreview { position:absolute; z-index: 999; height: 100px; overflow: hidden; left: 50%; }
#imagePreview img { border: 3px solid #222; }