/* GLOBALES RESET
===================================================================== */
img {border:0; display:block;}

* {
	margin: 0;
	padding: 0;
}
/* ==================================================================== */



/* PLZ-WEICHE
===================================================================== */

.bodyPLZ {
	height:100%;
	margin:0;
	padding:0;
	height:100%; 
	background-color:#d2dff1;
}

#logoheaderPLZ {
	position:relative;
	margin-top:40px;
 	width:824px;
	height:75px;
	background-image:url(../../images/logo_fotoservice.gif);
	background-repeat:no-repeat;
}

#weichePLZ {
	position:relative;
	margin-top:30px;
 	width:824px;

}

/* ==================================================================== */



/* GRUNDAUFBAU
===================================================================== */

html {
	height:100%;
	margin:0;
	padding:0;
}
	
.bodystart {
	height:100%;
	margin:0;
	padding:0;
	height:100%; 
	background-image: url(../../images/bg_site.gif);
	background-repeat:no-repeat;
	background-color:#d2dff1;
}

.bodycontent {
	margin:0;
	padding:0;
	background-color:#ffffff;
}

#page[id] {
    height:auto;
    min-height:100%;
}
	
#page {
	height:100%;
	width:830px;
	margin:0 auto;
	min-height:100%;
	position:relative;
}

#content {
	width:830px;
	position:relative;
	margin:0 auto;
}

#flashheader {
	/* margin-top:25px; */
	position:relative;
	width:824px;
	height:112px;
}

#logoheader {
	position:relative;
 	width:824px;
	height:75px;
	background-image:url(../../images/logo_fotoservice.gif);
	background-repeat:no-repeat;
}

#hinweis01, #hinweis02, #hinweis03, #hinweis04, #hinweis05, #hinweis06, #hinweis07, #hinweis08, #hinweis09, #hinweis10 {
	visibility:hidden; 
	position:absolute;
	width:156px; 
	height:147px; 
	padding: 5px 5px 0 10px;
	font-size:12px;
	line-height:15px;
	color:#FFFFFF;
}

#footer {
	width:824px;
	margin-top:4px;
}

#shopnavi {
	width:824px;
	height:20px;
	padding:5px 0 0 0;
	margin:0;
}

#spacer {
	width:0px;
	height:0px;
}

ul {
	list-style: disc;
	list-style: outside;
	margin-left: 15px;
	padding: 0;
	}



/* ==================================================================== */



/* NAVIGATION (UL, LI)
===================================================================== */

#navigation {
	float:left;
	width: 171px;
	background-color:#8296be;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	}

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

#navigation li a {
	height:22px;
  	voice-family:"\"}\""; 
  	voice-family:inherit;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	}	
	
#navigation li a:link, #navigation li a:visited {
	display: block;
	background: url(../../images/navigation/bg_link.gif) 0px 3px;
	padding: 4px 0 0 10px;
	color:#ffffff;
	font-weight:bold;
	}
	
#navigation li a:hover {
	background:  url(../../images/navigation/bg_link_over.gif) 0px 3px;
	padding: 4px 0 0 15px;
	color:#001e4c;
	}
	
#navigation li a:active {
	background:  url(../../images/navigation/bg_link_active.gif) 0px 3px;
	padding: 4px 0 0 15px;
	color: #f8bb48;
	}
	
#navigation li a:focus {
	background:  url(../../images/navigation/bg_link_active.gif) 0px 3px;
	padding: 4px 0 0 15px;
	color: #f8bb48;
	}

/* ==================================================================== */



/* BEREICH HOMEPAGE
===================================================================== */

#teaser1 {
	float:left;
	position:absolute;
	width:325px;
	height:201px;
}

#teaser2 {
	float:left;
	position:absolute;
	width:328px;
	height:201px;
	margin-left:325px;
}

#teaser3 {
	float:left;
	position:absolute;
	width:325px;
	height:204px;
	margin-top:201px;
}

#teaser4 {
	float:left;
	position:absolute;
	width:328px;
	height:204px;
	margin-top:201px;
	margin-left:325px;
}

#teasertext1, #teasertext2, #teasertext3, #teasertext4 {
	position:absolute;
	line-height:15px;
}

/* ==================================================================== */


/* BEREICH FOTOGESCHENKE
===================================================================== */

#fotog {
	margin-left:10px;
	margin-top:10px;
	float:left;
	position:absolute;
	width:643px;
	height:58px;
}


#fotog1 {
	float:left;
	position:absolute;
	width:217px;
	height:168px;
	margin-top:68px;
}

#fotog2 {
	float:left;
	position:absolute;
	width:434px;
	height:168px;
	margin-top:68px;
	margin-left:217px;
}

#fotog3 {
	float:left;
	position:absolute;
	width:217px;
	height:168px;
	margin-top:236px;
}

#fotog4 {
	float:left;
	position:absolute;
	width:217px;
	height:168px;
	margin-top:236px;
	margin-left:217px;
}

#fotog5 {
	float:left;
	position:absolute;
	width:217px;
	height:168px;
	margin-top:236px;
	margin-left:434px;
}


/* ==================================================================== */

/* BEREICH PREISE
===================================================================== */

#Col1 {
	float:left;
	width:200px;
	padding-left:10px;
	text-align:center;
}

#Col2 {
	float:left;
	width:400px;
}

#tabHeadline {
	width:390px; 
	height:42px; 
	background-image:url(../../images/bg_tabellegross.jpg); 
	padding-left:10px; 
	padding-top:4px;
	color:#ffffff; 
	font-size:12px;
}

#tabTrenner {
	width:400px; 
	height:1px;
}

#tabCol1 {
	width:310px;
	height:22px;
	padding-left:10px; 
	background-image:url(../../images/bg_tabbcell1.gif);
	background-repeat:repeat-y; 
	float:left;
	color:#ffffff; 
	font-size:12px;
}

#tabCol2 {
	width:80px;
	height:22px;
	text-align:center; 
	float:left; 
	background-color:#cdd9f1;
	font-size:12px;
}

#smallText {
	width:520px;
	padding:15px 20px 15px 30px;;
	font-size:10px;
	line-height:13px;
}


/* ==================================================================== */




/* BEREICH FAQ
===================================================================== */

#faqHeadline {
	width:540px;
	height:22px;
	padding-left:30px;
	padding-top:3px;
	background-image:url(../../images/bg_faqHeadline.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
}

#faqSubHeadline {
	width:540px;
	height:22px;
	padding-left:30px;
	padding-top:3px;
	font-size:12px;
	font-weight:bold;
	color:#001e4c;
	text-decoration:underline;
	
}

#faqText {
	width:520px;
	padding:15px 20px 15px 30px;;
	font-size:12px;
	text-align:justify;
}

.stretchtoggle{
	display: block;
	color:#001e4c;
	text-decoration:none;
}

a.stretchtoggle:hover {
	color:#001e4c; 
}

/* ==================================================================== */







/* BEREICH LÄNDER-SHIRTS
===================================================================== */

#shirtLaender {
	width:76px; 
	height:60px;
	float:left;
}

#shirtMotive {
	width:215px; 
	float:left;
	margin-top:40px;
	margin-right:20px;
}

#shirtDownload {
	width:215px;
	float:left;
	text-align:center;
}

#shirtWeiter {
	width:146px;
	float:left;
	text-align:center;
	margin-top:40px;
}
.motivLaender2010 {
    width:76px;
    height:53px;
    float:left;
    margin-right: 0px;
}

.motivMuttertag {
    width:87px;
    height:73px;
    float:left;
    margin-right: 10px;
}

.motivSummer {
	width:70px;
	height:59px;
	float:left;
	margin-top:5px;
	margin-right: 6px;
}


/* ==================================================================== */



/* TYPOGRAFIE, FARBEN, ABSATZ
===================================================================== */

body, div, table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#001e4c;
	line-height:17px;
}


.size11px {	font-size: 11px;}
.size12px {	font-size: 12px;}
.size13px {	font-size: 13px;}
.size14px {	font-size: 14px;}

a {color: #000000; text-decoration: none;}
a.colorBlue {color: #8296be; text-decoration: none; } 
a:hover	{color: #8296be; text-decoration: none;} 

a.weiter {color: #cf1522; text-decoration: none; font-weight:bold;}
a.weiter:hover	{color: #cf1522; text-decoration: underline; font-weight:bold;}

a.download {color: #cf1522; text-decoration: none; font-size:11px;}
a.download:hover {color: #cf1522; text-decoration: underline;  font-size:11px;} 

p {
}

h1 {
	font-size: 16px;
	margin-bottom:5px;
}

.colorRed {color: #cf1522;}
.colorOrange {color: #ffbe46;}
.colorLightBlue {color: #8296be;}
.colorDarkBlue {color: #001e4c;}
.colorBlack {color: #000000;}
.colorWhite {color: #ffffff;}



/* ==================================================================== */