/*
Theme Name: Designjosef 2025
 Description:  Theme f. Josef Pröll 2025
 Author:       Thomas Haase
 Template:     twentyten
 Version:      1.0
 Text Domain:  twentytwentythree-child
*/



/* ---------------------------------------------------
   Farb- und Typografieanpassungen
--------------------------------------------------- */



body {
	background: rgb(240,240,240);
	color: #666;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

#wrapper{
	max-width: 780px;
	margin: 0 auto;
}

h3 {
	/* margin: 0 0 3px 0; */
	font-weight: normal;
	font-size: 16px;
}
#content {
	color: rgb(0,143,181);
	font-size: 12px;
	line-height: 15px;
}
.entry-content a,
.entry-content a:visited {
	font-family: Verdana;
	text-decoration: none;
	color: rgb(255,120,0);
	font-weight: normal;
}
.entry-content a:hover,
.entry-content a:active,
.entry-content .current_page_item a {
	text-decoration: none;
	color: rgb(255,120,0);
}
.felder {
	background-color: rgb(0,143,181);
	color: #fff;
}

/* ---------------------------------------------------
   Bilder & Layout-Elemente
--------------------------------------------------- */
.artikelbild {
	border: 1px solid rgb(0,143,181);
}
.daumennagel {
	float: left;
	position: relative;
	border: 1px solid rgb(0,143,181);
	margin: 0 0 13px 15px;
}
.grossbild {
	float: left;
	position: relative;
	border: 1px solid rgb(0,143,181);
	margin: 0 0 13px 4px;
}

/* ---------------------------------------------------
   Produkt- und Formularboxen
--------------------------------------------------- */
.produkttextbox {
	float: left;
	position: relative;
	border: 1px solid rgb(0,143,181);
	margin: 0 0 13px 4px;
	padding: 0 16px 16px 16px;
	width: 264px;
}
.produkttextbox h3 {
	margin: -2px 0 4px 0;
	padding: 0;
	font-size: 16px;
	color: rgb(0,143,181);
	font-weight: normal;
}
.formbox {
	float: right;
	position: relative;
	border: 1px solid rgb(0,143,181);
	margin: 0 4px 13px 4px;
	padding: 16px;
	width: 388px;
}
.formbox_wunschmotive {
	float: left;
	position: relative;
	border: 1px solid rgb(0,143,181);
	margin: 0;
	padding: 22px;
	width: 388px;
	height: 250px;
}
#wunschmotive_txt {
	position: relative;
	float: right;
	width: 240px;
	height: 250px;
	border: 1px solid rgb(0,143,181);
	margin: 0;
	padding: 22px;
}
.formbox form,
.formbox_wunschmotive form {
	text-align: right;
	font-weight: normal;
	line-height: 22px;
}
.feld,
.feld_fehler,
.feld_area,
.feld_area_fehler {
	color: #fff;
	width: 288px;
	border: 0;
	border-left: 8px solid #f5f5f5;
}
.feld { background: rgb(0,143,181); height: 16px; }
.feld_fehler { background: #ff7800; height: 16px; }
.feld_area { background: rgb(0,143,181); margin-top: 6px; }
.feld_area_fehler { background: #ff7800; margin-top: 6px; }
input[type=submit],
input[type=reset] {
	background: #f5f5f5;
	color: #ff7800;
	border: 0;
	cursor: pointer;
	font-size: 13px;
	position: relative;
	float: left;
	margin: 8px 1px 0 140px;
}
#siebdruck_spalte_li .formbox input[type=submit] {
	float: right;
	margin: 8px 30px 0 40px;
}
#siebdruck_spalte_li .formbox input[type=reset] {
	float: right;
	margin: 8px 20px 0 40px;
}
.fehler {
	color: #ff7800;
}

/* ---------------------------------------------------
   Navigation (Flexbox statt Standard #access)
--------------------------------------------------- */
#navibox {
	text-align: left;
	margin-top: 17px;
	/* padding: 0 8px 0 4px; */
}
#nav_haupt {
	border-top: 1px solid rgb(0,143,181);
	border-bottom: 1px solid rgb(0,143,181);
	padding: 6px 0 0 0;
	height: 18px;
}
#nav_unter {
	padding: 8px 0 0 0;
	height: 31px;
}
#nav_haupt ul#menu,
#nav_unter ul#menu {
	display: flex;
	flex-direction: row;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav_haupt ul#menu { justify-content: space-between; }
#nav_unter ul#menu { justify-content: flex-start; }
#nav_unter ul#menu li { margin-right: 16px; }
#nav_haupt a {
	font-family: Verdana;
	text-decoration: none;
	text-transform: uppercase;
	color: rgb(0,143,181);
	font-size: 11px;
	font-weight: bold;
}
#nav_haupt a:hover,
#nav_haupt a:active,
#nav_haupt .current_page_item a {
	color: rgb(255,120,0);
	text-decoration: none;
}
#nav_unter a {
	font-family: Verdana;
	text-decoration: none;
	text-transform: uppercase;
	color: rgb(0,143,181);
	font-size: 11px;
	font-weight: normal;
}
#nav_unter a:hover,
#nav_unter a:active,
#nav_unter .current_page_item a {
	color: rgb(255,120,0);
	text-decoration: none;
}

/* ---------------------------------------------------
   Siebdruck-Layouts
--------------------------------------------------- */
#siebdruck_spalte_li {
	float: left;
	position: relative;
	width: 464px;
}
#siebdruck_spalte_re {
	float: right;
	position: relative;
	width: 274px;
}
#siebdruckgrossbild,
#siebdruckgrossbild p {
	margin: 0;
	padding: 0;
}
#siebdruck_beschreibung {
	margin: 0 0 37px 16px;
	height: 254px;
}
#siebdruck_beschreibung h3 {
	margin: 0 0 3px 0;
	font-weight: normal;
	font-size: 16px;
}
#siebdruck_spalte_li .formbox {
	float: right;
	position: relative;
	margin: 0;
	padding: 0;
	width: 458px;
	border: 0;
}
.sdm_uebersicht {
	position: relative;
	float: left;
	height: 222px;
	width: 172px;
	border: 1px solid rgb(0,143,181);
	margin: 0 9px 8px 2px;
	padding: 0;
}

/* ---------------------------------------------------
   "auf Karton"-Galerie (Flexbox)
--------------------------------------------------- */
.flexContainer {
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}
.auf_karton_uebersicht {
	width: 32%;
	margin-bottom: 10px;
	padding: 0;
}
.auf_karton_uebersicht img {
	width: 100%;
	height: auto;
}

/* ---------------------------------------------------
   Zusätzliche Header-Links/Icons
--------------------------------------------------- */
#header { position: relative;}
#header a {
 	text-align: center;
 	width: 100%;
 	display: block;
}
a.kreativ-auftraege-link {
	position: absolute;
	right: 4px;
	text-decoration: none;
	color: rgb(0,143,181);

}
a.kreativ-auftraege-link:hover {
	color: rgb(255,120,0);
}
.zur_siebdruckwerkstatt {
	width: 19px;
	position: fixed;
	right: 9px;
	top: 127px;
}
.zur_siebdruckwerkstatt img {
	width: 100%;
	height: auto;
}

/* ---------------------------------------------------
   Sonstiges / Overrides
--------------------------------------------------- */
#comments { visibility: hidden; } /* Kommentare ausblenden */
#access {
	border-top: 1px solid rgb(0,143,181);
	border-bottom: 1px solid rgb(0,143,181);
}