/*
Author: Jürgen Pemsel, P3 Concept :: Media Design
Website:  www.opitz-ladenbau.de
Version: 1.0
Datum: 30.05.2010
*/

/* Allgemein */
html {
/*    height: 100%;  Ausblenden damit Background auch bottom steht */
	}

h1 { font-size: 12px; margin: 0px 0px 10px 0px;}	
h2 { font-size: 12px; margin-top: 0px;}	
h3 { font-size: 10px; font-weight: normal; margin: 0px; padding: 0px;}	

blockquote {
	font-style:italic;
	}

body {
	color: #444;
	background-color: #dedede;
	font: 12px Arial, Helvetica, sans-serif; 
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
/*	height: 100.01%; */
	overflow: auto;
	}
	
img { border: none; }	

p { 
	margin: 5 0 20 0;
	line-height: 1.4em;
}

p.align-left {
	text-align: left;
	}
p.align-right {
	text-align: right;
	}
p.align-center {
	text-align: center;
	}
p.align-justify {
	text-align:justify;
	}
	
a {
	color: #444;
	text-decoration:none;
	}
a:hover {
	color:#F50919;
	text-decoration:none;
	}
a:link {
	}
a:visited {
	}
a:active {
	text-decoration:none;
	}



/**************************************************************/
/* outerContainer */
/**************************************************************/
div#outerContainer {
	width: 2000px;
	margin: 0 auto;
	position:absolute;
	left:50%;
	margin-left:-920px;
	margin-top: 25px;
}

/**************************************************************/
/* leftContainer */
/**************************************************************/
div#leftContainer{
	width: 606px;
	height: 692px;
	float: left;
	background:url(/fileadmin/images/bg-fernsehturm.jpg) 0px -4px no-repeat #dedede;
}

div#leftBottom {
	width: 410px;
	height: 178px;
	float: left;
	margin-top: 691px;
	background-color:#F50919;
}


/**************************************************************/
/* rightContainer */
/**************************************************************/
div#rightContainer{
	width: 1585px;
	float: left;
	margin-left: -193px;
}


/**************************************************************/
/* headerContainer */
/**************************************************************/
div#headerContainer {
	width: 1390px;
	height: 94px;
	float: left;
	background-color:#FFF;
	margin-bottom: 27px;
	margin-left: 195px;
}
div#headerContainer .filler {
	width: 50px;	
	height: 94px;
	float: left;
}
div#headerContainer .trenner {
	width: 3px;	
	height: 94px;
	background-color: #dedede;
	float: left;
}


/**************************************************************/
/* logo */
/**************************************************************/
div#logo {
	padding: 0px 0px 0px 0px;
	float: left;
	margin-left: -195px;
	}

* html div#logo {
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	}


div#logo img {
	border:none;
}

* html div#logo img {
	margin-bottom: -3px;
}


/**************************************************************/
/* metaContainer */
/**************************************************************/
div#metaContainer {
	width: 200px;
	height: 94px;
	float: left;
	text-align: center;
	margin-left: 250px;
}

/**************************************************************/
/* logoKontakt */
/**************************************************************/
div#logoKontakt {
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 15px;
	}

div#logoKontakt img.logo {
	border:none;
	margin: 0px 0px 0px 0px;
}

/**************************************************************/
/* metaNavigtion */
/**************************************************************/
div#metaNavigation {
	text-decoration:none;
	padding: 0px 0px 0px 0px;
}

div#metaNavigation a {
}

div#metaNavigation ul {
	list-style: none;
	padding: 0px 0px;
	margin: 0px;
	}
div#metaNavigation li {
	display:inline;
	padding: 0px 10px;
}
div#metaNavigation li.active a {
	color: #F50919;
}



/**************************************************************/
/* contentContainer */
/**************************************************************/
div#contentContainer {
	width: 1389px;
	float:left;
	margin-left: 3px;
}

/**************************************************************/
/* row1Container */
/**************************************************************/
div#row1Container {
	height: 176px;
	width: 100%;
	background-color:#F50919;
	margin-bottom: 28px;
}
div#row1Container .picContainer {
	width:10px;
	height: 176px;
	float:left;
}
* html div#row1Container img {
	margin-bottom: -3px;
}

div#row1Container .filler {
	width: 50px;	
	height: 176px;
	float: left;
}
div#row1Container .trenner {
	width: 3px;	
	height: 176px;
	background-color: #dedede;
	float: left;
}


/**************************************************************/
/* row2Container */
/**************************************************************/
div#row2Container {
	height: 363px;
	width: 100%;
	background-color:#800216;
	margin-bottom: 3px;
}
* html div#row2Container img {
	margin-bottom: -4px;
}
div#row2Container .picContainer {
	width:10px;
	height: 363px;
	float:left;
}
div#row2Container .filler {
	width: 50px;	
	height: 363px;
	float: left;
}
div#row2Container .trenner {
	width: 3px;	
	height: 363px;
	background-color: #dedede;
	float: left;
}

/**************************************************************/
/* textContainer */
/**************************************************************/
div#textContainer {
	height: 343px;
	width: 363px;
	background-color:#FFF;
	border-right: 3px solid #dedede;
	padding: 8px 10px 12px 10px;
	float: left;
}

* html div#textContainer {
	height: 363px;
	width: 386px;
	padding: 12px 10px 0px 10px;
	overflow: hidden;
}

div#textContainer b {
	font-weight: normal;
	color: #F50919;
}

div#textContainer table {
	font-size: 12px;
}

div#textContainer td p {
	padding: 0px;
	margin: 0px;
}


/**************************************************************/
/* optTextContainer */
/**************************************************************/
div#optTextContainer {
	height: 156px;
	width: 363px;
	background-color:#FFF;
	border-right: 3px solid #dedede;
	padding: 8px 10px 12px 10px;
	float: left;
}

* html div#optTextContainer {
	height: 176px;
	width: 386px;
}

div#optTextContainer .highlight {
	color: #F50919;
}

div#optTextContainer b {
	font-weight: normal;
	color: #F50919;
}

div#optTextContainer table {
	font-size: 12px;
}

div#optTextContainer td p {
	padding: 0px;
	margin: 0px;
}

/**************************************************************/
/* footerContainer */
/**************************************************************/
div#footerContainer {
	height: 178px;
	width: 100%;
	background-color:#F50919;
}
* html div#footerContainer img {
	margin-bottom: -3px;
}
div#footerContainer .picContainer {
	width:10px;
	height: 178px;
	float:left;
}
div#footerContainer .filler {
	width: 50px;	
	height: 178px;
	float: left;
}
div#footerContainer .trenner {
	width: 3px;	
	height: 178px;
	background-color: #dedede;
	float: left;
}


/**************************************************************/
/* footerContent */
/**************************************************************/
div#footerContent {
	width: 736px;
	height: 178px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	text-align: center;
	border-right: 3px solid #dedede;
	background:url(/fileadmin/images/bg-footer.jpg) top left no-repeat #bcbdbe;
}
* html div#footerContent {
	width: 739px;
}
div#footerContent a {
	color:#222;
}
div#footerContent .bottomline {
	margin-top: 70px;
}
div#footerContent .impressum {
	color: #FFF;
	margin-top: 20px;
	margin-left: 10px;
	text-align: left;
	display: none;
	font-stretch: 100;
}
div#footerContent .highlight {
	color: #F50919;
	letter-spacing: 0.04em;
}



/**************************************************************/
/* navigationContainer */
/**************************************************************/
div#navigationContainer {
 	font: 15px Arial Narrow, Arial, Helvetica; 
	width: 193px;
	float: left;
	text-align: right;
}

div#navigationContainer a {
}

div#navigationContainer ul {
	list-style: none;
	margin: 10px 10px 0px 0px;
	padding: 0px;
	}

div#navigationContainer li {
	padding-bottom: 12px;
}



/**************************************************************/
/* mainNavigation */
/**************************************************************/
div#mainNavigation {
	height: 176px;
	width: 100%;
	background-color:#FFF;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-bottom: 28px;
	filter:alpha(opacity=80);
	opacity: 0.8;
}

div#mainNavigation li.active a {
	color: #F50919;
	}


/**************************************************************/
/* subNavigation */
/**************************************************************/
div#subNavigation {
	font-size: 13px;
	width: 100%;
	height: 193px;
	background-color:#FFF;
	float: left;
	padding: 0px 0px 0px 0px;
	filter:alpha(opacity=80);
	opacity: 0.8;
}

div#subNavigation li.active a {
	color: #F50919;
	}

div#subNavigation .header {
	color: #F50919;
	font-size: 15px;
	margin-bottom: 5px;
	}

div#sloganNavigation {
	font-size: 13px;
	height: 170px;
	width: 100%;
	color: #F50919;
	float: right;
	background-color:#FFF;
	margin-bottom: 3px;
	filter:alpha(opacity=80);
	opacity: 0.8;
}

/**************************************************************/
/* fillerNavigation */
/**************************************************************/
div#filler1Navigation {
	width: 100%;
	height: 178px;
	background-color: #FFF;
	float: left;
	margin-bottom: 3px;
}

div#filler2Navigation {
	width: 100%;
	height: 400px;
	background-color: #FFF;
	float: left;
}


/**************************************************************/
/* Image Container */
/**************************************************************/
#imageContainer-1, #imageContainer-2, #imageContainer-3, #imageContainer-4 , #imageContainer-5 {
	float: left;
}

#imageContainer-1 IMG, #imageContainer-2 IMG, #imageContainer-3 IMG, #imageContainer-4 IMG, #imageContainer-5 IMG {
    position:absolute;
    z-index:1;
}
#imageContainer-1 IMG.toplevel, #imageContainer-2 IMG.toplevel, #imageContainer-3 IMG.toplevel, #imageContainer-4 IMG.toplevel, #imageContainer-5 IMG.toplevel {
    z-index:3;
}
#imageContainer-1 IMG.middlelevel, #imageContainer-2 IMG.middlelevel, #imageContainer-3 IMG.middlelevel, #imageContainer-4 IMG.middlelevel, #imageContainer-5 IMG.middlelevel {
    z-index:2;
}




/* ###################################################### */
/* ######################### FORM ####################### */
/* ###################################################### */
#mailform {
	background-color: #FFF;
	padding: 0px;
	padding-top: 6px;
	}
#mailform input {
	font-size: 12px;
	background-color: #EEE;
	border-left: 2px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #AAA;
	padding: 1px;
	margin-bottom: 6px;
}

#mailform input.radio {
	font-size: 12px;
	background-color: #FFF;
	border: none;
	padding: 0px;
	margin: 0px 5px 0px 0px;
}

#mailform textarea {
	font: 12px Arial, Helvetica, sans-serif; 
	background-color: #EEE;
	border-left: 2px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #AAA;
}

#mailform .mailform-submit {
	font-size: 14px;
	background-color: #DDD;
	margin-top: 5px;
	padding: 5px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #EEE;
	border-top: 1px solid #EEE;
}

/* Frontend Editing Panels ausschalten bzw. formatieren */
table.typo3-editPanel { border: none; background-color: #fff; width: auto; display:none;}
table.typo3-editPanel TD.typo3-editPanel-controls { border: 1px solid #ccc; background-color: #fff; display:none;}