/* --------------------------------------------------------------
	Titel:	Haupt-CSS
	Datei:	main.css
	Datum:	110520
	Theme:	motyp.de - 1. Entwurf

	Copyright:	Diplom Grafik-Designer Oliver Mohr 2010
-------------------------------------------------------------- */




@import url(mainnavi.css); /* Haupt-Navigation */
@import url(subnavi-footer.css); /* SUB-Navigation in der Fusszeile */
@import url(subnavi-sidebar.css); /* SUB-Navigation in der rechten Sidebar */
@import url(typography.css); /* Gestaltung der Schrift */
@import url(buttons.css); /* Gestaltung Buttons im Content */
@import url(boxes.css); /* Gestaltung Boxen im Content */
@import url(footer.css); /* Gestaltung des Textes in der Fusszeile */
@import url(google-anzeigen.css); /* Gestaltung Google-AdSense-Anzeigen */
@import url(ext-powermail.css); /* Gestaltung Formulare */
@import url(ext-powermail-2.css); /* Gestaltung Formular Webhosting Bestellung neu */
@import url(wt_socialbookmarks.css); /* Gestaltung fuer die Extension Social Bookmarks*/
@import url(ext-category.css); /* Gestaltung fuer die Extension toi_category_page */
@import url(startseite.css); /* Gestaltung fuer die Extension toi_category_page */
@import url(slideshow.css); /* Gestaltung fuer die Extension toi_category_page */



/* 
#E60003 Rot - motyp.de
#F57516 Orange - digitale-fotografien.com 
#0066CC Hellblau für Textlinks 
#888888 Grau für Rahmen 
#D7D7D7 horizontale Trennline 1px 
#EFEFEF grey1 sehr helles Grau 
#999999 grey2 helles Grau
#808080 grey3 mittleres Grau / Textgrau
#666666 grey4 dunkles Grau
#333333 grey5 sehr dunkles Grau / Textfarbe
#000000 black
#C6C6C6 grau Kontur Bilder
*/



body {
	padding: 0px;
	color:#333;
	/* grundlegende Schriftfamilie */
	font-family: Lucida Sans, Verdana, Helvetica, sans-serif;    /* NEUES Fontsize nach 20.12.2010 */
	font-size: 12px;
	line-height: 20px;
	/* font: 11px Lucida Sans, Verdana, Helvetica, sans-serif;*/    /* NEU - vorgegebene Schriftarten */
	font-weight: normal;
}

.bodytext, p {
	padding: 0px;
	color:#333;
	font: 12px Lucida Sans, Verdana, Helvetica, sans-serif; 
	font-weight: normal;
	line-height: 20px;
}


ul {
	color:#333;
	font: 12px Lucida Sans, Verdana, Helvetica, sans-serif; 
	font-weight: normal;
	line-height: 20px;
	padding-left: 1.5em;
}

#clear {clear: both; position: relative; font-size: 0px; height: 0px; line-height: 0px} 

a:link,
a:visited {
	text-decoration: none;
	color: #0066CC;
}

a:hover {
	color: #E60003;
}

img {
	border: none;
}

#wrap {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF none repeat scroll 0 0;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 10px;
	text-align: left;
	width: 960px;
}

/* Header */
#header-wrap {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 960px;
	height: 45px
}
#header-logo {
	float: left;
	margin: 0 10px;
	width: 220px;
}

#header-slogan{
	float: left; padding-top: 16px; text-align: left;
	margin: 0 10px;
	width: 340px; 
}

#header-date{
	float: right; padding-top: 19px; text-align: right; font-size: 10px;
	margin: 0 10px;
	width: 240px;
}

/* Spaeter verwenden
#header-suche {
	float: left;
	padding-top: 20px;
	text-align: right;
	margin: 0 10px;
	width: 240px;
}

#header-right input {
	padding-top: 11px;
} */


/* Banner */
#banner {
	clear: left; float: left;
	margin-top: 20px; height: 260px;
	width: 940px;
	margin: 0 10px;
}

/* Rows / Spalten */
#row-left-220px {
	clear: left; 
	float: left;
	margin: 0 10px;
	width: 220px;
}


#row-left-580px {
	clear: left; 
	float: left;
	margin: 0 10px;
	width: 580px;
}

#row-left-700px {
	float: left;
	margin: 0 10px;
	width: 700px;
}

#row-left-940px {
	float: left;
	margin: 0 10px;
	width: 940px;
}

#row-left-940px-2 {
	margin: 0 10px;
	width: 940px;
}

#row-left-940px-3 {
	margin: 0 10px;
	width: 900px;
	margin-left: 50px;
	padding-right: 0px;
}

#row-left-940px-4 {
	margin: 0 10px;
	width: 900px;
	margin-left: 50px;
	padding-right: 10px;
}

#row-left-580px #margin {
	margin-left: 40px;
	margin-right: 20px;
}

#row-left-700px #margin {
	margin-left: 40px;
	margin-right: 60px;
}


#row-left-940px, #row-left-940px-2 #margin {
	margin-left: 40px;
	margin-right: 40px;
}

#row-right-220px {
	clear: right; 
	float: right;
	margin-left: 10px;
	/* margin-right: 10px; */
	padding-right: 10px;
	width: 220px;
}

#row-right-220px-umfluss {
	float: right;
	margin: 0 10px;
	width: 220px;
}

#row-right-340px {
	clear: right; 
	float: right;
	margin: 0 10px;
	width: 340px;
}
#row-right-340px-2 {
	float: right;
	clear: right;
	/* position: relative; */
	/* margin: 0 10px; */
	width: 340px;
}



/* Startseite */
/* Quick Links */
#quick-links-left-220px {
	clear: left;
	float: left;
	background: url(../images/quick-links-220px-body2.gif) bottom;
	margin: 0 10px;
	height: 300px;
	width: 220px;
}

#row-left-220px-start {
	float: left;
	margin: 0 10px;
	height: 300px;
	width: 340px;
}

#row-right-start {
	float: left;
	margin: 0 10px;
	height: 300px;
	width: 340px;
}

#row-left-220px-start img {
	float: left;
	margin: 1px 5px 1px 1px;
}



/* Footer */
#footer-wrap {
	clear: left;
	float: left;
	margin-top: 40px;
	padding-top: 10px;
	width: 960px;
	border-top: 1px solid #C6C6C6;
	
}

#footer-wrap2 {
	clear: left;
	float: left;
	/* padding: 0 10px; */
	/* margin: 30px 0px; */
	margin-bottom: 20px;
	width: 960px;
}

/* Footer - Bookmarks */
div.footer-box-1 {
	float: left;
	margin-top: 5px;
	margin: 0 10px;
	margin-left: 0px;
	width: 160px;
	padding-top: 6px;
}

/* Footer - Subnavi 1 */
div.footer-box-2 {
	float: left;
	margin-top: 5px;
	/* margin-right: 20px; */
	margin: 0 10px;
	width: 440px;
	line-height: 14px;
}

/* Footer - Subnavi 2 */
div.footer-box-3 {
	float: left;
	/* text-align: right; */
	margin-top: 5px;
	margin: 0 10px;
	margin-right: 0px;
	/* padding-right: 30px; */
	width: 300px;
	line-height: 14px;
}

/* Footer - Adresse */
div.footer-box-4 {
	/* clear: left; */
	float: left;
	margin-top: 5px;
	margin: 0 10px;
	margin-left: 0px;
	width: 540px;
}

/* Footer - Copyright */
div.footer-box-5 {
	/* clear: left; */
	float: right;
	text-align: right;
	margin-top: 5px;
	margin: 0 10px;
	margin-right: 0px;
	width: 380px;
}


/* Zusätzliche Formatierungen */
h1.quick-links-left-220px {
	margin: 0px;
	padding: 6px 12px 0px 12px;
	background: url(../images/quick-links-220px-header.gif) no-repeat;
	height: 29px;
	font-size: 13px;
	line-height: 17px;
	color: #FFFFFF;
}

#quick-links-left-220px a:link,
#quick-links-left-220px a:visited {
	display: block;
	background: url(../images/quick-links-220px-sep.gif) repeat-x bottom;
	margin: 0px;
	height: 20px;
	color: #000000;
}

#quick-links-left-220px a:hover {
	color: #E60003;
}

.third-navi-act {
	color: #E60003 !important;
}

.third-navi,
.third-navi-act {
	padding-left: 15px;
}

#footer a:link,
#footer a:visited {
	font-size: 10px;
	font-weight: lighter;
}



/* REMOVE BLUR */
:focus {
	outline: solid 0;
)

:active {
	border: 0px;
}

/* Nachkorrektur für csv-Tabellen */
div.csc-default,
.div_2463 {
	font-size: 10px;
	line-height: 14px;
	}