/*  
Theme Name:cook'N'art
Theme URI: 
das Theme der Internetpräsenz http://www.cook-n-art.de
*/


/* 
Benutzte Farben:
Hintergrund:
#DAE1EF hellcoldgrey
#CCD3E3 mittelcoldgrey
#B7C0D4 coldgrey
#EAEAE2 warmgrau ganz hell
#D9D9CA warmgrau hell
#C5C5AD warmgrau
#9C9C85 warmgrau dunkel
#394562 darkcoldgrau

Schrift:
#FFFFFF weiss
#394562 darkcoldgrau
#8B003B (rot)

Rahmen:

Benutze Schrift:
Verdana, Arial, Sans-serif

Schrift Größen:
9pt
12pt
15pt
*/

.alt { 
background-color : #b7c0d4;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}

/* braucht man immer*/

html { 
overflow : hidden;
width : 100%;
height : 99%;
}

body { 
font-family : Verdana, Arial, Sans-serif;
font-size : 9pt;
font-style : normal;
text-decoration : none;
font-variant : normal;
margin : 0;
padding : 0;
width:100%;
height:99%;
color : #394562;
background : #b7c0d4;
text-align : left;
vertical-align : top;
overflow : hidden;
position : absolute;
}

acronym { 
font-family : Verdana, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : italic;
text-decoration : none;
font-variant : normal;
}

abbr { 
font-family : Verdana, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : italic;
text-decoration : none;
font-variant : normal;
word-spacing : 3px;
letter-spacing : 3px;
}

span.caps { 
cursor : help;
}
 
table { 
margin : 0;
padding : 0;
} 

p { 
padding-left : 10pt;
padding-right : 10pt;
text-align : justify;
}
 
.fliess { 
padding-left : 10pt;
padding-right : 10pt;
float : right;
}
 
a { 
font-family : Verdana, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
border-style : none;
color : #ffffff;
} 

.white { 
color : #ffffff;
}

.rot { 
font-family : Verdana, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
border-style : hidden;
color : #8b003b;
} 
.rot1 { 
font-family : Verdana, Arial, Sans-serif;
font-size : 15pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
border-style : hidden;
color : #8b003b;
}

			
/* Überschriftgrößen */
					
h1 { 
font-family : Verdana, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #394562;
}
 
h2 { 
font-family : Verdana, Arial, Sans-serif;
font-size : 12pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #394562;
}
 
h3 { 
font-family : Verdana, Arial, Sans-serif;
font-size : 15pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #394562;
}

/* Einzüge und Aufzählungen */

ul { 
font-family : Verdana, Arial, Sans-serif;
font-size : 15pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #ffffff;
list-style-type : none;
}
 
li { 
font-family : Verdana, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #ffffff;
}						
			
/* DIV Class für allover 

.ao {
width:100%;
max-height:100%;
min-height:100%;
}*/

/* Und nun die Kontainer */

#kontainer1 { 
top : 0;
bottom : 0;
background : #b7c0d4;
top : 0;
left : 0;
position : absolute;
width : 100%;
height : 99%;
z-index : 2;
overflow : scroll;
} 

#textc { 
margin : 0 auto 0 auto;
width : 756px;
padding-top : 90px;
padding-bottom : 145px;
padding-right : 0;
padding-left : 0;
position : relative;
} 

#headc { 
display : block;
visibility : visible;
background : #b7c0d4;
top : 0;
right : 18px;
width : 100%;
height : 90px;
position : absolute;
overflow : hidden;
z-index : 4;
} 

#feedc { 
display : block;
visibility : visible;
background : #b7c0d4;
bottom : -3px;
right : 18px;
width : 100%;
height : 145px;
position : absolute;
overflow : hidden;
z-index : 3;
}

/* Die classes für die DIV Tags im Header */

.head00 { 
width : 756px;
height : 90px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
left : 9px;
text-align : center;
vertical-align : top;
overflow : hidden;
position : relative;
} 
	
.head01 { 
width : 480px;
height : 88px;
padding-left : 3px;
padding-right : 3px;
padding-top : 60px;
float : left;
text-align : left;
vertical-align : 60px;
overflow : hidden;
background : #d9d9ca;
position : relative;
} 

.head02 { 
width : 480px;
height : 28px;
text-align : left;
vertical-align : bottom;
overflow : hidden;
position : relative;
} 

.head03 { 
width : 265px;
height : 85px;
text-align : right;
padding-top : 5px;
float : right;
overflow : hidden;
position : relative;
}
 
#linie { 
width : 100%;
height : 2px;
top : 88px;
background : #ffffef;
overflow : hidden;
position : absolute;
z-index : 5;
}
			
/* Die classes für die DIV Tags im Fließtext */


.bd00 { 
width : 756px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
overflow : hidden;
position : relative;
} 

.bd01 { 
width : 480px;
text-align : left;
vertical-align : top;
margin-top : 0;
float : left;
padding-left : 3px;
padding-right : 3px;
background : #d9d9ca;
position : relative;
} 
.bd02 { 
width : 66px;
float : left;
text-align : justify;
vertical-align : top;
position : relative;
} 
.bd03 { 
width : 200px;
text-align : right;
vertical-align : top;
position : relative;
float : right;
} 

			
/* Die classes für die DIV Tags in der Sidebar */

#cal { 
font-family : Verdana, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : italic;
text-decoration : none;
color : #97a0b4;
width : 200px;
padding-left : 10px;
position : relative;
}
            
/* Class zum zusammenfassen des Footer-Bereiches */

/* .gesamt		{
            width:100%;
            } */

/* Die classes für die DIV Tags im Advertismentberich */
.ad00 { 
width : 756px;
height : 81px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
overflow : hidden;
background-color : #394562;
position : absolute;
} 


.ad01 { 
width : 249px;
height : 80px;
float : left;
padding-top : 3px;
padding-left : 3px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad02 { 
width : 249px;
height : 80px;
float : left;
padding-top : 3px;
padding-left : 2px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad03 { 
width : 249px;
height : 80px;
float : right;
padding-top : 3px;
padding-left : 1px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad00_1_ { 
width : 756px;
height : 71px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
left: 8px;
overflow : hidden;
background-color : #394562;
position : relative;
} 

.ad01_1_ { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 5px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad01_1_a { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 36px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad01_1_b { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 36px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad01_1_c { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 36px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad03_1_ { 
width : 120px;
height : 70px;
float : right;
padding-top : 5px;
padding-left : 36px;
padding-right : 5px;
overflow : hidden;
position : relative;
}

.ad01 { 
width : 249px;
height : 80px;
float : left;
padding-top : 3px;
padding-left : 3px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad02 { 
width : 249px;
height : 80px;
float : left;
padding-top : 3px;
padding-left : 2px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad03 { 
width : 249px;
height : 80px;
float : right;
padding-top : 3px;
padding-left : 1px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad00_1_ { 
width : 756px;
height : 71px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
overflow : hidden;
background-color : #394562;
position : relative;
} 

.ad01_1_ { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 5px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad01_1_a { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 36px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad01_1_b { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 36px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad01_1_c { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 36px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad03_1_ { 
width : 120px;
height : 70px;
float : right;
padding-top : 5px;
padding-left : 36px;
padding-right : 5px;
overflow : hidden;
position : relative;
}
 
.ad01 { 
width : 249px;
height : 80px;
float : left;
padding-top : 3px;
padding-left : 3px;
padding-right : 0;
overflow : hidden;
position : relative;
}
 
.ad02 { 
width : 249px;
height : 80px;
float : left;
padding-top : 3px;
padding-left : 2px;
padding-right : 0;
overflow : hidden;
position : relative;
}
 
.ad03 { 
width : 249px;
height : 80px;
float : right;
padding-top : 3px;
padding-left : 1px;
padding-right : 0;
overflow : hidden;
position : relative;
}
 
.ad00_1_ { 
width : 756px;
height : 71px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
overflow : hidden;
background-color : #394562;
position : relative;
}
 
.ad01_1_ { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 5px;
padding-right : 0;
overflow : hidden;
position : relative;
}
 
.ad01_1_a { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 36px;
padding-right : 0;
overflow : hidden;
position : relative;
}
 
.ad01_1_b { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 36px;
padding-right : 0;
overflow : hidden;
position : relative;
}
 
.ad01_1_c { 
width : 120px;
height : 70px;
float : left;
padding-top : 5px;
padding-left : 36px;
padding-right : 0;
overflow : hidden;
position : relative;
} 

.ad03_1_ { 
width : 120px;
height : 70px;
float : right;
padding-top : 5px;
padding-left : 36px;
padding-right : 5px;
overflow : hidden;
position : relative;
}
			
/* Die classes für die DIV Tags im Side2*/


.sd00 { 
width : 756px;
height : 15px;
min-height : 15px;
max-height : 15px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
overflow : hidden;
position : relative;
} 
.sd01 { 
width : 480px;
height : 15px;
float : left;
overflow : hidden;
position : relative;
text-align : center;
} 
.sd02 { 
width : 275px;
height : 15px;
float : right;
overflow : hidden;
position : relative;
}

/* Die classes für die DIV Tags im Footer */


.foot00 { 
width : 756px;
height : 50px;
min-height : 50px;
max-height : 50px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
left : 9px;
text-align : center;
vertical-align : top;
overflow : hidden;
position : relative;
} 

.foot01 { 
width : 480px;
height : 50px;
padding-top : 3px;
padding-left : 3px;
padding-right : 3px;
vertical-align : top;
float : left;
background : #d9d9ca;
overflow : hidden;
position : relative;
} 

.foot02 { 
width : 66px;
height : 50px;
text-align : left;
vertical-align : top;
float : left;
padding-top : 3px;
overflow : hidden;
position : relative;
}
 
.foot03 { 
width : 200px;
height : 50px;
text-align : left;
padding-top : 3px;
vertical-align : top;
float : right;
overflow : hidden;
position : relative;
}