body
	{
		margin: 0px;
		padding: 0px;
		background-image: url('../gfx/bkg.jpg');
		background-color: #666666;
	}

a
	{
		color: #333333;
		text-decoration: none;
		border-bottom: 1px dotted #333333;
	}

a:hover
	{
		color: #CC0000;
		border-bottom: 1px solid #666666;
	}

#topBox, #bottomBox .linkleft, #bottomBox .linkright
	{
		font-family: Arial, sans-serif;
		font-size: 10px;
		color: #999999;
	}

#topBox a
	{
		color: #C5C5C5;
		text-decoration: none;
	}

#topBox a:hover
	{
		color: #CC0000;
	}

#bottomBox a
	{
		color: #999999;
		text-decoration: none;
	}

#bottomBox a:hover
	{
		color: #CC0000;
	}

.lowerBox
	{
		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #333333;
	}

.redHeadline
	{
		font-family: Times New Roman, sans-serif;
		font-size: 24px;
		color: #CC0000;
	}

.redHeadline span.big
	{
		font-size: 34px;
	}

.redHeadlineSmall
	{
		font-family: Times New Roman, sans-serif;
		font-size: 18px;
		color: #CC0000;
	}

.flowText span.flowHeader
	{
		font-size: 14px;
	}

.newsouterbox
	{
		font-size: 11px;
	}

.newsouterbox span
	{
		font-size: 10px;
	}

#headline span
	{
		color: #CC0000;
	}

p
	{
		margin-bottom: 20px;
	}

.clearence
    {
        clear: both;
    }

/* Layout ----------------------------------------------------------- */

#websiteOuterLimit
	{
		position: absolute;
		top: 0px;
		left:  50%;
		width: 810px;
		height: auto;
		margin-left: -405px;
	}

#topBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 810px;
		height: 92px;
		margin-bottom: 5px;
	}

#topBox .bleft
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 11px;
		height: 92px;
		float: left;
	}

#topBox .bmiddle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 785px;
		height: 92px;
		background: url('../gfx/gfx_topBox_middle.jpg') 0 0 repeat-x;
		float: left;
	}

#topBox .bright
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 14px;
		height: 92px;
		float: left;
	}

#topBox .logo
	{
		position: absolute;
		top: 15px;
		left: 15px;
		width: 202px;
		height: 67px;
		z-index: 5;
	}

#topnavi
	{
		position: absolute;
		top: 68px;
		left: 227px;
		width: 545px;
		height: 20px;
		z-index: 5;
		border: 0px solid red;
	}

#nav1 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 33px;
		height: 20px;
		background: url('../gfx/btn_news.jpg') 0 0 no-repeat;
		display: block;
		border: none;
		float: right;	
	}

#nav2 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 66px;
		height: 20px;
		background: url('../gfx/btn_maszanzug.jpg') 0 0 no-repeat;
		display: block;
		border: none;
		float: right;	
	}

#nav3 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 78px;
		height: 20px;
		background: url('../gfx/btn_maszhemden.jpg') 0 0 no-repeat;
		display: block;
		border: none;
		float: right;	
	}

#nav4 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 51px;
		height: 20px;
		background: url('../gfx/btn_hochzeit.jpg') 0 0 no-repeat;
		display: block;
		border: none;
		float: right;	
	}

#nav5 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 128px;
		height: 20px;
		background: url('../gfx/btn_gesell.jpg') 0 0 no-repeat;
		display: block;
		border: none;
		float: right;	
	}

#nav6 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 68px;
		height: 20px;
		background: url('../gfx/btn_echtwert.jpg') 0 0 no-repeat;
		display: block;
		border: none;
		float: right;	
	}

#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover, #nav6 a:hover
	{
		background-position: 0 -20px;
	}

#topnavi .navspacer
	{
		width: 15px;
		height: 20px;
		float: right;
	}






#topBox .twolinks
	{
		position: absolute;
		top: 45px;
		left: 670px;
		width: 200px;
		height: 10px;
	}

#topBox .linkleft
	{
		position:  relative;
		top: 0px;
		left: 0px;
		margin-top: 0px;
		float: left;
	}

#topBox .spacer
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 20px;
		height: 9px;
		margin-top: 2px;
		float: left;		
	}



#middleBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 810px;
		height: 382px;
		margin-bottom: 8px;
	}

#middleBox .bmiddle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 810px;
		height: 371px;
		background: url('../gfx/gfx_middleBox_middle.png') 0 0 no-repeat;		
	}

#middleBox .upperBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 790px;
		height: 37px;
		margin-left: 9px;
		margin-bottom: 3px;
	}

#sectionHeader
	{
		position: absolute;
		width: 773px;
		top: 7px;
		left: 0px;
		z-index: 5;
	}

#middleBox .lowerBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 790px;
		height: 330px;
		margin-left: 9px;
		border: 0px solid red;
	}

#contentboxOuterLimit
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 790px;
		height: auto;
		border: 0px solid red;		
	}

#contentboxOuterLimit #contentLeft
	{
		position: absolute;
		top: 30px;
		left: 20px;
		width: 200px;
		height: 298px;
		padding-right: 10px;
/*		margin-top: 30px;
		margin-left: 20px;
		float: left;*/
		z-index:  10;
		border: 0px solid red;		
	}

#contentboxOuterLimit #contentRight
	{
		position: absolute;
		top: 30px;
		left: 250px;
		width: 500px;
		height: 295px;
		padding-right: 16px;
/*		padding-top: 30px;
		padding-left: 16px;

		margin-left: 16px;
		float: left;
		overflow: auto;
*/		
		z-index: 10;
		border: 1px solid #CCCCCC;
	}

#bottomBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 810px;
		height: 35px;
	}

#bottomBox .bleft
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 11px;
		height: 36px;
		float: left;		
	}

#bottomBox .bmiddle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 785px;
		height: 36px;
		background-color: #252525;
		float: left;		
	}

#bottomBox .bright
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 14px;
		height: 36px;
		float: left;		
	}

#bottomBox .linkleft
	{
		position:  relative;
		top: 0px;
		left: 0px;
		margin-top: 12px;
		float: left;
	}

#bottomBox .linkright
	{
		position:  relative;
		top: 0px;
		left: 0px;
		margin-top: 12px;
		float: right;
	}

#top2 .linkleft a, #bot2 .linkleft a
	{
		border: none;
	}

#bottomBox .spacer
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 7px;
		height: 36px;
		margin:  0px 5px;
		float: left;		
	}

/* Email form -------------------------------------------------*/

#emailForm input[type=text], textarea, #newsletterForm input[type=text]
	{
		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #000000;
		border: 1px solid #CC0000;
	}

#emailForm input[type=submit], #newsletterForm input[type=submit]
	{
		height: 20px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		border: 1px solid #CC0000;
	}

#emailForm input[type=text], textarea, #newsletterForm input[type=text]
	{
		background-image: url('../gfx/gfx_mailline.png');
		background-repeat: repeat-x;
		background-color: #E7E7E7;
	}

#emailForm textarea
	{

	}


#emailForm, #newsletterForm
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 400px;
		height: auto;
		padding: 0px 10px 40px 0px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #000000;
		background-color: transparent;
	}



#emailForm .row, #newsletterForm .row
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 400px;
		height: auto;
		margin-bottom: 4px;
	}

#emailForm .col1, #newsletterForm .col1
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100px;
		height: auto;
		float: left;
	}

#emailForm .col2, #newsletterForm .col2
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 280px;
		height: auto;
		float: left;
	}

#emailForm .col2flex, #newsletterForm .col2flex
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
		float: left;
	}

#emailForm .req, #newsletterForm .req
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
		margin-left:  3px;
		font-size: 12px;
		font-weight: bold;
		color: #FF0000;
		float: left;
	}

/* news ------------------------- */

.newsouterbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 190px;
		height: auto;
		margin-bottom: 8px;
	}

.newsouterbox .newspic
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 40px;
		height: 40px;
		margin-right: 5px;
		background-color: #E7E7E7;
		border:  1px solid #CC0000;
		float: left;
	}

.newsouterbox .newsdate
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 130px;
		height: auto;
		float: left;
	}

#headline
	{
		position: relative;
		top: 0px;
		left:  0px;
		width: 492px;
		height: auto;
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 1px solid #CC0000;
	}

.newstext
	{
		margin-top: 10px;
		margin-bottom: 20px;
	}

#contentRight .newspic
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100px;
		height: 100px;
		margin: 0px 10px 10px 0px;
		background-color: #E7E7E7;
		border: 1px solid #CC0000;
		float: left;
	}

#welcomePic
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 792px;
		height: 375px;
		margin-top: -42px;
		background: url('../gfx/content/gfx_bg_welcome.jpg') 0 0 no-repeat;
	}

#welcomePic .welcomeText
	{
		position: relative;
		top: 120px;
		left: 28px;
		width: 386px;
		height: 230px;
		font-size: 14px;
		border: 0px solid red;		
	}


.icon
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 40px;
		height: 45px;
		margin-right: 10px;
		float: left;
	}

.icontext
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		margin-top: 10px;
		float: left;
	}

.inlinepic
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100px;
		height: 100px;
		margin: 0px 21px 10px 0px;
		background-color: #E7E7E7;
		border:  1px solid #CC0000;
		float: left;
	}