/*-----------------------------------------------------------*/
/*
Theme Name: Munzer
Theme URI: http://www.munzer-design.de / Grafik • Form • Raum
Description: *STANDARD*
Author: Olga Reiche
*/
/* 
1. Layout zentriert
2. Gestaltung Kopf & Menü horizontal
3.Gestaltung Container & Menü vertikal & Bild
	3.3. INHALT Tabellen
4. Gestaltung Container Impressum
5. Gestaltung Container Kontakt
6. Gestaltung Container Links
*/
/*-----------------------------------------------------------*/

/*
FARBEN
grau body	#cecece
grau inhalt	#dddee2
dunkel-grau #8a898f / text #5e5e60 #333235
alt-rosa	#B00167
formular felder #f6f7fa
*/

/* 1. Layout zentriert*/

html, body {
height:				100%;
}

body{
font-family:			Arial, sans-serif;
text-align:				center;
background: 			#cecece url(menue/cecece-1x1.gif);
}

div, table, th, tr, td, form, input, textarea, h1, h2, h3, h4,  p, ul, ol, li, blockquote, span, img, strong, small, br{
	margin:					0px;
	padding:				0px;
}

#distance{
	width:				1px;
	height:				50%;
	background: 		#dddee2 url(menue/dddee2-1x1.gif);
	margin-bottom:		-300px; /* die helfte von page's höhe */
	float:				left;
}

.center{
	margin:					0 auto;
	position:				relative; /* stelle page nach dem distance */
	clear:					left;
	text-align:				left;
	width:					800px;
	height: 				543px;
	border:					7px none #ffffff;
	background-color: #dddee2;
	background-image: url(munzer-WEBSEITE-V2.png);
} 

/* 2. Gestaltung Kopf & Menü horizontal */

#menue{
	width:					666px;
	height: 				77px;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

#menue .logo{
	width:					172px;
	height: 				77px;
	float:   				right;
	background-image:		url(menue/logo-172x77.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#menue .linksHor{
	position:				relative;
	top:					98px;
	width:					400px;
	height: 				15px;
	float:   				left;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 46px;
	font-size:				13px;
	font-weight:			300;
	letter-spacing:			1px;
	text-align:				left;
	color:					#ffffff;
}

#menue .linksHor a:link,	 #menue .linksHor a:visited {
color:					#ffffff;
text-decoration:		none;
}

#menue .linksHor a:hover {
color:						#cecece;
text-decoration:			none;
}

/* 3. Gestaltung Container & Menü vertikal & Bild */

#container{
	width:					530px;
	height: 				333px;
	padding:				45px;
	background-color: #D2D3D5;
	overflow: auto;
	margin-top: 43px;
}

#container .linksVer{
position:				relative;
top:					207px;
width:					121px;
float:   				left;
margin:					0px 0px 0px 0px;
padding:				0px 0px 0px 24px;
}

#container .linksVer a{
background:				url(menue/button.gif) no-repeat 0% 0%;
height:					21px;
width:					121px;
margin:					10px;
padding:				0px 0px 0px 7px;
font-size:				11px;
line-height:			16px;
font-weight:			300;
letter-spacing:			1px;
text-align:				left;
color:					#ffffff;
display: 				block;
text-decoration:		none;
vertical-align:			middle;
}

#container .linksVer a:hover, #container .linksVer a.over{
background:				url(menue/button.gif) no-repeat 0% -21px;
color:					#cecece;
display: 				block;
text-decoration:		none;
}

/* 3.3. INHALT Tabellen*/

#container .bilder{
width:					240px;
height: 				352px;
float:   				right;
margin:					0px;
padding:				0px 62px 0px 0px;
}

.bilder td{
text-align:				right;
vertical-align:			bottom;
color:					#5e5e60;
margin:					0px;
padding:				0px;
}

.mar-top{
margin-top:			20px;
}

.bilder td h1{
font-size:				11px;
font-weight:			300;
line-height:			16px;
letter-spacing:			1px;
margin:					0px 0px 0px 0px;
padding:				0px 12px 0px 0px;
}

 /*4. Gestaltung Container Impressum*/
 
#container .impress{
width:					480px;
height: 				352px;
float:   				right;
margin:					0px;
padding:				0px 12px 0px 0px;
background-image:		url(menue/design-munzer-port-130x150.gif);
background-repeat:		no-repeat;
background-position:	305px 200px;
}

.mar-top2{
margin-top:			5px;
}

.impress td{
text-align:				left;
vertical-align:			top;
color:					#5e5e60;
font-size:				11px;
font-weight:			300;
line-height:			13px;
letter-spacing:			1px;
margin:					0px 20px 0px 0px;
padding:				3px 0px 4px 7px;
}

.impress table td.pad-left{
padding-left: 			14px;
}

.impress td h1{
font-size:				11px;
font-weight:			900;
line-height:			15px;
letter-spacing:			1px;
margin:					5px 10px 0px 0px;
padding:				0px 0px 5px 5px;
border-bottom:			#cecece 1px solid;
}

.impress td a:link, .impress td a:visited{
text-decoration:		none;
color:					#5e5e60;
}

.impress td a:hover{
text-decoration:		none;
color:					#8a898f;
}

/* 5. Gestaltung Container Kontakt*/

#container .kontakt{
width:					480px;
height: 				352px;
float:   				right;
margin:					0px;
padding:				0px;
background-image:		url(gfx/impressum-107x146.jpg);
background-repeat:		no-repeat;
background-position:	312px 15px;
}

.kontakt table td {
color:					#5e5e60;
font-size:				11px;
font-weight:			300;
line-height:			13px;
letter-spacing:			1px;
text-align:				left;
vertical-align:			top;
margin:					0px;
padding:				0px;
}

.kontakt table td.text{
margin:					0px;
padding:				5px 5px 10px 5px;
}

.kontakt table td.text-2{
margin:					0px;
padding:				10px 85px 0px 5px;
}

.kontakt table td.text-3{
margin:					0px;
padding:				7px 85px 12px 5px;
}

.kontakt td h1{
color:					#5e5e60;
font-size:				11px;
font-weight:			900;
line-height:			15px;
letter-spacing:			1px;
margin:					5px 85px 0px 0px;
padding:				0px 0px 5px 5px;
border-bottom:			#cecece 1px solid;
}

input, textarea{
color: 					#5e5e60;
font-size: 				11px;
line-height: 			11px;
font-weight: 			300;
background-color: 		#f6f7fa;
width:					180px;
border:					#cecece 1px solid;
}

input.texte{
height:					19px;
letter-spacing:			1px;
margin-top:				3px;
padding-top:    		2px 0px 0px 3px; 
}

textarea.mitteile{
height:						60px;
letter-spacing:				1px;
margin-top:					3px;
padding-top:    			2px 0px 0px 3px;
scrollbar-darkshadow-color:	#8a898f;
scrollbar-face-color:		#dddee2;
scrollbar-highlight-color:	#cecece;
scrollbar-shadow-color:		#8a898f;
scrollbar-track-color:		#cecece;
}

.kontakt table td.zentr{
margin:					0px;
padding:				8px 0px 0px 0px;
}

input.knopf0{
width:					88px;
height:					21px;
cursor:					pointer;
margin:					0px;
padding:    			0px 0px 0px 0px;
background-color:		#f6f7fa;
}

input.knopf1{
width:					88px;
height:					21px;
cursor:					pointer;
margin:					0px;
padding:    			0px 0px 0px 0px;
background-color:		#e0e2e9;
}

/* 6. Gestaltung Container Links */

#container .links{
width:					425px;
height: 				352px;
float:   				right;
margin:					0px;
padding:				0px 60px 0px 0px;
}


.links td.texteL{
text-align:				left;
vertical-align:			top;
color:					#5e5e60;
font-size:				11px;
font-weight:			300;
line-height:			13px;
letter-spacing:			1px;
margin:					0px 0px 0px 0px;
padding:				0px 20px 5px 5px;
border-bottom:			#cecece 1px solid;
}

.links td.texteLL{
text-align:				left;
vertical-align:			top;
color:					#5e5e60;
font-size:				11px;
font-weight:			300;
line-height:			13px;
letter-spacing:			1px;
margin:					0px 0px 0px 0px;
padding:				10px 20px 5px 5px;
border-bottom:			#cecece 1px solid;
}

.links td h1{
text-align:				left;
vertical-align:			top;
color:					#5e5e60;
font-size:				11px;
font-weight:			900;
line-height:			13px;
letter-spacing:			1px;
margin:					0px 0px 0px 0px;
padding:				0px 20px 5px 0px;
}

.links td a:link, .links td a:visited{
text-decoration:		none;
color:					#B00167
}

.links td a:hover{
color:					#5e5e60;
text-decoration:		none;
}

.links td.border{
vertical-align:			middle;
margin:					0px 0px 0px 0px;
padding:				0px 0px 5px 0px;
border-bottom:			#cecece 1px solid;
}

#foot{
text-align:				center;
font-size:				10px;
color:					#5e5e60;
width:					666px;
height: 				15px;
margin:					0px 0px 0px 0px;
padding:				0px 0px 5px 0px;
background: 			#cecece url(menue/scrip-1x77.gif);
}

/*#foot{
text-align:				right;
font-size:				10px;
color:					#9C9A9A;
width:					666px;
height: 				15px;
margin:					0px 0px 0px 0px;
padding:				0px 0px 5px 0px;
background: 			#cecece url(menue/scrip-1x77.gif);
}
*/